L'utilisabilité est au cœur de la conception UX, de la recherche et de l'interaction homme-machine. Notre travail consiste à veiller à ce que les sites web et les produits numériques soient intuitifs, faciles à naviguer et agréables à utiliser.
Bien qu'il existe de nombreux principes et lignes directrices en matière d'utilisabilité, ceux de Jakob Nielsen (du groupe de travail sur l'utilisabilité) sont les plus importants. Groupe Neilsen Norman) ?10 Heuristiques d'utilisabilité pour la conception de l'interface utilisateur ? est considéré comme la norme pour les concepteurs UX.
En 1990, M. Nielsen a collaboré avec Rolf Molich pour présenter leur premier ensemble de lignes directrices en matière d'utilisabilité (ou meilleures pratiques) afin d'aider les concepteurs à se concentrer sur les éléments essentiels d'une bonne expérience. Quatre ans plus tard, il les a affinées sur la base d'une analyse factorielle des problèmes d'utilisabilité, puis à nouveau en 2020, pour aboutir à la version actuelle utilisée par les chercheurs, les concepteurs et les développeurs.
Qu'est-ce que l'heuristique de convivialité et pourquoi en avons-nous besoin ?
Selon la définition du dictionnaire, les heuristiques sont :
?une méthode d'apprentissage ou de résolution de problèmes qui permet aux gens de découvrir des choses par eux-mêmes et d'apprendre de leurs propres expériences.
Par définition, ce sont eux qui contrôlent la facilité d'utilisation de nos produits. Ils les rendent intuitifs et faciles à utiliser, leurs éléments sont reconnaissables et ils nous permettent d'accomplir les tâches que nous attendons d'eux, même si nous n'avons jamais utilisé le produit auparavant.
Alors pourquoi avons-nous besoin des dix principes fondamentaux de Nielsen ? Il est évident que de telles choses devraient relever du bon sens pour les concepteurs et les chercheurs lors de la création ou du perfectionnement d'un produit. L'heuristique de Nielsen fournit donc une liste de "must-haves" dans un langage commun à tous, permettant à chacun de rester sur la même longueur d'onde, qu'il s'agisse de concepteurs très expérimentés ou de parties prenantes investies.
Et, quelle que soit votre expérience, personne n'est infaillible. En considérant les principes essentiels d'utilisabilité de Nielsen comme une liste de contrôle pour chaque fonctionnalité, page ou opération, il est possible d'identifier les problèmes d'utilisabilité dès le début du processus, ce qui permet d'économiser du temps et de l'argent bien avant les tests d'utilisabilité.
Quelle est l'heuristique de Jakob Nielsen en matière de design d'interaction ?
- Visibilité de l'état du système
- Correspondance entre le système et le monde réel
- Contrôle et liberté de l'utilisateur
- Cohérence et normes
- Prévention des erreurs
- Reconnaissance plutôt que rappel
- Flexibilité et efficacité d'utilisation
- Design esthétique et minimaliste
- Aider les utilisateurs à reconnaître les erreurs, à les diagnostiquer et à les corriger
- Aide et documentation
Si vous voulez saisir le guide de Nielsen directement de la bouche de l'animal, rendez-vous sur le site de la Groupe Nielsen Norman site web et les explorer comme s'il s'agissait d'une livraison directe.
Par ailleurs, si vous souhaitez vous familiariser rapidement avec l'objectif de chacun d'entre eux, vous êtes au bon endroit.
1. Visibilité de l'état du système
Pour éviter la confusion et la frustration, il faut informer les utilisateurs de leur position dans le processus et de ce qui se passe, en leur donnant un retour d'information approprié, souvent immédiatement (Nielsen suggère "dans un délai raisonnable"). Lorsque nous agissons, nous nous attendons à ce que le produit réagisse ; si le résultat n'est pas apparent, le retour d'information confirme que tout est sur la bonne voie.
Grâce aux mises à jour de l'état du système, nous nous sentons en sécurité et en contrôle, ce qui renforce notre confiance dans le système et la marque.
Exemples de visibilité de l'état du système :
- Dialogue d'ajout au panier ou icône de mise à jour du panier
- Animations de confirmation et certaines micro-interactions
- Confirmation de l'inscription à la lettre d'information
- Barres de progression et de chargement et mises à jour du temps
- Des fils d'Ariane pour montrer aux utilisateurs où ils se trouvent dans la navigation et le contenu d'un site.
2. Correspondance entre le système et le monde réel
Pour que les produits soient intuitifs et nécessitent moins d'apprentissage de la part de l'utilisateur, nous utilisons des éléments que les utilisateurs reconnaissent déjà, souvent en imitant ou en représentant des éléments du monde réel. Cela signifie qu'il faut fournir des indices visuels ou abandonner le jargon technique pour parler le langage des utilisateurs et utiliser des phrases et des concepts qui leur sont familiers dans un ordre naturel et logique.
Lorsque nous suivons les conventions du monde réel, cela permet de construire un système déjà familier à l'utilisateur ; nous appelons cela cartographie naturelle.
Exemples de conventions réelles :
- Icônes représentant des actions : corbeille, enveloppe de courrier électronique, loupe de recherche, etc.
- Des pages qui se tournent dans les applications de lecture électronique
- Utiliser le vert pour aller ou bien et le rouge pour arrêter ou comme avertissement d'erreur.
- Pincement pour zoomer et glissement pour déplacer les pages ou les écrans
3. Contrôle et liberté de l'utilisateur
Étant donné que les produits numériques sont rarement accompagnés d'un guide ou d'un mode d'emploi complet, nous avons besoin d'une option de récupération lorsque nous appuyons sur un mauvais bouton ou que nous commettons une autre erreur. Nielsen appelle cela ?une sortie de secours ?L'utilisateur peut ainsi se remettre sur la bonne voie sans avoir à suivre un long processus pour revenir au point de départ initial.
Exemples de contrôle et de liberté de l'utilisateur :
- Fonctions d'annulation et de rétablissement
- Boutons arrière
- Annuler les options
- Miettes de pain de navigation
- Cliquer avec le bouton droit de la souris ou sous-menus dans le produit
- Des messages d'erreur soigneusement élaborés qui donnent à l'utilisateur des indications pour se remettre sur la bonne voie.
4. Cohérence et normes
Un autre domaine dans lequel nous pouvons réduire l'apprentissage de l'utilisateur consiste à suivre les modèles et les normes des produits et plateformes existants et ceux du monde réel. Il y a une raison pour laquelle la plupart des interfaces utilisateur se ressemblent ; réinventer la roue oblige les utilisateurs à franchir des étapes supplémentaires qu'ils n'ont pas besoin d'apprendre ; maintenir la cohérence et les normes auxquelles les utilisateurs s'attendent permet de gagner du temps et d'éviter les frustrations.
Il existe deux types de cohérence : la première, à l'intérieur du produit (appelée cohérence interne), et le second, les conventions sectorielles (cohérence externe).
Exemples de cohérence et de normes :
- Utilisation d'icônes acceptées par l'industrie, mais dans le style de la marque du produit
- Conformité aux normes d'étiquetage et de remplissage des formulaires
- Suivre un format d'achat/inscription/navigation qu'ils comprennent déjà
5. Prévention des erreurs
Pour gérer les erreurs, il ne suffit pas de fournir aux utilisateurs une issue de secours ou un plan de sortie. Idéalement, une interface utilisateur bien conçue aidera les utilisateurs à éviter les erreurs possibles ou probables. De nombreuses erreurs sont dues à la négligence ou à l'inattention, mais d'autres sont dues à des processus complexes ou à un manque d'orientation.
Fournir les informations et les instructions nécessaires peut minimiser les erreurs et éliminer les conditions propices aux erreurs ; informer les utilisateurs de l'endroit où elles peuvent se produire peut leur faire gagner du temps et éviter la frustration.
Exemples de prévention des erreurs :
- Avertissements et actions permettant de contourner les erreurs et les messages d'erreur
- Fournir des instructions en langage clair ou à l'aide d'instructions visuelles ou graphiques faciles à comprendre
- Ajouter des indices aux champs de formulaire
- Suggestions orthographiques dans les champs de formulaire
- Options de confirmation des champs de formulaire (à l'aide de champs de saisie répétés), par exemple pour les adresses électroniques et les mots de passe
- Une option de confirmation lors de la suppression définitive de fichiers, de messages électroniques et d'autres informations importantes.
6. Reconnaissance plutôt que rappel
Pour minimiser la charge de mémoire de l'utilisateur et maximiser sa capacité de réflexion, une interface utilisateur de qualité propose des suggestions au lieu d'attendre de l'utilisateur qu'il se souvienne d'informations générales ou déjà apprises.
Exemples de reconnaissance plutôt que de rappel :
- Choix de champs de formulaire prédéfinis (pays, dates, professions, etc.)
- Remplissage automatique des requêtes de recherche
- Instructions étape par étape en cours de traitement
- Articles récemment consultés
- Contacts récents dans les applications de téléphonie et de messagerie
- La fonction "continuer" ou la section "mes programmes" sur les services de streaming
7. Flexibilité et efficacité d'utilisation
Si nous ne voulons pas embrouiller les nouveaux utilisateurs avec trop d'informations, aider les utilisateurs expérimentés à naviguer plus efficacement dans un logiciel ou un produit constitue une bien meilleure expérience utilisateur.
Comme dans la vie réelle, nous aimons les astuces ou les raccourcis qui facilitent l'utilisation d'un produit ou nous permettent d'atteindre nos objectifs plus rapidement. Cela développe le contrôle de l'utilisateur et permet à l'utilisateur expert d'adapter les actions fréquentes à ses besoins spécifiques, offrant ainsi une expérience utilisateur plus satisfaisante grâce à un effort cognitif moindre.
Exemples de flexibilité et d'efficacité d'utilisation :
- Introduire accélérateur des conseils, par exemple des raccourcis clavier et des gestes tactiles
- Fournir des options de personnalisation afin que les utilisateurs puissent accéder directement au contenu ou aux fonctions essentielles.
- Permettre la personnalisation afin qu'ils puissent décider de la manière dont le produit fonctionne pour eux.
8. Conception esthétique et minimaliste
La conception minimaliste n'est pas seulement une question d'élégance, mais aussi une question de valeur ajoutée. Tout élément inutile se dispute l'attention de l'utilisateur, ce qui nuit à l'efficacité du site ou du produit.
Lorsqu'il s'agit de contenu et d'heuristique d'utilisation, moins c'est mieux. Toutefois, cela ne signifie pas qu'il faille tout supprimer pour créer une page propre et claire, mais seulement les parties qui n'offrent pas de valeur ajoutée et qui détournent l'attention des utilisateurs de ce qui est important.
Exemples de design esthétique et minimaliste :
- La page d'accueil de Google est probablement l'un des produits minimaux les plus reconnaissables sur l'internet
- Icônes de navigation simples en bas de l'écran dans les applications mobiles
- Les applications de calculatrices qui passent des fonctions de base aux fonctions scientifiques complètes en faisant pivoter l'appareil.
9. Aider les utilisateurs à reconnaître les erreurs, à les diagnostiquer et à les corriger
Les erreurs sont inévitables. Disposer d'une issue de secours est une façon de résoudre le problème, mais de bons messages d'erreur qui indiquent comment le problème s'est produit et des instructions sur la façon de se remettre sur la bonne voie sont encore mieux. En aidant les utilisateurs à comprendre le problème, on les aide à éviter de refaire la même erreur tout en renforçant leur confiance.
Exemples de fonctions de récupération d'erreurs :
- Échecs de connexion : explication des conditions qui n'ont pas été remplies ; par exemple, "aucun compte de ce type" ou "le mot de passe ne correspond pas".
- Création de mots de passe : inclure les conditions que les utilisateurs doivent remplir, par exemple le nombre minimum de caractères, les chiffres, les majuscules ou les caractères spéciaux.
10. Aide et documentation
La plupart des applications et des produits numériques nécessitent très peu d'instructions, mais les utilisateurs ont souvent besoin d'instructions et de conseils complets et clairs pour des systèmes et des produits plus complexes.
Nielsen suggère que la documentation d'aide doit être facile à rechercher et centrée sur la tâche de l'utilisateur ; elle doit être concise, avec des étapes concrètes fournies sous forme de liste, et idéalement, présentée à l'endroit où l'utilisateur en a besoin.
Exemples d'aide et de documentation :
- Guides d'utilisation
- Centres d'assistance
- FAQ
- Support chat
- Les visites d'accueil
- Info-bulles
Autres principes de convivialité du web
Bien que Nielsen ait pratiquement écrit le livre sur les principes d'utilisabilité, sa liste n'est pas absolue. Certains domaines importants de l'UX ne sont pas mentionnés : l'accessibilité et la disponibilité, la pertinence et la crédibilité, par exemple. Seul l'avenir nous dira si ces éléments, ou d'autres, seront pris en compte dans les prochaines versions ou s'ils deviendront cruciaux à mesure que nos technologies, nos communautés et nos besoins sociétaux se développeront.
Résumé
Les dix heuristiques d'utilisabilité de Nielsen constituent un excellent guide pour les novices en matière d'UX et les utilisateurs expérimentés.
Alors que la convivialité d'un produit ou d'un site web sera rigoureusement explorée et examinée lors des tests utilisateurs, la réalisation d'une évaluation heuristique à tout moment du processus de conception et d'élaboration constitue un point de contrôle régulier pour s'assurer que nous répondons aux besoins de nos utilisateurs individuels.
Nos experts en recherche sur les utilisateurs sont à votre disposition pour vous aider à vous rapprocher de vos clients. Si vous souhaitez organiser un appel sans engagement, contactez-nous par e-mail à l'adresse suivante hello@ux247.com ou faites-nous part de vos besoins en utilisant le formulaire ci-dessous.
