6 grandes tendances du Webdesign
Le webdesign désigne la conception d’une interface web. De l’arborescence à la navigation, le webdesign d’un site internet ou d’une application mobile fait appel à de nombreuses compétences et s’inspire de tendances qui se renouvellent sans cesse. Car chaque année amène son lot de nouveautés et d’innovations. Et si certaines tendances sont éphémères, d’autres s’imposent comme nouveau mantra pour satisfaire les internautes et optimiser leur expérience utilisateur. A l’aube de 2020, il est temps de faire le point sur les tendances webdesign qui ont marqué 2019.
Les tendances webdesign qui se confirment
Un design “mobile first”
En 2018, Google a établit un nouveau critère pris en compte pour le référencement : l’Index Mobile First. Autrement dit, un site internet doit être optimisé pour l’affichage sur mobile pour être bien positionné dans les résultats de recherche – une nouveau prérequis bienvenue, puisque 42% des Français naviguent sur leur téléphone. Lorsque l’on parle d’optimisation, on pense bien sûr à un design “smartphone friendly”, pensé pour une utilisation sur un petit device et une navigation tactile. Par exemple, sur les versions mobiles, les menus burgers sont progressivement en train d’être remplacés par des menus horizontaux en bas de l’écran : un changement qui facilite la navigation “au pouce” sur les téléphones.
Les AMP Stories
Le mobile first ne prend pas en compte que la navigation sur mobile, la vitesse de chargement est également primordiale, surtout pour le référencement. Google a d’ailleurs lancé les “Accelerated Mobile Pages” (AMP), des pages spécialement conçues pour la vue mobile, capables de se charger instantanément. Plus récemment encore, les AMP Stories, inspirées du design des applications sociales (notamment Snapchat), combinent la rapidité des AMP et la popularité de l’affichage multimédia au format vertical. En plus d’offrir des formats immersifs propices au storytelling, les AMPs ont un très bon impact sur le SEO.
Des illustrations ultra personnalisées
Le temps où les sites web étaient illustrés avec des photos impersonnelles piochées dans des banques d’images gratuites est révolu : 2019 signe l’avènement des illustrations uniques, créés sur mesure par des graphistes. Non seulement de belles illustrations vont créer un univers, valoriser l’image de marque, mais en plus elles permettent d’illustrer des concepts et des idées qu’une photo n’aurait pas pu véhiculer.
Les illustrations les plus en vogue affichent des formes organiques, rassurantes pour l’œil et colorées. Qu’elles soient dans un style flat, isométrique, réaliste ou rétro, elles apportent du dynamisme et une navigation immersive : une tendance webdesign à suivre pour se parer d’un site unique.
Des couleurs vives et audacieuses
Si le flat design, en vogue dans les années 2013-15, utilisait des couleurs assez conventionnelles, le matériel design n’hésite pas à utiliser des couleurs vives, plus saturées. Les palettes vibrantes attirent l’attention et favorisent la mémorisation.
Les webdesigners jouent avec les contrastes et les dégradés pour donner du corps au contenu. Les couleurs les plus tendances du webdesign en 2019 ? Le rose corail, le jaune mangue et le bleu électrique ! Les plus discrets préféreront les couleurs pastels, plus édulcorées et moins tape à l’œil.
Les nouvelles tendances webdesign de 2019
Des titres expressifs
Le titre est un des premiers éléments lu sur un site web, il n’est donc pas étonnant qu’une grande tendance webdesign de 2019 concerne les typographies. L’astuce des designers pour capter l’attention de l’internaute dès le premier coup d’œil ? Utiliser des polices audacieuses, expressives, tout en correspondant au design global du site web. Cette tendance fait d’ailleurs l’unanimité, on la retrouve aussi bien dans les tendances webdesign des portfolios que des sites e-commerce. Pour faire passer un message court et percutant, les titres adoptent donc une allure décalée, avec notamment :
- Le retour du shérif, des polices avec empattement
- Des tailles de police démesurées
- Des polices “grasses”
- Des espacements entre les lettres
- Des typographies “outline”, c’est-à-dire en contour ou en masque
- Des typographies vintages et manuscrites
Des arrières plans animés
Toujours dans une logique d’expérience utilisateur immersive, 2019 a vu s’affirmer l’apparition des arrières plans animés. Constamment sollicité, l’internaute a de moins en moins de temps à consacrer à la navigation : fini les longs discours, une vidéo claire et engageante doit suffir à véhiculer un message ! Que ce soit pour expliquer un concept ou présenter un produit, les vidéos fournissent du contenu informatif tout en apportant du dynamisme au site web. Les vidéos en motion design sont particulièrement appréciées des utilisateurs. Esthétique et concis, ce format éditorial permet de créer un storytelling autour de la marque.
Des micro-interactions dissimulées
Moins de mouvement, plus d’interactions : cette dernière tendance fait appel à la curiosité de l’utilisateur, en dissimulant ça et là des micro-événements dans le site internet. Il s’agit de montrer que son parcours est pris en compte, en déclenchant des interactions au fur et à mesure de sa navigation :
- Une illustration qui s’anime au survol de la souris
- Des images qui apparaissent au scroll d’une page, avec un effet de profondeur
- Un bouton qui change de couleur au clic
Toutes ces animations visent à attiser la curiosité de l’utilisateur et lui donner envie de prolonger sa visite sur le site, en créant un flux naturel de découverte de l’information. À utiliser cependant avec modération, pour ne pas gêner la navigation.
Quelles tendances webdesign en 2020 ?
2019 signe la dernière année d’une décennie riche en tendances webdesign, qui aura connu l’émergence du responsive design, l’avènement des applications mobiles, le dictat du SEO, la complémentarité UI/UX…
En 2020, les sites web et les applications mobiles seront plus intelligents. Les progrès de l’intelligence artificielle livreront des chatbots plus personnalisés, pouvant anticiper les interrogations de l’internaute. La réalité augmentée, elle, est en passe de révolutionner les applications mobiles. Capable de transformer la vision du réel, elle offre aux utilisateurs un monde plus spectaculaire, plus pédagogique ou encore plus ludique.
Une autre tendance qui devrait s’affirmer en 2020 : le design émotionnel, qui fait la part belle à l’expérience utilisateur. Pour capter l’attention de l’internaute, chaque illustration, typographie et couleur doivent être finement étudiées pour construire un univers cohérent et authentique. Ainsi, l’utilisateur est submergé d’émotions dès son entrée dans le site et sera donc plus réceptif au contenu parcouru.
Disruptif ou minimaliste, monochrome ou flashy… Quel que soit le parti pris graphique d’une interface, il est important de garder en tête qu’il existe à ce jour plus de 1,60 milliards de sites internet dans le monde (2). Alors certes, pour plaire à tout le monde, il est possible de s’inspirer des dernières tendances… Mais pour sortir du lot, pas de recette magique : il convient de créer un univers autour d’une identité unique et forte, et répondant aux attentes de l’utilisateur final. En somme, un webdesign efficace est le résultat d’un juste équilibre entre les tendances du moment et un positionnement singulier !