8 tendances design web 2020

Nous entrons maintenant dans les «worrying twenties» (inquiétantes), comme les a baptisées la grande étude de Ipsos Trend Obs 2020. Au menu de la décennie : désenchantement, détresse existentielle et fantasme de l’apocalypse. Malgré cela, les tendances du web poursuivent leur évolution. On peut certainement voir une corrélation entre l’engouement pour le mode sombre, la couleur de l’année Pantone très corporative pour redonner confiance aux grandes institutions et ce qui se passe partout autour de nous. Voici les 8 tendances design web 2020 qui semblent les plus prometteuses.

1 – Mode sombre

Tendances design web 2020 : le mode sombre est à l’honneur! Au-delà des avantages fonctionnels, tels que la durée de vie accrue de la batterie et les paramètres de faible luminosité, le mode sombre améliore la visibilité des couleurs d’accent. L’aspect moins lumineux est aussi plus doux pour les yeux. Pour bien saisir toute l’ampleur du retour en force du mode sombre, on n’a qu’à regarder ce que font les géants de la tech.

Quelques exemples du mode sombre appliqué au design web

2 – Couleur Pantone de l’année 2020

Avec ce retour en force du mode sombre, il n’est pas surprenant de voir Pantone sélectionner le «Classic Blue» comme couleur officielle pour l’année 2020. Évidemment, ce choix ne fait pas l’affaire de tous et a ses détracteurs. Jugé trop corporative ou classique, la couleur n’est pas moins envoûtante et apaisante. Dans ces nouvelles années 20, où la confiance du public dans les institutions et l’avenir est de plus en plus remise en question, plusieurs souhaitent un retour à l’authenticité et à l’empathie.

3 – Couleurs lumineuses et incandescentes

Après plusieurs années à surfer sur le flat design, la luminosité et l’incandescence reviennent en force. La tendance au mode sombre permet d’ailleurs de faire ressortir la lumière. Nous verrons plus de combinaisons de couleurs audacieuses, utilisées stratégiquement pour faire ressortir les concepts. Par exemple, l’utilisation de néons brillants sur fonds sombres ou encore des couleurs hautement saturées en combinaison avec des nuances plus sombres pour offrir une sensation lumineuse.

4 – Combinaisons de typographie remplie et en filet contour

Tendances design web 2020 : les combinaisons de typographie remplie et en filet contour (souvent dans la même police) sont très efficaces. La tendance propose des duos de typographie avec et sans fonctionnalités interactives. On peut mettre un titre affichant les deux types d’utilisation ou encore afficher une police contour comme affichage de base et la même police remplie lorsqu’on survol le mot pour indiquer aux utilisateurs que l’élément est cliquable (ou vice-versa). Les résultats sont très intéressants et créent un effet typographique amusant que vous pouvez utiliser de nombreuses manières différentes.

5 – Division verticale

Une autre tendance design web que nous avons vue croître tout au long de l’année, et qui va certainement se développer en 2020, est l’utilisation de divisions verticales. Cette tendance est utilisée pour créer deux sections d’informations distinctes dans un même espace. Elle permet parfois de diviser l’information d’un même contenu en deux blocs distincts. On découvre aussi une nouvelle façon d’allier le contenu d’un côté avec une photo de l’autre, mais contrairement à ce qu’on voyait déjà, la photo est maintenant verticale et le bloc est plus haut qu’à l’habitude. Cette façon de structurer le contenu permet de rendre votre site web plus attrayant et organisé.

6 – Superposition de photos et d’illustrations

La superposition d’illustrations ou de graphiques sur de la photographie crée un effet visuel mémorable. Cette tendance de type collage est polyvalente. Vous pouvez l’utiliser pour ajouter une touche à une photo de produit autrement fade. Vous pouvez aussi l’utiliser pour mieux communiquer des concepts compliqués ou abstraits. On en retrouve souvent dans les secteurs de la technologie ou de la finance. C’est un moyen de personnaliser vos images et d’ajouter plus de personnalité à vos sites web. Pour tirer le meilleur parti de cette tendance, assurez-vous de faire correspondre le style des illustrations et des graphiques avec la personnalité de votre marque. Leur style peut influencer la façon dont les gens vont interpréter la photographie. Par exemple, utiliser des dessins animés pour quelque chose de plus ludique. Ou encore des illustrations géométriques et détaillées pour quelque chose de plus sophistiqué.

7 – Optimisé pour la voix

L’attention des gens est de plus en plus éphémère. Les développeurs savent qu’ils doivent faire équipe avec des concepteurs progressistes pour garder l’attention d’un public distrait. Des millions d’appareils hébergent des assistants virtuels intelligents comme Siri, Google Now et Cortana. De plus en plus de gens optent donc pour la voix plutôt que l’écrit. Il est plus facile de parler à un appareil que de saisir manuellement les requêtes ou les demandes.

Les choses ont peut-être démarré lentement, mais la popularité de la commande/entrée vocale atteint enfin son rythme. Les statistiques suivantes illustrent pourquoi la voix est l’une des tendances web les plus importantes pour 2020 et plus.

• Les entrées vocales rapporteront plus de 40 milliards de dollars d’ici 2022 (Source : OC&C Strategy Consultants).
• À l’échelle mondiale, les livraisons d’enceintes intelligentes ont augmenté de près de 200% au troisième trimestre de 2018 (Source : Strategy Analytics).
• 55% des ménages devraient posséder des haut-parleurs intelligents d’ici 2022 (Source : OC&C Strategy Consultants).
• 65% des 25-49 ans parlent à leurs appareils à commande vocale au moins une fois par jour (Source : PwC).
• 61% des 25-64 ans déclarent qu’ils utiliseront davantage leurs appareils vocaux à l’avenir (Source : PwC).

L’introduction d’interfaces vocales dans les entreprises traditionnelles reste relativement lente. Néanmoins, les preuves suggèrent que ce n’est qu’une question de temps avant que la voix ne devienne l’option d’entrée ou de contrôle principale ou exclusive pour les masses.

8 – Des sites web accessibles à tous

Une tendance qui est extrêmement importante, est l’accessibilité. En d’autres termes, créer des sites web accueillants pour tous devient une véritable priorité dans le monde du web. D’un côté, certains propriétaires de sites se doivent de suivre les normes du gouvernement en matière de site web accessible pour les personnes avec une limitation fonctionnelle, tels les organismes publics, les villes, les écoles, etc. D’un autre côté, il y a naturellement une légère augmentation dans la conception web responsable et la responsabilité sociale des entreprises. Les gens voient un bon retour sur investissement et une bonne commercialisation de l’accessibilité, ce qui en fait une bonne publicité.

Voici deux exemples de sites web récemment développés par Kryzalid qui mettent en place les normes d’accessibilité web WCAG 2.1.

Kryzalid peut vous aider à rafraîchir les interfaces graphiques de votre site web. Nous pouvons aussi vous aider avec une refonte complète. Notre équipe d’experts est à votre disposition pour y arriver. N’hésitez pas à nous contacter pour en savoir d’avantage.

Sources

• https://99designs.ca/blog/trends/web-design-trends/
• https://www.creativebloq.com/features/web-design-trends-2020
• https://theblog.adobe.com/pantone-color-of-the-year-2020/
• https://designshack.net/articles/trends/web-design-trends/
• https://visualcomposer.com/blog/web-design-trends-of-2020/
• https://www.freepik.com/blog/web-design-trends-well-see-in-2020/
• https://wishdesk.com/blog/web-design-trends-2020
• https://graphicmama.com/blog/web-design-trends-2020/
• https://www.wix.com/blog/2019/11/web-design-trends-2020
• https://sondoramarketing.com/blog/2020-web-design-trends/
• https://www.sitejet.io/en/article/10-exciting-web-design-trends-for-2020
• https://www.20minutes.fr/arts-stars/culture/2681811-20200106-2020-nouvelles-annees-folles-revoltes-jeunes-pression-migratoire-humanite-fini-atteindre-limites-planetaires