interaction homme-machine Archives

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. 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 Article complet : Visibilité de l'état du système Vidéo de 3 minutes sur l' heuristique de visibilité 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. 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 Article complet : Correspondance entre le système et le monde réel Vidéo de 2 minutes : Correspondance entre le système et le monde réel #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. 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 Article complet : Contrôle et liberté des utilisateurs Vidéo de 2 minutes : Contrôle et liberté de l'utilisateur 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. 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 Article complet : La cohérence et les normes Vidéo de 3 minutes : Cohérence et normes #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. 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 Article complet : Prévenir les erreurs des utilisateurs Vidéo de 3 minutes : Prévention des erreurs 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. 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 Article complet : Reconnaissance vs Rappel dans UX Vidéo de 3 minutes : Reconnaissance vs Rappel #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. 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 Article complet : Flexibilité et efficacité d'utilisation Vidéo de 3 minutes : Flexibilité et efficacité d'utilisation 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. 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 Article complet : Design esthétique et minimaliste Vidéo de 3 minutes : Design esthétique et minimaliste #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. 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 Vidéo de 2 minutes : Aider les utilisateurs à surmonter les erreurs 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. 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 Article complet : Aide et documentation Vidéo de 3 minutes : Aide et documentation Voir aussi Exemples 10 Usability Heuristics Applied to Complex Applications — Examples of the heuristics applied to complex and domain-specific software applications. 10 Usability Heuristics Applied to Virtual Reality — See the heuristics applied to 3D virtual environments. 10 Usability Heuristics Applied to Video Games — Great examples of the 10 heuristics in highly interactive and highly visual user interfaces that have an entertainment purpose. 10 Usability Heuristics Applied to Everyday Life (Just for fun) Checklists & Guidelines Full set of 2,397 UX design guidelines (across multiple reports). Bruce "Tog" Tognazzini's list of basic principles for interface design. The list is slightly too long for heuristic evaluation but serves as a useful checklist. 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

Étiquette : interaction homme-machine

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

Design esthétique et minimaliste

Visibilité de l’état du système