Ces éléments de tendance comprennent le choix des couleurs, la typographie et l’utilisation du texte, les interfaces voix et VR et tout ce qui est UX.

Il se passe tellement de bonnes choses dans le web design en ce moment que voici 17 des plus jolies choses en matière d’UI :

Les palettes de couleurs éclatantes

Les couleurs vives sont partout. Qu’il s’agisse d’arrière-plans dégradés, de superpositions d’images lumineuses ou d’animations comportant des couleurs animées, les palettes de couleurs vibrantes continueront à gagner en popularité.

Même Pantone se lance dans l’action en nommant une teinte vive – le Living Corail – comme couleur de l’année. Bien qu’un scan des designs actuels montre que les bleus vifs, tels que Spotify ou Secure Invest (ci-dessus), pourraient être le choix le plus populaire.

Beaucoup de ces couleurs vives ont évolué à partir d’autres tendances de design. « Brights » a d’abord commencé à gagner en popularité avec un design plat, puis s’est transformé en couleurs encore plus éclatantes avec Material Design, et maintenant certaines de ces teintes ont même un soupçon de néon en elles.

Ce qu’il y a de bien avec cette tendance de design, c’est que la couleur – une fois que vous avez une palette – est assez simple à déployer. Vous n’avez pas besoin de refaire complètement votre site Web pour ajouter cet élément de tendance au design.

Design émotionnel

Vous devez créer une connexion avec les utilisateurs. C’est ça, le design émotionnel.

En 2019, les sites Web et les applications qui n’établissent pas ce lien émotionnel seront perdus. Selon Design Shack, les liens émotionnels se répartissent en quatre catégories de base : joie et tristesse, confiance et dégoût, peur et colère, et surprise et anticipation. Pensez à la façon dont votre contenu s’inscrit dans l’un de ces regroupements et utilisez la couleur, l’imagerie et l’interface utilisateur pour vous connecter davantage à ce niveau avec les utilisateurs.

Chaque élément visuel de la conception donne aux utilisateurs une idée de la façon dont ils doivent réagir. Le mouvement dans l’application vélo, ci-dessus, par exemple, montre le mouvement ; cela donne envie à l’utilisateur de rouler avec lui. Il en va de même pour l’exemple de Sprout – un visage souriant crée une première interaction positive avec les utilisateurs. La femme dans l’image est heureuse et les utilisateurs peuvent ressentir et vouloir imiter cette émotion.

Profondeur et éléments de conception presque  » réels

Bien que la réalité virtuelle ne soit pas encore vraiment accessible à tous, ses influences sont déjà évidentes.

De plus en plus de concepteurs ajoutent de la profondeur et des éléments de design qui ont un aspect plus réel ou tactique à leurs projets. Il peut s’agir d’illustrations (et même d’illustrations animées) avec un aspect plus tridimensionnel ou de formes ou de produits en mouvement que les utilisateurs peuvent apparemment atteindre et toucher.

Au fur et à mesure que de plus en plus de concepteurs utiliseront ces techniques, elles deviendront de plus en plus la norme et feront partie intégrante de l’expérience utilisateur. Ils commenceront aussi à paraître plus réels et moins « VR-ish« .

Animation à dessein

https://www.lobster.es/
http://savetheair.de/

Les conceptions d’applications Web et d’applications sont remplies d’animation. Mais il doit y avoir une raison.

L’animation attire les utilisateurs vers certaines parties du design, aide à susciter l’engagement ou l’intérêt ou raconte une histoire. Utilisez l’animation dans les projets Web pour fournir une grande profondeur de compréhension aux utilisateurs qui s’engagent dans la L’animation. (Cliquez sur les liens des deux exemples ci-dessus pour voir cette animation en action… et réfléchissez à la façon dont elle engage vos sens.)

Design surréaliste et design abstrait

Avec le monde fou dans lequel nous vivons, de plus en plus de designers créent des projets qui ont des éléments plus surréalistes et abstraits. Le design surréaliste et le design abstrait continueront de se développer et de croître à mesure que de plus en plus d’utilisateurs voudront ces expériences qui sont presque, mais pas tout à fait réelles.

La raison pour laquelle cette technique de conception fonctionne remonte à l’idée de connexion émotionnelle : Le design surréaliste et le design abstrait offrent aux utilisateurs une connexion à laquelle ils peuvent s’identifier selon leurs propres termes. (Peut-être parce que plus d’éléments surréalistes et abstraits permettent aux utilisateurs de s’imaginer à l’intérieur du design ?)

Ces projets sont souvent illustrés par des éléments d’animation, des personnages ou des objets illustrés et une nature quelque peu ludique ou caricaturale dont les utilisateurs veulent faire partie. L’objectif des projets de design surréaliste et abstrait est de maintenir un style frais qui garde les utilisateurs engagés.

Encore plus de voix

En 2019, vous devrez concevoir des interfaces conversationnelles. Avec le nombre croissant de personnes qui utilisent des appareils intelligents à la maison, vous devrez commencer à réfléchir à la façon dont vos conceptions interagissent avec ces appareils et à la façon de créer des expériences utilisateur qui correspondent à la façon dont les gens veulent utiliser les sites Web.

Le grand changement pour les concepteurs est de comprendre comment les utilisateurs vont interagir avec les commandes vocales, puis de prototyper l’interface vocale avec des mots clés et des actions associées.

Et cela rend tout le contenu de votre site Web d’autant plus important. Les interfaces vocales sont ancrées dans les sites Web de « lecture » pour l’information et les données. Le contenu du texte est donc très important. (C’est tout un changement par rapport à une pensée plus visuelle.)

La conception d’une seule page fait un retour en arrière

Un plus grand nombre de concepteurs déploieront des conceptions d’une seule page avec des fonctions de défilement intéressantes et une narration immersive pour maintenir l’intérêt des utilisateurs. La conception d’une seule page fonctionne en fait mieux sur les appareils mobiles et plus petits parce que les utilisateurs peuvent tout obtenir en essayant de naviguer dans le menu. Et les utilisateurs mobiles – probablement le plus grand nombre de visiteurs de votre site Web – sont habitués au défilement.

N’ignorez pas cette tendance croissante des utilisateurs.

Design plat émulant la 3D

Les rendus tridimensionnels fournissent une mise à jour de la conception à plat. Le résultat est un mash-up d’interfaces 3D réalistes et plates qui sont complexes, visuellement intéressantes et apparaissent partout.

C’est comme une touche de réalité virtuelle dans des designs qui ne nécessitent rien de spécial à regarder.

Quand vous regardez plus profondément dans la tendance, beaucoup de ce qui la fait fonctionner sont la profondeur dans les couches plus l’animation. (Vous voyez comment de multiples tendances de design s’influencent les unes les autres ?)

Certains commencent à appeler ce concept « deep flat« . Mais nous pensons qu’il s’agit d’une évolution naturelle du design plat.

Le style Brutal devient un peu plus dominant

De la même manière que les conceptions minimales ont dominé les interfaces web, le brutalisme prend le dessus. C’est l’antithèse de tous les dessins aux couleurs vives. (On pourrait dire que c’est le yin de ce yang.)

Le brutalisme est décrit ainsi par le Groupe Nielsen Norman : « Le brutalisme dans le design numérique est un style qui tente intentionnellement de paraître brut, désordonné ou sans fioritures. Il fait écho aux sites Web du début des années 1990 (pensez à Craigslist et au Drudge Report). Parfois, cet aspect du brutalisme s’exprime sous la forme d’un site HTML presque nu, avec des liens bleus et un texte monochromatique Monospace. »

Et bien que peu de gens qualifieraient ce style de design de joli, il a un certain charme pour certains types de contenu. Et avec un style sobre et audacieux, il a un impact certain lorsque vous trébuchez sur l’un de ces modèles.

Plus de dégradés

Les dégradés sont la tendance des couleurs polyvalentes qui s’applique à presque tous les types de design. Et c’est évident si l’on en juge par le nombre de projets qui les utilisent.

Les dégradés peuvent ajouter un éclat de couleur amusant à presque n’importe quel motif de design, mais sont le plus souvent présentés dans des projets qui pourraient être un peu « pauvres en art ». Les arrière-plans en dégradé peuvent être un moyen amusant de mettre en évidence des éléments de texte ou un contenu spécifique, comme Train Body Brain (en haut) ; pour des éléments de texte comme Orion ; ou de créer un arrière-plan intéressant pour un placement de produit, comme Mel.

Le plus grand changement dans l’utilisation des dégradés comme tendance de couleur en 2019, c’est que les dégradés sont une technique vedette jumelée à des choix de couleurs principalement vives, alors qu’en 2018 les dégradés étaient plutôt un outil de superposition de photos. Maintenant, cette technique populaire a de la place pour se débrouiller seule.

Typographie Vintage/More Serifs

L’une des tendances les plus rafraîchissantes de 2019 est le passage à des styles typographiques plus vintage.

Plus de caractères à empattements, de lettres arrondies et d’éléments de texte qui semblent avoir un aspect plus ancien. Ces styles vintage semblent tous avoir des lignes plus audacieuses et plus réfléchies que certains des sans empattements plus fins qui ont été populaires au cours des dernières années.

Même certaines marques bien connues, comme Mailchimp (ci-dessus), ont adopté ce style typographique vintage.

Le facteur qui contribue le plus à cette tendance de conception est une meilleure résolution d’écran sur tous les appareils. On pensait autrefois que les empattements sans empattements étaient les plus lisibles à l’écran, mais grâce à la haute définition et à la haute résolution, la compréhension des empattements n’est plus un problème.

Polices variables

Davantage de concepteurs utiliseront des polices variables en 2019 pour rendre le Web beaucoup plus lisible d’un appareil à l’autre.

Selon Google : Une police variable est un ensemble de styles maître, avec un maître central  » par défaut  » (généralement le style de police Regular) et plusieurs  » axes  » enregistrés qui lient le maître central aux autres maîtres. Par exemple, l’axe Weight peut relier un maître de style Light au style par défaut et au maître de style Bold. Les styles individuels qui peuvent être situés le long de cet axe sont appelés instances. »

Bien que le concept derrière les polices variables OpenType puisse encore être un peu intimidant pour certains, elles commencent à devenir plus courantes. Ils sont conçus pour un design réactif et peuvent aider les projets à paraître plus complets sur différentes tailles d’écran.

Les polices variables offrent toute la flexibilité que vous avez toujours souhaitée.

Trois polices variables à essayer :

Focus sur la visualisation des données : l’infographie

Partout où vous regardez, quelqu’un semble avoir une infographie dans la conception.

Les visualisations de données sont un moyen plus intéressant et plus compréhensible de présenter des informations complexes aux utilisateurs. Ce format visuel pour tout, des nombres aux cartes en passant par la compréhension d’algorithmes complexes, est très apprécié des utilisateurs. Il peut aider les gens à comprendre le contenu et fonctionne de plusieurs façons – sous forme d’images fixes, de panneaux déroulants, d’animations ou de jeux interactifs.

La façon la plus efficace d’y parvenir est de transformer vos données en une histoire. Créez un début, un milieu et une fin pour que les utilisateurs suivent le cheminement de l’information jusqu’à la compréhension complète qui, nous l’espérons, se traduira par un temps plus long sur le site et des taux de conversion plus élevés.

Écrire pour l’UX

Toute bonne conception comporte un élément de message sous forme de texte. Les utilisateurs exigeant des expériences Web authentiques, l’accent est de plus en plus mis sur l’écriture pour UX.

Toutes les copies sur les sites Web seront conçues pour aider les utilisateurs à mieux s’engager et à mieux se connecter avec le produit ou le service. L’époque de la vente difficile est révolue et le contenu utile et pratique dominera la journée.

Une bonne écriture UX est utile et respectueuse de l’utilisateur. C’est assez simple, non ?

L’écriture UX est très importante parce que vous n’avez pas beaucoup d’espace, de temps ou de mots pour raconter votre histoire. Ainsi, chaque phrase doit mener à un objectif et à un résultat utilisateur que les gens veulent lire. C’est un peu plus compliqué, hein ?

La conception de l’écran partagé ne cesse de croître

Il se peut que vous soyez en train de comprendre un thème ici – la conception de sites Web doit s’adapter aux utilisateurs mobiles. C’est pourquoi les modèles d’écran partagé ne cessent d’émerger.

L’esthétique de l’écran partagé – où un écran de bureau est divisé en deux panneaux de contenu qui se replient en blocs de contenu verticaux sur des appareils plus petits – est un moyen abordable de concevoir un contenu qui fonctionne sur tous les appareils avec un UX assez transparent.

Alors que bon nombre de ces conceptions ont commencé à présenter des « écrans » côte à côte qui se ressemblaient, d’autres conceptions sont en train de passer à des splits asymétriques pour le contenu. Cela peut créer plus de hiérarchie dans la conception pour les utilisateurs de bureau, l’élément le plus important ayant plus d’importance. (Il est supposé pour les utilisateurs mobiles parce que l’élément en haut est perçu comme étant plus important.)

Animation mobile

Alors que les concepteurs ont évité l’animation sur les versions mobiles des sites Web, il y a un mouvement pour inclure les animations.

La vidéo est toujours une préoccupation – en particulier pour les utilisateurs d’iPhone, ce qui ne rend pas bien la vidéo sur les sites Web – mais les animations chronométrées sont de plus en plus populaires. Vous pourriez même commencer à voir plus d’animations défiler sur le mobile à mesure qu’un retour à la pensée d’abord mobile commence à prendre racine.

Rappelez-vous que la plupart des visites de votre site Web proviennent d’appareils mobiles, pourquoi ne pas d’abord concevoir pour ces utilisateurs ?

Plus de texte (Sérieusement !)

Seriez-vous surpris si 2019 était l’année du texte ?

Des titres empilés avec beaucoup de mots aux dessins avec peu ou pas d’images, il y a un passage au texte comme élément vedette. Avec la bonne typographie, cette tendance peut paraître étonnante et fournir rapidement beaucoup d’informations aux utilisateurs. Sans une bonne typographie, il peut tomber à plat et être désastreux.

La façon la plus simple de commencer avec des designs plus lourds en texte est d’utiliser un titre à double ou triple couches sur la page d’accueil. Vous avez plus de place pour la messagerie. L’ajustement ici est que les tailles de texte sont souvent beaucoup plus petites que certaines des polices surdimensionnées qui ont été populaires. Gardez à l’esprit que plusieurs lignes de texte de plus petite taille peuvent en fait avoir le même poids que moins de mots dans une police plus grande.

L’astuce pour faire en sorte que plus de texte fonctionne pour les projets de conception est que cela doit être du texte de valeur. Les utilisateurs doivent vouloir lire les mots. Alors, planifiez soigneusement la conception. (N’écrivez pas beaucoup pour le plaisir d’écrire ; faites en sorte que chaque mot compte.)

Publicités

Laisser un commentaire

Ce site utilise Akismet pour réduire les indésirables. En savoir plus sur comment les données de vos commentaires sont utilisées.