Tendances UI 2020 : qu'y a-t-il en magasin ?

2020 est là, et avec elle vient l'occasion de passer en revue les tendances de l'interface utilisateur qui ont fonctionné l'année dernière et celles qui devraient continuer à le faire cette année. Le début de la nouvelle année offre une excellente occasion d'examiner les tendances émergentes en matière de conception d'interface utilisateur qui continueront de gagner en popularité.

Rester au courant des nouveautés dans l'industrie du design, de ce qui est utile (ou pas) et de ce qui tombe en désuétude est vital pour les concepteurs d'interface utilisateur qui souhaitent pouvoir proposer des idées innovantes à leurs clients. L'examen des tendances et la façon dont elles pourraient évoluer à l'avenir sont essentiels à cette entreprise.

Les tendances de l'interface utilisateur 2020 incluront la narration dans la conception de l'interface utilisateur (au lieu de penser à un projet uniquement en termes d'UX), les graphiques et l'animation 3D, les microinteractions uniques, les thèmes sombres, la simplicité, l'interaction vocale, etc.

Narration

Le storytelling n'est souvent pensé qu'en termes d'UX. Cependant, les concepteurs d'interface utilisateur peuvent également jouer un rôle essentiel dans le processus de narration.

Grâce à l'utilisation de la couleur, de la typographie, de l'animation et de la conception d'interaction, les concepteurs d'interface utilisateur peuvent mettre en œuvre les histoires nécessaires à une bonne UX.

La page de destination des écouteurs Pixel de Google est un exemple convaincant de narration d'interface utilisateur. Il guide le visiteur à travers les avantages du produit grâce à des animations réfléchies, des images pertinentes et une typographie stellaire pour créer une réponse émotionnelle positive.

Graphiques et animations 3D

Les graphismes et l'animation 3D ne sont pas des nouveaux venus dans la conception d'interface utilisateur. Leur fréquence a augmenté ces dernières années dans plusieurs catégories de produits. Les applications VR et AR, en particulier, ont tiré parti de ces éléments pour des choses comme la visualisation de meubles dans une pièce réelle. Un autre exemple courant est la vue produit à 360 degrés qui est devenue populaire sur les sites de commerce électronique.

Si une conception d'interface utilisateur doit être particulièrement accrocheuse, les graphiques 3D sont un excellent moyen d'y parvenir. L'animation ajoute à l'attrait visuel. Bien que ces effets prennent plus de temps que les versions 2D et nécessitent un ensemble de compétences spécialisées, ils valent les ressources supplémentaires dans les cas où ils ajoutent à l'expérience utilisateur globale.

Microinteractions uniques

Les micro-interactions sont un élément essentiel de toute bonne conception de produit numérique. Pourtant, ils sont encore négligés par de nombreux concepteurs d'interface utilisateur et parties prenantes.

Les micro-interactions fournissent des informations et des commentaires supplémentaires aux utilisateurs. Ils peuvent inclure des éléments tels que des animations d'interaction, des changements de couleur pour afficher différents états et un retour haptique dans les applications mobiles. Les micro-interactions peuvent faire passer une conception de fonctionnelle à exceptionnelle.

Thèmes sombres

Les thèmes sombres existent depuis quelques années mais ont décollé en 2019. Apple a beaucoup contribué à cette tendance lorsqu'ils ont publié leur mise à jour Mojave avec la possibilité de sélectionner automatiquement un thème sombre par défaut dans les applications qui le prennent en charge. Ils ont également publié une mise à jour pour iOS qui offre la même fonctionnalité de mode sombre.

Les thèmes sombres de l'interface utilisateur continueront de croître en 2020. L'un des avantages les plus importants, au-delà de l'attrait visuel, est que pour certaines personnes, les thèmes sombres avec un bon contraste peuvent aider à la fatigue oculaire.

L'une des dernières applications importantes à bénéficier du traitement du thème sombre est Gmail, qui a commencé à déployer l'option en septembre. Maintenant que les trois principaux géants de la technologie (Apple, Google et même l'application mobile de Facebook) ont sauté dans le train du thème sombre, il est peu probable que cette tendance disparaisse dans un proche avenir.

Simplicité

La simplicité et le minimalisme entrent et sortent de la mode dans la conception de l'interface utilisateur toutes les quelques années. En ce moment, ils sont dedans.

La fonctionnalité est au premier plan avec des conceptions simples. La simplicité est plus un ensemble de principes de conception qu'une tendance unique. Les conceptions simples intègrent souvent les principes de la Gestalt, une typographie audacieuse, des palettes de couleurs minimalistes et de nombreux espaces blancs.

La simplicité dans la conception n'est pas simple à créer. Cela demande de la confiance de la part du concepteur, et chaque élément doit être parfait car rien ne cache des choix de conception douteux. Lorsqu'il est bien fait, il crée une sensation élégante et de haute qualité que les gens aiment utiliser.

Interactions vocales

Les interactions vocales étaient autrefois réservées au domaine de la science-fiction. Les smartphones et les applications mobiles ont changé cela, rendant l'interaction vocale non seulement possible mais courante. Permettre aux gens d'interagir avec les applications via des commandes vocales ouvre un monde de possibilités d'interaction avec un produit. Lorsqu'un consommateur peut donner des commandes vocales, il peut utiliser une application dans des situations où les interfaces tactiles ne sont pas sûres ou pratiques, comme lorsqu'il conduit ou suit une recette ou un didacticiel.

L'interaction vocale n'est pas nouvelle, mais les premières itérations étaient maladroites et ne fonctionnaient souvent pas bien. Au cours des deux dernières années, l'interaction vocale a évolué (généralement avec une assistance alimentée par l'IA) pour devenir une méthode pratique de communication avec une application. Comme le contrôle vocal s'améliore encore plus, c'est une tendance qui ne devrait pas disparaître. Google a annoncé des mises à niveau importantes de sa fonctionnalité Google Assistant lors de l'I/O 2019, selon lesquelles certains spéculent que cela pourrait être le début d'interactions vocales remplaçant presque complètement les interactions tactiles.

Les concepteurs d'interface utilisateur gagneront à se familiariser avec le fonctionnement des interactions vocales et la meilleure façon de les intégrer dans leurs produits, en particulier les applications mobiles. À terme, les interactions vocales peuvent dépasser d'autres types d'interactions, y compris sur le Web.

Typographie Tendances de conception d'interface utilisateur

De nouvelles tendances typographiques apparaissent chaque année, et l'année dernière n'a pas été différente. Certaines des tendances les plus importantes de l'interface utilisateur qui devraient se poursuivre en 2020 incluent un retour aux polices de caractères serif, un texte de héros pas si surdimensionné et un type de superposition avec d'autres éléments.

Lorsque les conceptions d'interface utilisateur graphique ont commencé à apparaître, les empattements étaient généralement mal vus comme étant difficiles à lire sur un écran. Les résolutions d'écran faibles signifiaient que les détails les plus fins des formes de lettres (et les détails visuels à petite échelle en général) étaient perdus, ce qui rendait de nombreuses polices de caractères qui fonctionnaient traditionnellement bien dans l'impression terribles sur un écran d'ordinateur.

Au fur et à mesure que les résolutions d'écran augmentaient, l'idée que les empattements étaient difficiles à lire à l'écran persistait d'une manière ou d'une autre. Cela a changé ces dernières années, et les empattements ont fait leur apparition partout, y compris dans le texte d'en-tête et de héros, où ils étaient généralement moins courants que leurs homologues sans empattement et les polices d'affichage.

Il semble que le texte du héros devienne de plus en plus gros chaque année, occupant souvent tout l'espace "au-dessus du pli" sur un site Web. Cela a changé en 2019, avec un texte plus petit (bien que toujours visible) utilisé sur les images de héros et d'en-tête. C'est un changement bienvenu qui réintroduit les espaces blancs comme un élément précieux de la conception des héros.

Le type de superposition avec des éléments graphiques, soit sous ou au-dessus des images (ou parfois les deux), est une autre tendance croissante. Parfois, le texte est superposé ou superposé avec des images ou des couleurs encadrées, tandis que d'autres fois, il est entièrement intégré à d'autres éléments visuels.

Perspectives d'avenir sur les tendances de l'interface utilisateur 2020

Les meilleures tendances de l'interface utilisateur sont visuellement attrayantes tout en améliorant l'expérience globale et l'utilité d'un produit numérique. Les tendances décrites ci-dessus continueront d'évoluer et de nouvelles émergeront probablement en 2020.

Au fur et à mesure que les grandes marques adoptent les tendances et deviennent plus omniprésentes, elles deviennent des normes et font partie du paysage numérique. Cette évolution se produit déjà avec des tendances comme les thèmes sombres.

Dans d'autres cas, les tendances persistent pendant quelques années, puis s'effondrent à mesure que de meilleures idées et méthodes émergent. Un exemple de ceci est l'interface utilisateur de défilement de parallaxe, qui était incroyablement populaire il y a quelques années, mais qui n'est pas aussi importante en 2020.

De nouvelles tendances émergeront en 2020, et certaines de celles incluses ici pourraient s'estomper d'ici la fin de l'année. Les concepteurs d'interface utilisateur experts sont toujours à la recherche de meilleures façons de présenter le contenu, ce qui signifie que certaines tendances de l'interface utilisateur 2020 auront pratiquement disparu de l'air du temps numérique d'ici 2021.

• • •

Pour en savoir plus sur le blog Toptal Design :

• Regard sur l'avenir - Tendances du design de 2020
• Toptal Design Blog Couleur de l'année 2020
• Rétrospective des tendances du design UX 2019
• Toutes les tendances en valent-elles la peine ? Les 5 erreurs UX les plus courantes commises par les concepteurs Web
• Tendances suivantes : Hommage contre plagiat de conception