6 façons dont l'illustration améliore UX
Le vieil adage "une image vaut mille mots" est toujours d'actualité pour les expériences d'aujourd'hui. Les gens sont attirés par les images plus rapidement que le texte, et cette propriété naturelle des photos et des illustrations les rend très utiles pour la conception visuelle.
Dans les interfaces utilisateur modernes, les photos et les illustrations sont devenues des éléments fonctionnels, ainsi que des éléments de texte et des éléments interactifs. Les illustrations sont un moyen polyvalent de créer un design unique. Des illustrations de style héros dessinées à la main aux petites icônes, tout ce qui concerne une image esquissée ressemble à de l'art. Dans cet article, je voudrais passer en revue certaines des fonctions de l'illustration du point de vue de la conception de l'interface utilisateur moderne.
Comment les illustrations aident à améliorer l'expérience utilisateur
Semblable à d'autres éléments visuels, l'illustration peut être un puissant outil de communication. Les illustrations bien conçues ont les avantages suivants:
- Peut attirer l'attention des utilisateurs et fournir les informations les plus critiques dans un format visuel facile à comprendre.
- Peut ajouter de la clarté à une idée complexe. Il n'est pas nécessaire d'utiliser des mots si vous pouvez fournir ces informations à l'aide de visuels.
- Peut engager les utilisateurs. Une belle illustration attire non seulement l'attention des utilisateurs, mais rend également les utilisateurs intéressés par un produit lui-même.
- Peut jouer avec l'imagination des utilisateurs. Il est possible de fusionner la réalité et l'imagination en utilisant l'illustration.
6 façons dont l'illustration améliore UX
Il existe de nombreux cas où les illustrations peuvent améliorer l'expérience utilisateur d'un produit. Voici 6 d'entre eux:
1. Livrer le point principal plus rapidement
Comme indiqué précédemment, les illustrations ont un excellent potentiel d'explication et de clarification. Dans le contexte des sites Web et des applications mobiles, il existe une douzaine de façons d’utiliser les illustrations pour améliorer UX dès les premiers écrans. Par exemple, il est possible de rendre le processus d'intégration plus attrayant en utilisant des illustrations sur les écrans du didacticiel. Cette approche présente l'avantage supplémentaire de permettre aux applications mobiles d'éviter trop de texte à l'écran.
Crédits d'image: Divan Raj
En utilisant des illustrations, il est possible de montrer la différence entre les plans de produits.
Les illustrations montrent la différence entre les plans de service. Crédits d'image: Dribbble
Last but not least, lorsque l'utilisateur rencontre un problème, les illustrations peuvent être utilisées pour ajouter un peu d'humour afin d'humaniser le problème.
Page d'erreur dans Vols par Google. Crédits d'image: Dribbble
2. Créer une expérience plus mémorable
En tant qu'utilisateurs, nous utilisons régulièrement de nombreux produits, mais seuls quelques-uns créent une expérience mémorable.
En tant que concepteurs, si nous voulons créer une expérience mémorable, nous devons apprendre comment fonctionne le cerveau humain. Barbara Fredrickson et Daniel Kahneman ont proposé une heuristique psychologique appelée règle de pointe qui détermine la manière dont notre cerveau fonctionne avec les informations. La règle de pointe États que les gens jugent une expérience largement basée sur ce qu'ils ont ressenti à son apogée (c'est-à-dire son point le plus intense) et à sa fin, plutôt que sur la base de la somme totale ou moyenne de chaque moment de l'expérience. L'effet se produit que l'expérience soit agréable ou désagréable.
En d'autres termes, lorsque nous nous souvenons des expériences, nous avons tendance à nous rappeler non pas toute l'expérience, mais seulement les événements clés qui se sont produits. Une illustration agréable est l'occasion de devenir un événement clé et d'accroître la notoriété de la marque.
L'utilisation de mascottes dans une interface utilisateur est un moyen populaire d'appliquer des techniques d'illustration à la conception pour créer une expérience plus mémorable. Les éléments de marque tels que les mascottes deviennent les éléments d’identité et d’interconnexion entre l’utilisateur et le produit.
Silverback , une application pour Mac qui facilite les tests d’utilisation de Guerrilla, utilise un gorille illustré comme mascotte.
3. Créer une illusion de communication directe avec l'utilisateur
Chaque interaction de l'utilisateur avec un produit est un voyage. Derrière chaque voyage est un objectif que l'utilisateur veut accomplir en utilisant le produit. Pour certaines expériences, il est possible de convertir un voyage en une histoire dans laquelle l'utilisateur sera un personnage et l'objectif sera une destination finale. Les illustrations peuvent servir de proxy entre l'utilisateur et l'application en engageant les utilisateurs dans l'expérience.
Un bon exemple est Omono . L'application utilise un hibou pour guider les utilisateurs à travers l'interface et renforcer la nature conviviale de l'application.
Les illustrations peuvent donner confiance à l'utilisateur dans ses tâches et inspirer pour continuer le voyage.
4. Renforcer le concept stylistique existant
Des illustrations peuvent être appliquées dans une interface utilisateur pour fournir un support visuel du concept stylistique général de l'application ou du site Web. Outre les autres éléments de la marque, tels que les logos, les polices de caractères, les schémas de couleurs, les illustrations ont un impact significatif sur le style du produit. Lorsque l'illustration est créée selon le style, elle procure une sensation plus naturelle et harmonieuse du produit (et de la marque en général). Mais pour que cela se produise, les illustrations devraient être cohérentes, comme si elles provenaient de la même source, même si elles étaient créées par des personnes différentes.
Crédits d'image: Fondation Zurb
5. vivre le processus d'interaction
Lorsque nous pensons à nos applications et à nos sites Web, nous les considérons rarement comme des pages statiques liées entre elles. Le concept d'interactions exige que nous ajoutions des effets animés et des transitions pour rendre l'expérience plus naturelle. Comme toutes les autres parties d'un dessin, l'illustration peut être enrichie d'animation. Les illustrations combinées à l'animation peuvent non seulement offrir une expérience mémorable, mais également rendre l'expérience plus dynamique.
Par exemple, Readme.io , un service qui fournit une belle documentation au monde, fait sourire les utilisateurs chaque fois qu’ils entrent le mot de passe. Les gens aiment ces petites attentions car ils rendent l'expérience plus humaine.
6. Ajouter des éléments de gamification dans UX
La gamification est une technique populaire utilisée par les concepteurs de produits pour accroître la participation des utilisateurs. Un concepteur peut envisager d'utiliser une illustration dans l'interface lorsque l'utilisateur doit être récompensé pour une réalisation.
