Rétrospective des tendances du design UX 2019

"La créativité demande du courage." –Henri Matisse

La bataille pour notre attention est plus grande que jamais alors que le contenu numérique riche rivalise pour des millions de globes oculaires. Avec les distractions endémiques, nous atteignons peut-être ce qu'on appelle une «crise cognitive maximale». Images, vidéos, textes, illustrations, animations et podcasts surchargent nos sens de publications sponsorisées, de fausses nouvelles, de photos de vacances de nos amis, de l'Australie en flammes, de l'inondation de la ville de Venise et des présages de guerre, le tout en moins de temps plus de 10 secondes lorsque nous parcourons un flux de réseau social.

Au milieu de cette tempête - des millions de distractions, toutes en compétition pour attirer notre attention - les tendances du design émergent grâce à l'innovation et à l'expérimentation. Les tendances se forment généralement parce qu'un esprit créatif a imaginé quelque chose, l'a créé, les gens l'ont aimé et il s'est propagé. Certaines tendances ont une courte durée de vie, d'autres perdurent plus longtemps et certaines sont recyclées en quelques décennies, comme en témoigne le retour de la mode des années 60 et des disques vinyles avec la génération Z. Les tendances apparaissent dans de nombreux domaines et disciplines : de la mode aux cheveux, de la nourriture aux voitures, de l'architecture au design, et même à la politique.

Les tendances naissent de la créativité et de l'expérimentation audacieuse. En 1960, lorsque Margaret Vinci, une championne de la coiffure, a été encouragée par l'éditeur du magazine Modern Beauty Salon à faire "quelque chose de vraiment différent" qui définirait la décennie à venir, elle a proposé la coiffure en ruche. Il s'est répandu comme une traînée de poudre et est devenu une tendance à la mode tout au long des années 60. La ruche d'Audrey Hepburn, qu'elle a magnifiquement présentée dans le film classique "Breakfast at Tiffany's", est l'un des exemples les plus emblématiques, tout comme la vision échevelée de Brigitte Bardot.

Comme pour de nombreuses innovations, les créateurs défilent leurs créations nouvellement frappées et soigneusement conçues dans divers médias pour les tester et les montrer. Certaines conceptions UX sont de véritables efforts pour améliorer l'apparence et le fonctionnement des choses. Certains sont des projets de vanité conçus pour exalter le designer et les faire déclarer demi-dieux du design avec 10 000 likes sur Dribbble, même si ce n'est que pour un court instant sur le radar.

Dans la pléthore chaotique d'options, certaines conceptions sont abandonnées et d'autres sont conservées et deviennent une tendance de conception UX, non seulement avec les consommateurs mais aussi avec leurs pairs. Les pairs répondent avec un pouce vers le haut ou un pouce vers le bas : Oooh, j'aime ça. Cela semble très bien. Cela fait que les choses fonctionnent mieux. J'aime ce style. Ou euh, ça ne marche pas pour moi… Parfois, submergés par les symptômes du FOMO (Fear Of Missing Out), d'autres créateurs sautent dans le train en diffusant : Regardez, je suis branché, moderne et contemporain aussi ! et je suis dans l'air du temps, regardez-le, c'est la dernière nouveauté.

L'imitation est la forme de flatterie la plus sincère que la médiocrité puisse payer à la grandeur. Oscar Wilde

Certains concepteurs UX peuvent résister aux tendances du design parce qu'ils ne veulent pas être considérés comme des suiveurs. Certains rejettent carrément les tendances en matière de design, les qualifiant de modes éphémères et s'en tiennent aux principes d'un bon design. Prenez les « éternels minimalistes », qui sont les ennemis jurés de tout ce qui est maximaliste. Mais les designers dissidents doivent se rendre compte que chaque style et tendance a sa place dans le monde. C'est quand la mauvaise tendance est utilisée au mauvais moment, dans le mauvais média, dans le mauvais contexte, que les ravages s'ensuivent et que les gens grincent des dents.

S'inspirer des tendances du design peut être utile à d'autres égards. Lorsque le redoutable blocage créatif paralyse les designers, s'inspirer des tendances du design peut aider à le surmonter. Il n'y a rien de mal à rechercher de nouvelles sources d'inspiration, tant que cela ne mène pas à une imitation aveugle. Être inspiré par une tendance de conception particulière est un clin d'œil à son créateur, reconnaissant que cela fonctionne, et ce qui fonctionne deviendra bientôt une meilleure pratique, une convention et un modèle de conception établi.

Revenons sur les tendances du design UX 2019 et soulignons une douzaine d'entre elles significatives.

Tendance UX de l'année 2019 : des illustrations partout

Depuis quelques années, les illustrations fantaisistes se sont infiltrées dans le monde du design numérique mais ont été propulsées au premier plan en 2019. La tendance est portée par le désir d'une sensibilité organique dans les visuels et d'un éloignement du froid, du numérique, " look technique. Le mouvement s'associe au récent retour des médias analogiques - disques vinyles, vêtements vintage, impression typographique - des choses qui sont fabriquées à partir de matières premières réelles. Les gens aspirent au tangible, des choses qui sont naturelles, organiques et sensées.

Les images de stock et les illustrations de stock sont sorties . Des illustrations numériques fantaisistes aux croquis au fusain en noir et blanc, tout ce qui a une sensation organique est en . Les illustrations isométriques font fureur, et aucun skeuomorphisme n'est autorisé. Il s'agit d'illustrations personnalisées d'apparence organique sur les sites Web et dans les applications, même pour les boutons et les icônes.

Si les concepteurs peuvent introduire un peu de mouvement dans l'illustration, c'est encore mieux. Une animation lente et subtile ajoute un élément intéressant à une illustration statique, lui donnant vie.

Les illustrations, en particulier pour les séquences d'intégration, ont également fait leur entrée dans la conception UX mobile.

Mélanger les tendances n'est pas rare. Les pages de destination inventives présentent des animations multimédias déclenchées par défilement, parallaxe, qui combinent parfois des illustrations animées avec des arrière-plans en mouvement, de la typographie, des photos et des vidéos.

Let's Go Dark : mode sombre/thèmes sombres

En raison de la popularité croissante des thèmes sombres, de plus en plus de conceptions numériques passent du « côté obscur ». Le nouveau mode sombre cool a envahi diverses plates-formes : systèmes d'exploitation, téléviseurs, appareils mobiles et le Web. Apple a alimenté l'engouement pour le mode sombre avec son interface utilisateur TV, puis avec Mac OS Mojave, et enfin avec iOS 13 et son nouvel iPadOS. Les interfaces utilisateur à thème sombre présentent plusieurs avantages : elles sont agréables à regarder, peuvent être plus élégantes et élégantes, et elles permettent d'économiser la batterie.

Cependant, les concepteurs doivent faire preuve de prudence s'ils choisissent de marcher du côté obscur. La palette de couleurs utilisable peut être limitée et une mauvaise combinaison de couleurs peut être une torture pour les yeux. En plus de cela, toutes sortes de problèmes d'utilisation apparaissent, principalement liés à la numérisation, à la lisibilité et au contraste. Les concepteurs UX doivent s'assurer qu'il y a suffisamment de contraste entre les éléments de l'interface utilisateur, tels que les boutons, le texte et l'arrière-plan. Le contexte d'utilisation, c'est-à-dire l'environnement de visualisation doit être pris en compte, ainsi que l'appareil sur lequel l'UI à thème sombre est susceptible d'être visualisée.

Minimalisme/Maximalisme

Les bons produits font plus avec moins. Le minimalisme en tant que tendance de conception UX est populaire, comme l'indiquent les dernières tendances de conception d'applications Web et mobiles. L'affiche du minimalisme, Apple a été son partisan le plus influent et le plus puissant. Faisant un clin d'œil à l'idéologie de l'icône du design Dieter Rams et à la puissance du "design saillant", les conceptions matérielles et logicielles minimalistes d'Apple sont tout simplement exceptionnelles. S'inspirant d'une page du livre de jeu d'Apple, les concepteurs UX soulignent depuis longtemps l'importance de réduire la conception numérique au strict minimum, en ne donnant aux gens que l'essentiel absolu nécessaire pour accomplir une tâche.

Les fans du minimalisme reconnaissent que les ressources cognitives des gens sont limitées, tout comme leur capacité à traiter et à comprendre la complexité informationnelle. Les gens ne peuvent pas saisir toutes les nuances des stimuli nécessaires pour leur attribuer une signification complète. Les informations saillantes sont celles qui capteront le plus l'attention dans une situation donnée et qui auront l'influence la plus significative sur la façon dont les stimuli seront perçus.

« La créativité est la capacité à prendre des risques. Pour vous mettre en danger et risquer le ridicule, être mis au pilori, critiqué, peu importe. Mais… vous devez prendre ce risque. - Piquer

L'antithèse du minimalisme clairsemé et froid, le maximalisme est un mouvement de conception à haut risque et à haute récompense qui nécessite un engagement et un acte de foi. Les designers UX subversifs et rebelles - les «hippies du design» de la contre-culture - se tournent vers le maximalisme pour aller grand, fort et avoir un impact. Mais l'aspiration à se démarquer du paysage des minimalistes conformistes n'est pas sans risques. Le maximalisme peut avoir du punch, mais il peut aussi se retourner contre vous. C'est seulement pour les audacieux audacieux qui sont prêts à tout risquer et parfois à s'enflammer.

Les maximalistes croient que l'esprit aime les stimuli. Parfois à la limite du bizarre, les couches de couleurs, de textures et de motifs du maximalisme attirent l'attention, son manifeste déclarant : "nous ne serons pas ignorés !" Le design maximaliste touche de nombreuses facettes du design : design graphique, design Web, design mobile, design d'intérieur, mode, architecture, etc. C'est un moyen pour les designers de stimuler et de captiver.

Neumorphisme

Les designers ont imaginé le neumorphisme par désir de rester avec une sensibilité minimaliste mais en combinant le meilleur du skeuomorphisme et du design matériel. Le skeuomorphisme était un peu trop - essayer d'imiter des objets dans le monde réel - et la conception matérielle était trop plate. Le neumorphisme se situe quelque part au milieu. Cependant, aussi excitante qu'elle puisse paraître en surface, cette tendance du design UX pourrait être de courte durée, selon certains détracteurs.

Le neumorphisme permet des "conceptions nettes", dépouillées de couleur - qui est généralement utilisée pour signifier des éléments dans une interface utilisateur - et à la place, la technique utilise une ombre portée douce légèrement surélevée ou en retrait pour séparer les composants de l'interface utilisateur. Comme pour de nombreuses tendances, les tendances du design peuvent également être mélangées, et les concepteurs peuvent créer des «gumbos de tendance du design», un mélange passionnant des dernières saveurs. Par exemple, le neumorphisme peut être combiné avec d'autres tendances, telles que les interfaces utilisateur à thème sombre.

Microinteractions significatives

« Les détails ne sont pas les détails. Ils font le design. –Charles Eames.

Ce sont tous les petits détails qui transforment un bon produit numérique en un excellent produit. Dan Saffer, auteur du livre Microinteractions, définit les microinteractions comme "des moments de produit contenus qui tournent autour d'un seul cas d'utilisation - ils ont une tâche principale". Au-delà de l'esthétique, des micro-interactions bien exécutées et fluides peuvent susciter le plaisir des personnes lors de moments d'interaction. Les micro-interactions concernent les détails critiques qui font la différence entre une expérience conviviale et une expérience frustrante.

Les microinteractions ne sont pas destinées exclusivement aux applications mobiles ; ils peuvent également être conçus pour les sites Web, les applications de bureau et les applications Web (SaaS). Méfiez-vous des concepteurs, comme pour la tendance des thèmes sombres, soyez prudent. Trop au mauvais endroit peut se retourner contre vous et ruiner une expérience utilisateur ; par conséquent, un examen prudent de sa quantité et du contexte dans lequel il doit être fourni est vital.

Plus d'interactions gestuelles sur mobile

Rechercher des indices d'interface et appuyer sur des icônes est devenu un non-non sur mobile. Les gens s'attendent de plus en plus à ce que divers éléments de l'interface utilisateur sur mobile soient glissables, ce qui devient une pratique exemplaire pour la conception mobile. Il offre une meilleure UX car les gens peuvent effectuer des gestes de manière imprécise. Par exemple, glisser est plus rapide et plus facile que de trouver et de toucher une icône pour fermer une carte. Dans la plupart des cas, les deux options d'interaction sont fournies.

Pour les interactions mobiles mineures telles que le partage, l'enregistrement, les préférences, le zoom sur une image ou le visionnage d'une vidéo dans un flux social, les cartes superposées et glissables sont de plus en plus utilisées. Dans le dernier iOS 13 d'Apple, la modalité de carte en couches est largement utilisée dans leurs applications natives. D'autres applications profitent également de cette technique d'interaction mobile naturelle et rapide.

La visualisation 3D apporte une sensation de monde réel aux produits

La photographie haut de gamme et sophistiquée coûte cher et les photos d'archives sont épuisées . Les visualisations 3D sont en . Lorsque les objets sont rendus en 3D, il est presque concevable qu'ils soient là pour être touchés. Qu'il s'agisse de versions numériques de produits pour le commerce électronique et de concepts d'emballage de produits, de visualisations de design d'intérieur et de plans d'étage de bureau isométriques, la 3D aide les gens à visualiser à quoi ressemblerait quelque chose. Contrairement à la photographie, les images rendues en 3D peuvent être instantanément remplacées par un jeu de couleurs alternatif, mises à l'échelle et placées dans un environnement différent.

Interactions vocales

Le niveau de confort des gens avec les interactions vocales augmente. Nous parlons à des objets inanimés et ils nous répondent. Ce n'est pas seulement lorsque nos mains sont pleines, sales ou que nous conduisons que nous utilisons les interactions vocales sur nos mobiles. De plus en plus de personnes recherchent avec leur voix, dictent des SMS et écoutent de la musique via des commandes vocales.

De plus en plus acceptés par le grand public, nous parlons aux assistants vocaux numériques Alexa, Cortana, Google Assistant et Siri pour obtenir des informations sur les voyages et la météo, faire des achats et commander un trajet. Parallèlement aux assistants vocaux populaires, la possibilité d'utiliser les interactions vocales est de plus en plus intégrée à divers appareils et applications. Une enquête récente a révélé que la raison pour laquelle les gens aiment utiliser leur voix pour interagir est parce que c'est rapide, précis et ne nécessite aucune saisie ; en d'autres termes, il réduit les frictions et offre une meilleure UX.

Interfaces utilisateur conversationnelles et chatbots

Les pages de destination traditionnelles avec de grandes images de héros, des boutons, des liens et des formulaires cèdent progressivement la place à l'un des modèles d'interaction les plus intuitifs et naturels : la conversation. Les interfaces utilisateur conversationnelles offrent une expérience agréable, plus personnalisée et sans friction.

Généralement, les chatbots sont des plateformes d'intelligence artificielle qui utilisent la messagerie instantanée comme interface d'application. Au lieu d'imposer un fardeau aux utilisateurs en leur demandant de remplir des formulaires, les chatbots allègent ce fardeau en rendant l'interaction plus naturelle et plus conversationnelle. Certains bots ne sont pas des IA mais de vrais êtres humains qui interagissent via le chat pour offrir des expériences utilisateur plus convaincantes.

Même si le temps que prend quelque chose peut être le même - pour terminer une réservation de voyage, par exemple - parce que l'interaction est conversationnelle et divisée en morceaux, la tension cognitive est réduite et l'expérience utilisateur améliorée.

Les animations déclenchées par défilement racontent des histoires, vendent des produits et des services

Le rendu 3D haut de gamme et super rapproché des produits fait fureur lorsqu'il s'agit de vendre des produits sur le Web. Des animations axées sur le marketing de style de vie et déclenchées par défilement racontent des histoires captivantes et cinématographiques avec des visuels saisissants. Mélangeant souvent l'animation en stop-motion, la photographie et la vidéo avec une typographie élégante, ils sont conçus pour engager et attirer les gens.

Se concentrant sur des expériences de visiteurs uniques qui sont plus captivantes que les pages Web statiques que les gens parcourent à l'ancienne, diverses sociétés de services utilisent également la tendance UX d'animation déclenchée par défilement pour vendre tout, des services créatifs à la conception numérique et à l'image de marque.

Sites de médias mixtes avec une typographie forte

Au cours des dernières années, le Web a pris vie avec des pages multimédias remplies de vidéos à lecture automatique, de GIF animés, d'animations 3D et d'illustrations animées déclenchées par défilement. Avec une typographie bruyante et un défilement parallaxe, on a l'impression que tout sauf l'évier de cuisine a été jeté, mais s'ils sont bien faits avec une certaine retenue et dans un style sophistiqué, ils ne manqueront pas de capter l'attention des visiteurs. Les expériences ne sont plus conçues pour être linéaires, mais riches et engageantes.

Le commerce électronique prend vie avec la 3D, la réalité augmentée et le mouvement

Faire du shopping dans le monde physique est une expérience tactile. Des études ont montré que la vidéo ou l'animation 3D sur les pages de produits des sites de commerce électronique ont tendance à vendre plus de produits parce que les gens peuvent en avoir une meilleure idée. Les produits insérés dans la vie réelle via la réalité augmentée (AR) ont également tendance à mieux fonctionner parce que les gens peuvent les «essayer» ou placer les produits dans des environnements réels. À mesure que les connexions Internet rapides augmentent et que les navigateurs améliorent le rendu de toutes sortes de contenus multimédias, ces tendances UX du commerce électronique sont vouées à se poursuivre.

Certaines tendances de conception UX sont là pour rester

Bien que se tenir au courant des dernières tendances UX puisse être un piège s'il n'est pas fait judicieusement, il est crucial de se tenir au courant de l'actualité. Cela peut aider un concepteur UX à devenir ou à rester à la pointe de la technologie. Les tendances de conception UX peuvent stimuler les efforts des concepteurs UX pour répondre aux attentes élevées des gens, car dans la plupart des cas, elles ont été filtrées à travers des expériences de conception UX et ont fait leurs preuves.

Chaque année, de nouvelles tendances en matière de design UX émergent. Certains deviendront populaires, et certains déclineront et finiront par disparaître. Grâce à un processus d'élimination sans merci, seuls les plus utiles et les plus durables survivront, ce qui est formidable pour faire progresser l'art et la science de la conception d'expériences utilisateur exceptionnelles.

• • •

Pour en savoir plus sur le blog Toptal Design :

• Regard sur l'avenir - Tendances du design de 2020
• Les lois éprouvées et vraies de l'UX (avec infographie)
• Maîtrisez les tendances de conception à la mode avec ces didacticiels Photoshop
• Les principales tendances du commerce électronique et leur influence sur la conception (avec infographie)
• Toutes les tendances en valent-elles la peine ? Les 5 erreurs UX les plus courantes commises par les concepteurs Web