Tendances 2020 en matière de conception de sites web : ces conceptions donnent actuellement le ton

Sonja Hoffmann Dernière mise à jour le 21.10.2020
8 Min.
Dernière mise à jour le 21.10.2020

Chaque année, il est passionnant de s'inspirer des nouvelles tendances du web design et de se pencher sur les développements actuels et à venir : À quelle esthétique devrons-nous dire adieu à l'avenir ? Et quelles tendances domineront le monde du design dans les années à venir ? La conceptrice de sites web Sonja Hoffmann a son évaluation pour 2020 dans ses bagages.

Diverses sources semblent s'accorder pour dire que l'ère du design plat passera au second plan en 2020. D'une part, on suppose que les autres dessins et modèles passeront simplement au premier plan. Et d'autre part, qu'un changement de direction dans la conception de la semi-plat pourrait être annoncé.

Tendances 2020 en matière de conception de sites web : ces conceptions donnent actuellement le ton

De plus, les illustrations sont en augmentation, principalement dessinées à la main et loin d'être perfectionnistes. Ainsi, non seulement les en-têtes auront une touche plus personnelle, mais aussi des éléments fermement intégrés, tels que les icônes et les boutons. Parce que le web design - comme en conviennent les différents experts des publications spécialisées - a eu une touche trop artificielle et trop parfaite ces dernières années. À l'avenir, une plus grande attention sera accordée à l'individualité et à la personnalité.

Les gradients sont venus avec le développement du CSS et resteront avec nous dans le futur. Il semble qu'il y ait encore suffisamment de besoins d'exploration et d'élaboration. En 2020, nous pouvons être curieux des variations et des combinaisons qui nous attendent. Les gradients continuent également à avoir une place importante dans la conception des logos.

Les couleurs vives et le minimalisme jouent également un grand rôle en 2020 

L'abondance d'informations à laquelle nous sommes confrontés aujourd'hui nous oblige à présenter nos informations de manière plus claire et plus nette. L'utilisation judicieuse des espaces permet à l'utilisateur de travailler plus rapidement sur le contenu et donc d'avoir une expérience plus agréable, mais aussi plus efficace. Le minimalisme, en particulier l'utilisation de l'espace blanc, sera également un élément essentiel des concepts de conception au cours de l'année à venir.

Tendances 2020 en matière de conception de sites web : ces conceptions donnent actuellement le ton

Le minimalisme - c'est-à-dire un dessin très simple et réduit - est également de plus en plus utilisé sous forme de variations monochromatiques. Ici, on peut aussi utiliser des couleurs fortes et expressives.

Tendances 2020 en matière de conception de sites web : ces conceptions donnent actuellement le ton

Les couleurs naturelles restent populaires

Avec ses prévisions sans fin, le tournant de l'année apporte une fois de plus des suggestions pour "la couleur de l'année". Ce qui, la plupart des concepteurs en conviennent, continuera à être du domaine de la nature. Nous verrons également beaucoup de verts et de bleus doux en 2020, avec une tendance à la "menthe".

Éléments graphiques combinés avec des images ou des photographies

En 2020, il y aura probablement encore une tendance à l'asymétrie des mises en page. Avant tout, les images et les photographies seront combinées avec des illustrations et une "typographie audacieuse". Un mélange d'éléments graphiques et visuels vient ainsi compléter de manière passionnante la tendance minimaliste de l'année à venir.

Tendances 2020 en matière de conception de sites web : ces conceptions donnent actuellement le ton

L'utilisateur reste au centre des préoccupations

À l'avenir également, la conception d'un bon site web sera axée sur l'utilisateur. Dans le domaine du commerce électronique en particulier, l'expérience du consommateur final est au centre de toutes les décisions créatives. Des dessins clairs, faciles à naviguer et à comprendre remplacent les mises en page abstraites et déroutantes. Le voyage de l'utilisateur doit être conçu de manière à être aussi simple et direct que possible. Les appels à l'action codés par couleur seront utilisés de manière plus ciblée.

Outre les boutiques en ligne clairement structurées, la priorité continue d'être donnée à la conception adaptée aux besoins, en particulier. Pourquoi ? Dans le monde occidental, près de 60 % d'entre nous accèdent désormais à l'internet à partir de nos appareils mobiles. 

Maintenant que Google a officiellement fait de l'ergonomie mobile un facteur important dans le classement, personne ne devrait négliger sa présence sur le web mobile qui veut encore enregistrer des visiteurs sur son site en 2020. Nous ne serons donc pas exemptés des termes "mobile first" et " responsive " à l'avenir.

En outre, l'intégration des fichiers SVG reste un sujet d'actualité. Même s'il ne s'agit pas d'une information nouvelle, trop peu de sites web utilisent des graphiques vectorisés. Sur les petits appareils en particulier, les graphiques vectoriels présentent des avantages significatifs - par exemple, des temps de chargement plus rapides et une netteté exceptionnelle avec une évolutivité de 100 %.

Au plus tard depuis que le site RGPD nous a tous fait paniquer, nous sommes conscients que nos données sont stockées. À l'avenir, il conviendrait d'utiliser cette méthode de manière plus judicieuse et plus adaptée à l'utilisateur. Les publicités ciblées ne sont déjà plus une nouveauté. Dorénavant, nous pourrons recevoir des notifications "push" de nos sites web visités, même si le succès de ces dernières est difficile à suivre pour nous, opérateurs de sites web (Qu'est-ce qui arrive réellement ? Qu'est-ce qui est réellement lu ?).

L'utilisation des chats bots et de l'IA est d'autant plus logique qu'ils sont basés sur une interaction bidirectionnelle et offrent une valeur ajoutée clairement identifiable pour le consommateur.

Nous en avons assez des sites web rigides pour l'instant : 2020 sera plus mouvementée et plus animée. Jusqu'à présent, le support vidéo a été utilisé de manière relativement modérée dans la conception de sites web. Après tout, lorsque l'on utilise des images en mouvement, il faut toujours tenir compte des conséquences sur le temps de chargement, le taux de rebond et le classement dans Google.

Au plus tard depuis l'introduction du nouveau format .webm plus convivial, celui-ci s'est un peu assoupli. Ainsi, afin de créer des présences web plus intéressantes à l'avenir, nous verrons plus souvent des illustrations animées sous forme de GIF. En outre, il y aura davantage de "microinteractions", ce qui rendra la navigation dans les pages plus claire et plus conviviale.

Les microinteractions sont de petites animations qui nous montrent, en tant qu'utilisateurs, que quelque chose se passe ou devrait se passer ici. Une forme ludique de "feedback", pour ainsi dire. En tant qu'utilisateur, vous vous sentez plus intégré et pouvez vous identifier plus facilement au site web/produit. En outre, ces interactions peuvent offrir des moments de surprise positifs et servir de guide pour définir plus clairement le parcours de l'utilisateur. Cela facilite le flux des utilisateurs - l'utilisateur a plus de chances de trouver ce qu'il cherche sur le site web.

Par exemple, une microinteraction pourrait ressembler à ceci :

Tendances 2020 en matière de conception de sites web : ces conceptions donnent actuellement le ton
Tendances 2020 en matière de conception de sites web : ces conceptions donnent actuellement le ton
Tendances 2020 en matière de conception de sites web : ces conceptions donnent actuellement le ton
Tendances 2020 en matière de conception de sites web : ces conceptions donnent actuellement le ton

3D et "lumière 3D

Effet secondaire de la diffusion de la réalité augmentée (RA) et de la réalité virtuelle (RV), nous pouvons nous attendre à ce que davantage d'éléments 3D soient intégrés dans la conception de nos sites web à l'avenir. L'année prochaine, l'AR/VR ne fera toujours pas une percée dans la conception de sites web. Les raisons en sont, d'une part, des coûts trop élevés. Mais aussi la contradiction avec des temps de chargement optimisés et des conceptions axées sur l'utilisateur final. Parce que l'utilisation des nouvelles technologies est la plus logique, bien sûr, s'il y a une valeur ajoutée évidente.

Tendances 2020 en matière de conception de sites web : ces conceptions donnent actuellement le ton

Comme alternative économique, pour ainsi dire une sorte de "lumière 3D", les éléments superposés sont de plus en plus nombreux. Surtout avec les ombres légères, elles suggèrent une légère tridimensionnalité et créent plus de profondeur.

Tendances 2020 en matière de conception de sites web : ces conceptions donnent actuellement le ton

Depuis l'entrée en vigueur du règlement sur la protection des données (RGPD) en mai 2018, un certain nombre de violations ont déjà été sanctionnées. Parmi eux, il y a aussi des problèmes sérieux, comme le rapporte Heise Online dans cet article. Entre-temps, un concept pour l'évaluation du montant de l'amende a été convenu, qui tient compte, entre autres, du chiffre d'affaires de l'entreprise ainsi que de la gravité de l'infraction.

En outre, nous pouvons nous attendre à l'adoption du règlement sur la vie privée en ligne (ePVO) en 2020, qui clarifiera la situation juridique concernant les outils de suivi. L'OAVE devait à l'origine être publié en même temps que RGPD . Ces deux règlements servent pour l'instant à protéger les données. Danscet article, l'avocat Mario Steinberg explique les exigences que le règlement "vie privée et communications électroniques" imposera aux exploitants de sites web. 

Abondance d'outils et de cadres sur le Web

L'année prochaine, nous continuerons à souffrir d'une surabondance d'"aides à la programmation" sous forme de cadres et d'une nouvelle augmentation des langues supposées plus faciles à apprendre. Cependant, le marché a presque atteint son point de saturation - et nos développeurs ont atteint leurs limites de tolérance. Ces cadres, qui devaient initialement faciliter la mise en œuvre des dessins et modèles, ont également entraîné des complications dans leur abondance par le passé. À l'avenir, même si ce n'est pas directement l'année prochaine, des solutions standard plus simples seront à nouveau recherchées.

Il y a beaucoup d'espoir pour React en particulier

JavaScript continue d'être une partie importante de la programmation web, soutenue par React - une bibliothèque JavaScript pour la création d'interfaces utilisateur.

Réagir a déjà pris de l'importance en 2019, mais n'a pas encore atteint sa phase de pointe et sera aussi de plus en plus sous nos yeux en 2020. Avec l'aide de React, nous continuerons très probablement à intégrer des éléments de l'assurance-chômage dans nos sites et applications web. Pour les développeurs de frontend, c'est un outil qui vaut vraiment la peine d'être appris. Cela est particulièrement vrai dans le contexte de WordPress , puisque le nouvel éditeur de blocGutenberg est basé sur React.

PHP, Ruby, Python, Node.js, Java et .Net restent également des langages de programmation relativement équivalents pour l'arrière-plan.

Tendances 2020 en matière de conception de sites web : ces conceptions donnent actuellement le ton

L'utilisateur sera encore plus concentré en amont et en aval

À l'avenir, nous ne nous contenterons pas de générer et d'évaluer les données dorsales, mais nous les étendrons également au frontend. Ainsi, nous apprendrons à mieux comprendre ce qui est cliqué, quand et comment, sur nos sites web et pourrons ainsi adapter l'IU plus efficacement et améliorer l'UX de manière permanente.

Sur la base des développements actuels, on peut supposer à long terme que le web deviendra encore plus interactif à l'avenir. Je vois certainement un plus grand potentiel pour des expériences qui sont directement et individuellement adaptées à l'utilisateur individuel. Par exemple, à travers une navigation inhabituelle et créative du site, comme dans le cas du portfolio de Bruno Simon.

Tendances 2020 en matière de conception de sites web : ces conceptions donnent actuellement le ton

En général, l'internet devrait être plus amusant - que ce soit par des approches plus créatives et personnelles dans la préparation et la reproduction des informations. L'agence new-yorkaise Red Collar propose sur cette page un merveilleux et ludique résumé des tendances du web design pour 2020.

Tendances 2020 en matière de conception de sites web : ces conceptions donnent actuellement le ton

Je voudrais également mentionner la mise en œuvre de la navigation vocale. Même si cette technologie ne connaîtra probablement pas sa grande percée en 2020, nous pouvons nous y préparer à long terme. Et, toujours en mettant l'accent sur l'utilisateur : des sites web mieux adaptés aux groupes de personnes handicapées.

Nous pouvons donc conclure que 2020 sera une année passionnante en termes de conception de sites web, dans laquelle nous voulons affiner nos connaissances accumulées et les rendre plus accessibles - et avec plus de personnalité et de plaisir dans le processus.

Avez-vous des commentaires sur les développements ci-dessus ou d'autres tendances en matière de conception de sites web en vue de 2020 ? Nous aimerions connaître vos commentaires !

Image ajoutée : Elina Krima | Pexels

Après avoir étudié la conception de jeux et la création littéraire dans la ville verdoyante d'Auckland, Sonja Hoffmann s'est spécialisée dans la conception et le développement de sites web et d'applications. Elle se concentre sur la ludification et les causes derrière la motivation et l'expérience des utilisateur·rice·s, et y combine une passion et une curiosité pour les tendances technologiques.

Articles connexes

Commentaires sur cet article

Laisse un commentaire

Ton adresse électronique ne sera pas publiée. Les champs obligatoires sont marqués d'un *.