La fin d’année approche, le moment des bilans mais aussi des projections. En 2020, le webdesign devrait continuer à évoluer vers plus de simplicité, tout en visant constamment à améliorer l’expérience utilisateur. Des polices lisibles, des écrans peu chargés, des templates qui ne demandent pas trop de ressources pour ne pas impacter la vitesse de chargement…
Les quelques tendances qui s’annoncent ont déjà été appliquées pour la plupart en 2019, comme le mode sombre, l’accessibilité et la sobriété. Ne ratez donc pas le coche pour 2020 et pensez à intégrer à votre site ce qui devrait devenir la norme en web design !
1- Mode sombre (Dark Mode)
Le mode sombre ou dark mode est une option permettant de passer le fond d’écran en noir ou en couleurs sombres, pour divers avantages :
Réduire la fatigue visuelle
Permettre à l’appareil mobile de mieux s’adapter à la lumière ambiante
Améliorer la durée de vie de la batterie (puisque les pixels noirs sur mobile sont éteints)
Notamment apprécié des développeurs web, ce type de design est déjà assez répandu, puisqu’Apple l’a introduit dans son iOS 13 (iPhone) et Mojave (MacBook et iMac), Google dans Android 10 et Microsoft avec Windows 10. Suite logique, les principales applications et plateformes web s’y sont aussi mises, comme Twitter.
En 2020, ce type d’option d’affichage devrait devenir quasi-universelle, touchant même les sites e-commerce et les interfaces d’applications e-commerce. Avec l’arrivée toujours plus forte des Progressive Web Apps, c’est d’autant plus probable.
2- Accessibilité
Le web prenant une part toujours plus importante dans nos vies, l’accessibilité fait partie des sujets les plus importants actuellement. Les personnes handicapées au sens large sont nombreuses : handicapés physiques ou mentaux, personnes malentendantes, malvoyantes, blessés… mais aussi les personnes âgées. Votre site web doit être pensé pour offrir un accès « égal » à son contenu. Certains handicaps par exemple nécessitent l’utilisation d’appareils créés spécialement pour eux, votre site et son contenu doit être accessible sur tous les supports.
Pour faciliter la conception de votre site, le web design et l’ergonomie en particulier, il existe un guide de W3C nommé Web Content Accessibility Guidelines (WCAG) – Guide sur l’Accessibilité du Contenu Web en français. Il apporte des restrictions et peut s’avérer frustrant pour certaines fonctionnalités (intégration des médias en particulier) , mais il est indispensable d’en tenir compte pour inclure tous les visiteurs et s’éviter des procès, ce qui est arrivé plusieurs fois aux Etats-Unis. En plus, ces efforts d’accessibilité pourront bénéficier à tous vos utilisateurs, pas seulement ceux présentant un handicap.
3- Minimalisme
De plus en plus de sites, en particulier en e-commerce, cherchent à simplifier au maximum l’apparence. Cela passe par minimiser la navigation, mettre en avant les fonctions essentielles d’une page (les fonctionnalités d’un produit par exemple), en évitant des quantités de filtres et de widgets parfois intrusifs.
Pour Jimmy Duvall, chef de produit à BigCommerce, c’est la tendance principale en webdesign :
Honnêtement, je pense que l’une des plus grandes tendances en e-commerce c’est la simplification. La complexité d’une grande majorité des gros sites de vente rend toute action difficile à réaliser pour le client.
Dans les faits, cela implique que la simplification des pages et des interfaces passe par un texte plus gros (et donc plus lisible), avec plus d’espaces vides et une navigation très simple. En 2020, on risque de voir la majorité des gros sites e-commerce se diriger vers un web design minimaliste et fonctionnel.
Exemple de web design minimaliste e-commerce. Source : ouurcollection.com
4- Design axé sur le contenu
Cela rejoint un peu le minimalisme qui cherche à aller à l’essentiel : l’autre tendance de design en 2020 sera l’intérêt toujours plus important donné au contenu. Le web design doit permettre de mettre en valeur le contenu, qui doit être au centre du site. Il faut comprendre rapidement de quoi il s’agit et faciliter les actions principales, soit « ajouter au panier » pour un site e-commerce. Que l’on soit sur une fiche produit ou non !
Par exemple il faudrait pouvoir créer des connexions entre les différentes pages d’un site, afin de pouvoir acheter même sur un article de blog ou une galerie d’images. Il existe des sites qui ont mis ça en place, comme Maison Ullens, permettant d’acheter les vêtements présentés dans le lookbook.
Intégration des options d’achat dans le lookbook. Source : maisonullens.com
L’idée principale derrière ce concept est de remette au centre le contenu de votre site. Si vous vendez des vêtements, il faut pouvoir les acheter peu importe le contexte : blog, lookbook… Un peu comme le proposent déjà Pinterest avec ses « Shop the look », Google et leur « Shoppable Ads » ou encore Instagram.
Si vous songez à revoir votre site en 2020, pensez à ces tendances web design pour mettre l’utilisateur au centre de votre réflexion, lui apporter l’expérience utilisateur la plus fluide et confortable possible. Le mobile y est lui aussi primordial : accessibilité, simplicité, compatibilité…
Source : practicalecommerce.com – Armando Roggio