Cohérence & Design : la clé d’une expérience utilisateur réussie.

Les 10 principes d’utilisabilité selon Jakob Nielson

Jakob Nielsen, expert de l’ergonomie et de l’utilisabilité des sites web, a listé 10 principes généraux pour le design d’interaction. Ces dix principes permettent d’évaluer l’utilisabilité d’une interface.

1. Visibilité de l’état du système
2. Correspondance du système avec le monde réel
3. Liberté, contrôle de l’utilisateur
4. Cohérence et standards – Consistency and standards
5. Prévention des erreurs
6. Reconnaître plutôt que se souvenir
7. Flexibilité et efficacité de l’utilisation
8. Esthétique et design minimaliste
9. Faciliter l’identification et la gestion des erreurs
10. Aide et documentation
Parmi ces principes se trouve celui de cohérence, aussi connu en anglais sous le nom de “consistency”. Le principe de cohérence énonce qu’une interface doit être conforme au mode de représentation de l’utilisateur et doit respecter les standards d’utilisation.

‘Users should not have to wonder whether different words, situations, or actions mean the same thing. Follow platform conventions.’

Ce principe heuristique fait aussi écho à “Jakob’s law of Internet User Experience  » qui affirme que les utilisateurs passent la plupart de leur temps sur d’autres sites internet. Compte tenu de cela, les utilisateurs attendent que les interfaces web fonctionnent toutes de la même manière.

“Users spend most of their time on other sites. This means that users prefer your site to work the same way as all the other sites they already know. Design for patterns for which users are accustomed.”

The Power Law of Learning

La cohérence d’une interface est intimement liée à la courbe d’apprentissage de celle-ci. Une courbe d’apprentissage est une méthode de représentation graphique de l’augmentation de l’apprentissage avec l’expérience. Dans le cadre d’une interface, celle-ci doit être la plus courte possible. On parle aussi de “the power law of learning” // La loi de puissance de l’apprentissage, loi selon laquelle le temps pour réaliser une tâche diminue en fonction du nombre de répétitions de cette même tâche.

Un ancien proverbe dit même que “la répétition est mère de tous les apprentissages”. Autrement dit, au plus vous relisez une même information, au plus vous la connaîtrait, au plus vite vous serez capable de vous en souvenir et de la ré-utiliser depuis votre mémoire.

Qu’entend-on nous par “design cohérent” ?

Cohérence nm:
1. Union complète entre divers éléments d’un corps.
2. (Figuré) Accord ou harmonie, intuitive ou logique, d’un système d’idées entre elles.
3. (En particulier) Consistance, absence de contradiction entre des données, des idées ou des informations.
4. (Physique) Ensemble des propriétés de corrélation d’un système ondulatoire.
5. (Informatique) Capacité pour un système à refléter sur la copie d’une donnée, les modifications intervenues sur d’autres copies de cette donnée.
D’une manière globale, la notion cohérence appliquée à une interface inclus les éléments suivant :

• Les éléments d’une interface : Footer, header, navigation, menu latéral …

• Le design et l’aspect visuel : Typographie, Tailles, Boutons, Mise en page, Couleurs, Grille, Positionnement  …

• Le contenu : le ton, le registre, la langue etc …

• Les interactions et l’utilisation de patterns : les éléments interactifs similaires doivent tous fonctionner de la même façon.

Pourquoi c’est important

Une interface utilisable & efficace

Être cohérent contribuera non seulement à créer une interface attrayante, mais offrira également une expérience agréable et “user friendly” aux utilisateurs. En fait, être cohérent, c’est tout simplement être intuitif.

Une courbe d’apprentissage réduite

Une interface cohérente élimine les points de frictions dans le parcours utilisateur. L’utilisation de pattern valorise l’utilisateur qui ré-utilisera alors son savoir et l’appliquera à de nouveaux contextes. Ce dernier pourra d’avantage se concentrer sur l’exécution de la tâche en elle-même plutôt que d’essayer de comprendre comment exécuter cette même tâche.

Une interface invisible. “Good design is invisible »

Enfin, une interface cohérente est une interface familière qui réussit à s’effacer au profit d’un contenu, d’un service ou d’un produit valorisant et répondant aux besoins de l’utilisateur.

Cohérence VS Innovation

J’entends déjà d’ici les commentaires disant “la cohérence ne laisse aucune place à la créativité. Si tout le monde s’efforce à faire la même chose, alors il n’y aura plus d’innovation. »

Selon moi, il est toujours possible d’innover, mais il faut le faire en connaissance de cause. Innover impactera l’utilisateur et son expérience de la plateforme. Réflechissez-y donc à deux fois avant de vouloir ré-inventer la roue. Cela vaut-il le coût de s’écarter des sentiers battus ? Est-il sensé d’innover à cet endroit précis ? Ou bien, l’utilisation d’un concept traditionnel ne serait-elle pas plus rapide et efficace ?

Aussi, il ne faut pas oublier qu’innover est plus “facile” lorsque la valeur perçue d’un produit ou d’une marque est bien plus signifiante que le coût d’apprentissage d’un nouveau concept / pattern. On pense notamment aux grandes sociétés telles que Apple ou Google. Souvenez-nous du passage à iOS 10 ou bien l’introduction du Material Design par Google ! De plus, si un utilisateur est amené à utiliser une interface souvent et longtemps, alors le temps d’apprentissage d’une interaction non-cohérente avec ce quoi dont il avait l’habitude sera bien moins conséquente et sera reçu plus positivement.

Pour conclure

Au final, innovation ou pas, il faut avant-tout connaître ses utilisateurs et comprendre leurs besoins. Ils sont les premiers acteurs de nos interfaces et doivent donc être au coeur de chacune de nos décisions. Pour cela, faites appel à vos connaissances des fondamentaux du graphisme et du design d’interface tel que la typographie, la mise en page, l’utilisation de pattern etc… N’oubliez pas qu’un peu de changement, c’est bien. Trop de changement, ce n’est jamais mieux. Et enfin, prônez la cohérence pour améliorer l’utilisabilité de vos interfaces et créer une expérience delightful en supprimant les points de frictions et en répondant avant tout aux attentes de vos utilisateurs.

No Comments

Leave a comment