Contenu
La cohérence est essentielle pour réduire la charge cognitive de votre interface. Lorsque votre conception est cohérente, chaque interaction est fluide et sans friction. Lorsqu'elle est trop incohérente, l'utilisateur doit déployer des efforts inutiles.
Mais la cohérence dans la conception des interactions est un peu plus spécifique que de simplement faire les mêmes choses encore et encore - il existe des types particuliers de cohérence et des domaines particuliers dans lesquels la cohérence est plus importante que d'autres.
En plus de cela, faire les mêmes choses encore et encore donnera des designs ennuyeux et uniformes. Vous devez savoir quand rompre la cohérence sans conduire au chaos de conception. La clé, comme c'est le plus souvent le cas dans la conception, est l'équilibre.
Dans cet article, nous allons entrer dans les détails sur ce que signifie la cohérence pour la conception Web, pourquoi c'est important, et décrire comment être cohérent avec ce que les utilisateurs attendent (cohérence externe).
Pourquoi la cohérence est importante
La conception d'interaction repose sur la capacité d'apprentissage de votre système.
Pour faire simple, lorsqu'une interface utilisateur fonctionne de manière cohérente, elle devient prévisible (dans le bon sens), ce qui signifie que les utilisateurs peuvent comprendre comment utiliser certaines fonctions de manière intuitive et sans instruction.
Cela rend le produit plus facile à utiliser, ce qui est un tremplin pour le rendre plus souhaitable. À l'inverse, lorsqu'une interface utilisateur est incohérente, cela entrave l'apprentissage, provoquant de la frustration chez l'utilisateur et conduisant à une mauvaise expérience.
Mais la cohérence ne se limite pas uniquement à l'apparence et au comportement de votre interface.
Vos utilisateurs ne passent pas tout leur temps uniquement avec votre produit - la majorité de leur temps est consacré à d'autres produits, et pendant tout ce temps, ils génèrent des idées et des attentes à partir de ces autres expériences. Donc, si vous êtes cohérent avec ces expériences extérieures, la capacité d'apprentissage de votre interface utilisateur augmentera sans aucun travail supplémentaire de votre part.
Le moindre étonnement
En cas de doute, référez-vous au principe du moindre étonnement. Les bonnes surprises sont bonnes (comme la façon dont MailChimp surprend les utilisateurs avec humour et amusement), mais vos fonctions de base ne doivent pas trop s'écarter de la norme.
Examiner ne veut pas dire la même chose que Vérifier. Les vidéos ne doivent pas être confondues avec des images. Ne faites pas apparaître les boutons des actions principales uniquement en survol.
En fait, si vous remettez toujours en question la nature de la cohérence dans la conception numérique, les directives humaines iOS d'Apple résument très bien les normes de cohérence pour leurs applications. Dans leurs propres mots ...
- L'application est-elle conforme aux normes iOS? Utilise-t-il correctement les commandes, vues et icônes fournies par le système? Intègre-t-il les fonctionnalités de l'appareil de la manière attendue des utilisateurs? "
- L'application est-elle cohérente en elle-même? Le texte utilise-t-il une terminologie et un style uniformes? Les mêmes icônes ont-elles toujours la même signification? Les gens peuvent-ils prédire ce qui se passera lorsqu'ils exécutent la même action à différents endroits? Les éléments d'interface utilisateur personnalisés se présentent-ils et se comportent-ils de la même manière dans toute l'application?
- Dans la limite du raisonnable, l'application est-elle cohérente avec ses versions antérieures? Les termes et les significations sont-ils restés les mêmes? Les concepts fondamentaux et la fonctionnalité principale sont-ils essentiellement inchangés? "
À partir de ce que nous avons discuté ci-dessus, nous pouvons diviser la cohérence de la conception en deux catégories: cohérence externe et interne. Externe fait référence à la cohérence de votre interface utilisateur avec d'autres produits, tandis qu'interne est sa cohérence en elle-même. Jetons un coup d'œil à certaines des meilleures pratiques dont nous discutons dans Cohérence dans la conception de l'interface utilisateur.
Cohérence externe
La cohérence externe n'est pas seulement la cohérence de votre produit avec d'autres produits similaires, elle peut faire référence à sa cohérence avec tous les produits de votre plate-forme, tous les logiciels en général et même les interactions non numériques dans le monde réel.
Alors, pourquoi la cohérence externe est-elle importante? Pour résumer, il s'agit de répondre aux attentes des utilisateurs.
Afin de créer un design qui correspond à ce que votre utilisateur attend, vous devez d'abord comprendre les idées qu'il apporte avec lui avant même d'utiliser votre site ou votre application. C'est un concept que l'expert en ergonomie Jared Spool qualifie de connaissances actuelles.
Les connaissances actuelles de vos utilisateurs sont influencées par de nombreux facteurs externes, allant du dernier site qu'ils ont utilisé à une attente farfelue de leur film de science-fiction préféré. Ne vous inquiétez pas, la plupart du temps, les attentes de vos utilisateurs seront raisonnables.
La conception basée sur ce que vos utilisateurs savent déjà n'est pas un nouveau concept. Cette idée est en place depuis des années et évolue vers les conventions de conception communes que vous verrez aujourd'hui dans à peu près n'importe quelle application ou site Web.
Le carrousel d'images, une icône d'enveloppe représentant un e-mail, un clic sur le logo du site pour revenir à la page d'accueil… ce sont tous des modèles d'interface utilisateur.
Page suivante: utiliser les patterns UI, les choses à éviter et aller plus loin ...
