10 heuristiques d’utilisabilité de Jakob pour le design UI

Les 10 heuristiques d’utilisabilité de Jakob m’ont longtemps intimidé, avant que je comprenne que ce sont des principes généraux de bon sens pour améliorer le design d’interface utilisateur.

Ils ne sont pas à prendre à la lettre, mais fonctionnent comme des guides, comme un cadre pour garantir le meilleur fonctionnement de vos créations.

Remarques de Jakob

J’ai initialement développé les heuristiques d’utilisabilité pour l’évaluation heuristique. C’était en collaboration avec Rolf Molich en 1990 [Molich et Nielsen 1990; Nielsen et Molich 1990]. Quatre ans plus tard, j’ai affiné l’heuristique basée sur une analyse factorielle de 249 problèmes d’utilisabilité [Nielsen 1994a] pour dériver un ensemble d’heuristiques avec un pouvoir explicatif maximal, résultant en cet ensemble révisé d’heuristiques [Nielsen 1994b].

En 2020, nous avons mis à jour cet article, en ajoutant plus d’explications, d’exemples et de liens connexes. Bien que nous ayons légèrement affiné le langage des définitions, les 10 heuristiques elles-mêmes sont restées pertinentes et inchangées depuis 1994. Quand quelque chose reste vrai pendant 26 ans, cela s’appliquera probablement également aux futures générations d’interfaces utilisateur.

#1 : Visibilité de l’état du système

Le design doit toujours tenir les utilisateurs informés de ce qui se passe, grâce à un feedback approprié dans un délai raisonnable.

Lorsque les utilisateurs connaissent l’état actuel du système, ils apprennent le résultat de leurs interactions précédentes et déterminent les prochaines étapes. Des interactions prévisibles créent la confiance dans le produit ainsi que dans la marque.

#1 : Visibilité de l'état du système
Exemple d’heuristique d’utilisabilité #1 :
Les indicateurs « Vous êtes ici » sur les cartes des centres commerciaux doivent montrer aux gens où ils se trouvent actuellement, pour les aider à comprendre où aller ensuite.

Conseils

  • Communiquez clairement aux utilisateurs l’état du système — aucune action ayant des conséquences pour les utilisateurs ne doit être entreprise sans les en informer.
  • Présentez les feedbacks à l’utilisateur le plus rapidement possible (idéalement, immédiatement).
  • Instaurez la confiance grâce à une communication ouverte et continue.

Apprendre encore plus

Heuristiques d’utilisabilité #2 : Correspondance entre le système et le monde réel

Le design doit parler la langue des utilisateurs. Utilisez des mots, des phrases et des concepts familiers à l’utilisateur, plutôt qu’un jargon interne. Suivez les conventions du monde réel, en faisant apparaître les informations dans un ordre naturel et logique.

La façon dont vous devez concevoir dépend beaucoup de vos utilisateurs spécifiques. Les termes, concepts, icônes et images qui semblent parfaitement clairs pour vous et vos collègues peuvent être inconnus ou déroutants pour vos utilisateurs.

Lorsque les contrôles d’un design suivent les conventions du monde réel et correspondent aux résultats souhaités (appelés mappage naturel), il est plus facile pour les utilisateurs d’apprendre et de se souvenir du fonctionnement de l’interface. Cela aide à créer une expérience intuitive.

Heuristiques d'utilisabilité #2 : Correspondance entre le système et le monde réel
Exemple d’heuristique d’utilisabilité #2 :
Lorsque les commandes de la cuisinière correspondent à la disposition des éléments chauffants, les utilisateurs peuvent rapidement comprendre quelle commande correspond à quel élément chauffant.

Conseils

  • Assurez-vous que les utilisateurs peuvent comprendre le sens sans avoir à rechercher la définition d’un mot.
  • Ne présumez jamais que votre compréhension des mots ou des concepts correspondra à celle de vos utilisateurs.
  • La recherche sur les utilisateurs vous aidera à découvrir la terminologie familière de vos utilisateurs, ainsi que leurs modèles mentaux autour de concepts importants.

Apprendre encore plus

#3 : Contrôle et liberté de l’utilisateur

Les utilisateurs effectuent souvent des actions par erreur. Ils ont besoin d’une « sortie de secours » clairement indiquée pour quitter l’action indésirable sans avoir à passer par un processus prolongé.

Lorsqu’il est facile pour les gens de se retirer d’un processus ou d’annuler une action, cela favorise un sentiment de liberté et de confiance. Les sorties permettent aux utilisateurs de garder le contrôle du système et d’éviter de rester bloqués et de se sentir frustrés.

#3 : Contrôle et liberté de l'utilisateur
Exemple d’heuristique d’utilisabilité #3 :
Les espaces numériques ont besoin de « sorties de secours » rapides, tout comme les espaces physiques.

Conseils

  • Prenez en charge Annuler et Rétablir.
  • Affichez un moyen clair de quitter l’interaction en cours, comme un bouton Annuler.
  • Assurez-vous que la sortie est clairement identifiée et identifiable.

Apprendre encore plus

Heuristiques d’utilisabilité #4 : Cohérence et normes

Les utilisateurs ne devraient pas avoir à se demander si différents mots, situations ou actions signifient la même chose. Suivez les conventions de la plateforme et de l’industrie.

La loi de Jakob stipule que les gens passent la plupart de leur temps à utiliser des produits numériques autres que les vôtres. Les expériences des utilisateurs avec ces autres produits définissent leurs attentes. Ne pas maintenir la cohérence peut augmenter la charge cognitive des utilisateurs en les forçant à apprendre quelque chose de nouveau.

Heuristiques d'utilisabilité #4 : Cohérence et normes
Exemple d’heuristique d’utilisabilité #4 :
Les comptoirs d’enregistrement sont généralement situés à l’avant des hôtels. Cette constance répond aux

Conseils

  • Améliorez la facilité d’apprentissage en maintenant les deux types de cohérence : interne et externe.
  • Maintenez la cohérence au sein d’un même produit ou d’une famille de produits (cohérence interne).
  • Suivez les conventions établies de l’industrie (cohérence externe).

Apprendre encore plus

#5 : Prévention des erreurs

De bons messages d’erreur sont importants, mais les meilleurs designs empêchent soigneusement les problèmes de se produire en premier lieu. Éliminez les conditions sujettes aux erreurs ou vérifiez-les et présentez aux utilisateurs une option de confirmation avant qu’ils ne s’engagent dans l’action.

Il existe deux types d’erreurs : les glissades et les erreurs. Les glissades sont des erreurs inconscientes causées par l’inattention. Les erreurs sont des erreurs conscientes basées sur une inadéquation entre le modèle mental de l’utilisateur et le design.

#5 : Prévention des erreurs
Exemple d’heuristique d’utilisabilité #5 : ​​​
Les garde-corps sur les routes de montagne sinueuses empêchent les conducteurs de tomber des falaises.

Conseils

  • Priorisez vos efforts : évitez d’abord les erreurs coûteuses, puis les petites frustrations.
  • Évitez les dérapages en fournissant des contraintes utiles et de bonnes valeurs par défaut.
  • Prévenez les erreurs en supprimant les charges de mémoire, en prenant en charge l’annulation et en avertissant vos utilisateurs.

Apprendre encore plus

Heuristiques d’utilisabilité #6 : Reconnaissance plutôt que rappel

Minimisez la charge de la mémoire de l’utilisateur en rendant les éléments, les actions et les options visibles. L’utilisateur ne devrait pas avoir à mémoriser des informations d’une partie de l’interface à une autre. Les informations requises pour utiliser le design (par exemple, les étiquettes de champ ou les éléments de menu) doivent être visibles ou facilement récupérables en cas de besoin.

Les humains ont une mémoire à court terme limitée. Les interfaces qui favorisent la reconnaissance réduisent la quantité d’effort cognitif requis de la part des utilisateurs.

Heuristiques d'utilisabilité #6 : Reconnaissance plutôt que rappel
Exemple d’heuristique d’utilisabilité #6 :
Il est plus facile pour la plupart des gens de reconnaître les capitales des pays, au lieu d’avoir à s’en souvenir. Les gens sont plus susceptibles de répondre correctement à la question « Lisbonne est-elle la capitale du Portugal ? » plutôt que « Quelle est la capitale du Portugal ? »

Conseils

  • Laissez les gens reconnaître les informations dans l’interface, plutôt que d’avoir à s’en souvenir (« se rappeler »).
  • Offrez une aide contextuelle au lieu de donner aux utilisateurs un long tutoriel à mémoriser.
  • Réduisez les informations dont les utilisateurs doivent se souvenir.

Apprendre encore plus

#7 : Flexibilité et efficacité d’utilisation

Les raccourcis – cachés aux utilisateurs novices – peuvent accélérer l’interaction pour l’utilisateur expert, de sorte que le design peut répondre aux besoins des utilisateurs inexpérimentés et expérimentés. Permettez aux utilisateurs d’adapter les actions fréquentes.

Les processus flexibles peuvent être exécutés de différentes manières, afin que les gens puissent choisir la méthode qui leur convient le mieux.

#7 : Flexibilité et efficacité d'utilisation
Exemple d’heuristique d’utilisabilité #7 :
Les itinéraires réguliers sont répertoriés sur des cartes, mais les habitants ayant une meilleure connaissance de la région peuvent prendre des raccourcis.

Conseils

  • Fournissez des accélérateurs tels que des raccourcis clavier et des gestes tactiles.
  • Offrez une personnalisation en adaptant le contenu et les fonctionnalités aux utilisateurs individuels.
  • Autorisez la personnalisation, afin que les utilisateurs puissent faire des sélections sur la manière dont ils souhaitent que le produit fonctionne.

Apprendre encore plus

Heuristiques d’utilisabilité #8 : Design esthétique et minimaliste

Les interfaces ne doivent pas contenir d’informations non pertinentes ou rarement nécessaires. Chaque unité d’information supplémentaire dans une interface entre en concurrence avec les unités d’information pertinentes et diminue leur visibilité relative.

Cette heuristique ne signifie pas que vous devez utiliser du flat design – il s’agit de vous assurer que le contenu et le design visuel se concentrent sur l’essentiel. Assurez-vous que les éléments visuels de l’interface prennent en charge les principaux objectifs de l’utilisateur.

Heuristiques d'utilisabilité #8 : Design esthétique et minimaliste
Exemple d’heuristique d’utilisabilité #8 : ​​​​​
Une théière ornée peut avoir des éléments décoratifs excessifs qui peuvent interférer avec l’utilisabilité, comme une poignée inconfortable ou une buse difficile à laver.

Conseils

  • Gardez le contenu et le design visuel de l’interface utilisateur concentrés sur l’essentiel.
  • Ne laissez pas des éléments inutiles distraire les utilisateurs des informations dont ils ont vraiment besoin.
  • Priorisez le contenu et les fonctionnalités pour soutenir les objectifs principaux.

Apprendre encore plus

#9 : Aidez les utilisateurs à reconnaître, diagnostiquer et corriger les erreurs

Les messages d’erreur doivent être exprimés en langage clair (pas de codes d’erreur), indiquer précisément le problème et suggérer une solution de manière constructive.

Ces messages d’erreur doivent également être présentés avec des traitements visuels qui aideront les utilisateurs à les remarquer et à les reconnaître.

#9 : Aidez les utilisateurs à reconnaître, diagnostiquer et corriger les erreurs
Exemple d’heuristique d’utilisabilité #9 :
Les panneaux de sens interdit sur la route rappellent aux conducteurs qu’ils se dirigent dans la mauvaise direction et leur demandent de s’arrêter.

Conseils

  • Utilisez des visuels de message d’erreur traditionnels , comme du texte rouge en gras.
  • Dites aux utilisateurs ce qui n’a pas fonctionné dans un langage qu’ils comprendront — évitez le jargon technique.
  • Offrez aux utilisateurs une solution, comme un raccourci qui peut résoudre l’erreur immédiatement.

Apprendre encore plus

Heuristiques d’utilisabilité #10 : Aide et documentation

Il est préférable que le système n’ait pas besoin d’explications supplémentaires. Cependant, il peut être nécessaire de fournir de la documentation pour aider les utilisateurs à comprendre comment effectuer leurs tâches.

Le contenu de l’aide et de la documentation doit être facile à rechercher et axé sur la tâche de l’utilisateur. Soyez concis et dressez la liste des étapes concrètes à suivre.

Heuristiques d'utilisabilité #10 : Aide et documentation
Exemple d’heuristique d’utilisabilité #10 :
Les kiosques d’information dans les aéroports sont facilement reconnaissables et résolvent les problèmes des clients dans leur contexte et immédiatement.

Conseils

  • Assurez-vous que la documentation d’aide est facile à rechercher.
  • Dans la mesure du possible, présentez la documentation dans son contexte juste au moment où l’utilisateur en a besoin.
  • Listez les étapes concrètes à réaliser.

Apprendre encore plus

Voir aussi

Exemples

Checklists & Guidelines

Références

  • Molich, R., and Nielsen, J. (1990). Improving a human-computer dialogue, Communications of the ACM 33, 3 (March), 338-348.
  • Nielsen, J., and Molich, R. (1990). Heuristic evaluation of user interfaces, Proc. ACM CHI’90 Conf. (Seattle, WA, 1-5 April), 249-256.
  • Nielsen, J. (1994a). Enhancing the explanatory power of usability heuristics. Proc. ACM CHI’94 Conf. (Boston, MA, April 24-28), 152-158.
  • Nielsen, J. (1994b). Heuristic evaluation. In Nielsen, J., and Mack, R.L. (Eds.), Usability Inspection Methods, John Wiley & Sons, New York, NY.

Many people ask if they can use these heuristics in their own work. Yes, but please credit Jakob Nielsen and provide the address for this page [nngroup.com/articles/ten-usability-heuristics] or cite the paper above [Nielsen 1994a]. If you want to print copies of this page or reproduce the content online, however, please see our copyright info for details. Copyright © by Jakob Nielsen.ISSN 1548-5552