Vous savez sans doute que les critères ergonomiques sont fondamentaux lors d'un audit de site web. Chez Capian, nous croyons fermement à l'utilisation d'une excellente méthodologie et au respect des normes scientifiques. C'est pourquoi l'inclusion de critères renommés dans notre application a été une priorité lors de son développement. Nous pensons également que toute personne intéressée, même de loin, par les UX devrait se familiariser avec les différents ensembles de critères.
En rejoignant la communauté de l'Académie"Capian, Vous aurez accès à un cours gratuit où vous apprendrez tout ce qu'il y a à savoir sur les 10 principes d'utilisabilité de Nielsen. Comme vous le savez peut-être déjà, les principes de Jakob Nielsen consistent en un ensemble de règles générales que vous pouvez utiliser lors de l'évaluation de l'utilisabilité d'un site web.
Dans ce cours gratuit, vous découvrirez tout sur les 10 principes d'utilisabilité de Nielsen. Vous pouvez vous attendre à des informations pratiques et approfondies. Nous espérons que vous pourrez utiliser ces informations au quotidien et les appliquer à tout projet sur lequel vous travaillez actuellement.
Étant donné que nous aborderons les critères un par un, vous pourrez appliquer les heuristiques de Nielsen au fur et à mesure. Que vous cherchiez à améliorer un site web spécifique, une application mobile, un jeu ou vos propres méthodes de travail, chacune vous permettra de vous concentrer sur des informations spécifiques et d'obtenir des changements plus efficaces.
En plus d'intégrer 4 ensembles différents d'heuristiques d'utilisabilité, dont celui de Nielsen, Capian est un outil complet d'examen de l'utilisabilité conçu pour accroître l'efficacité et la précision des audits d'utilisabilité.
Si nos processus sont similaires, vous savez à quel point il peut être épuisant de prendre une capture d'écran, de l'éditer dans Photoshop, de l'importer dans Word pour y ajouter des annotations, de créer un rapport, etc. Ce n'est pas très convivial !
Lorsque nous avons commencé à recevoir davantage de missions en tant qu'auditeurs UX indépendants, nous avons réalisé que nous pouvions gagner du temps et augmenter nos revenus grâce à un processus simplifié.
De là est né Capian - Nous avons créé une extension de navigateur web qui regroupe toutes les étapes d'un audit dans un seul programme. En naviguant sur un site, nous pouvons cliquer sur l'extension du navigateur pour prendre une capture d'écran d'un élément du site, puis tout faire dans l'extension sans quitter la page web. Nous pouvons ensuite éditer, annoter, ajouter des recommandations et partager le rapport d'audit.
Dans l'esprit de la 7e règle de Nielsen, "Reconnaître le client plutôt que s’en souvenir" (nous en parlerons plus tard !), vous n'avez pas à essayer de vous rappeler les critères que vous utilisez pour évaluer un site, car les heuristiques intégrées sont toujours affichées à titre de référence. Vous pouvez également créer votre propre ensemble de critères ou modifier ceux que nous avons inclus pour mieux répondre à vos besoins.
Inscrivez-vous dès maintenant pour bénéficier d'un essai gratuit de Capian.
Inscrivez-vous !Je tiens à vous souhaiter personnellement la bienvenue dans la communauté Capian. Capian n'est pas simplement un logiciel d'expérience utilisateur (UX), c'est une ressource UX tout-en-un pour tout professionnel travaillant dans le domaine de l'utilisabilité. En tant que guichet unique, Capian propose une multitude de critères heuristiques classiques, une fonction de capture d'écran, ainsi que des fonctionnalités d'annotation, d'édition et de partage.
Mis à part tout cela, différents ensembles de critères ergonomiques constituent réellement l'âme et le cœur d'un audit. Les utiliser permet d'éviter la subjectivité et de mettre fin définitivement à l'essai et à l'erreur. En tirant parti de la science de l'utilisabilité, nous sommes en mesure d'apporter de petits changements calculés aux sites web, aux applications mobiles, et plus encore, ce qui se traduit par un grand bénéfice.
En tant que spécialiste de l'interaction homme-machine (IHM), Nielsen est l'une des figures les plus influentes dans le domaine de l'utilisabilité et de l'expérience utilisateur. Son travail repose sur l'idée de rendre un site web aussi simple et minimaliste que possible pour en faciliter l'utilisabilité pour les utilisateurs. Ses 10 principes ont été conçus dans cette optique.
Vous pouvez vous attendre à des informations pratiques et approfondies. Bien que l'ironie que les critères d'utilisabilité soient parfois peu accessibles ne nous échappe pas (en raison du jargon scientifique), nous pensons que tout le monde mérite des présentations accessibles de ce matériel.
Puisque nous aborderons les critères un par un, vous pourrez appliquer les heuristiques de Nielsen au fur et à mesure. Que vous cherchiez à améliorer un site web spécifique, une application mobile, un jeu ou vos propres méthodes de travail, chacun vous permettra de vous concentrer sur des informations spécifiques et d'obtenir des changements plus efficaces.
Nielsen décrit sa première règle, "Le Statut du Système doit être Visible" comme suit:
“Le système doit toujours tenir les utilisateurs informés de ce qui se passe, par un retour d'information approprié dans un délai raisonnable.
”
Sans utiliser de mots spécifiques, "Le Statut du Système doit être Visible" signifie qu'un système* (c'est-à-dire un site web, une application mobile, etc.) est plus convivial lorsque vous pouvez identifier ce que vous pouvez faire sur le site (son état).
Connaître l'objectif d'un site permet à l'utilisateur de savoir à quoi s'attendre de l'expérience, ce qui améliore sa compréhension des fonctionnalités qui peuvent être offertes.
Un contrôle visible et des informations visibles sont donc essentiels - vous devez pouvoir comprendre facilement les actions qui peuvent être effectuées sur l'interface d'un site. Comme indiqué, si l'utilisateur peut définir plus précisément ses attentes pour un système particulier en connaissant son statut, il sera en mesure d'interpréter avec succès les informations visibles pour répondre à ses besoins. Un retour tactile, ou visible, est essentiel pour respecter ce critère heuristique. Par exemple, si l'utilisateur clique sur le lien d'un site, un changement de couleur et/ou un son doivent accompagner l'action afin que ledit utilisateur sache que son effort est reconnu et complété. N'ayez pas peur d'être transparent : faites savoir à l'utilisateur où il se trouve dans un site en incorporant un fil d’Ariane, quand une action est en cours et combien de temps prendra la navigation.
Il est important de noter que rendre les informations trop visibles n'aide pas les utilisateurs, mais les submerge. Bien que les utilisateurs doivent être informés du nombre d'options et de résultats qui leur sont offerts, l'utilisation stratégique de la navigation pour guider les utilisateurs (et le fait de ne les montrer qu'en fonction d'une page ou d'un élément d'information spécifique) les aide à se concentrer et leur offre une expérience d'utilisation plus confortable.
Voici deux exemples que vous pouvez essayer vous-même à la maison avec les sites dont vous vous servez le plus pour voir s'ils respectent le premier critère de Nielsen.
Dans un premier temps nous nous servirons du site web YouTube :
Nous prendrons ensuite un exemple avec un outil que de nombreux professionnels utilisent, Google Drive :
Les deux exemples ci-dessus vous donnent un aperçu de la première heuristique. Si les deux outils mentionnés ci-dessus ne disposaient pas de ces options, une confusion se ferait ressentir parmi les utilisateurs et leurs utilisations seraient moins simples.
Ne tenez pas la visibilité du statut du système pour acquise ! Assurez-vous que votre utilisateur cible a des attentes précises quant à l'expérience offerte et que ces attentes soient complétées pour pouvoir être sûr du succès de cette visibilité.
Vous trouverez ci-dessous une vidéo YouTube de deux minutes qui explique de manière graphique et simplifiée le fonctionnement de la première heuristique.
NNGroup, 26 Juillet 2019, Usability Heuristic 1: Visibility of System Status :
*Tout au long de ce cours, nous appellerons les systèmes des sites web, mais veuillez noter que ces informations peuvent s'appliquer à tout type d'interface.
Avez-vous utilisé la première heuristique de Nielsen couverte dans le premier cours pour apporter des ajustements à votre site ou à votre application ?
Cette deuxième heuristique parle de la correspondance entre le système et le monde réel et est décrite comme suit "Le système doit parler la langue des utilisateurs, avec des mots, des phrases et des concepts familiers à ce dernier, plutôt que des termes orientés vers le système. Suivre les conventions du monde réel, en faisant apparaître les informations dans un ordre naturel et logique"
Nielsen avait à l'origine inventé cette heuristique, “Parler la langue de l'utilisateur” Et c'est précisément ce à quoi cela se résume.
Bien que chaque domaine possède son propre vocabulaire technique, il est conseillé de traduire les concepts dans le langage courant pour les rendre accessibles aux utilisateurs. Il est important d'envisager ce qu'un client potentiel attend lorsqu'il entre sur un site web, quel type de formulation accompagnera un produit ou une expérience particulière.
Ce système par rapport au monde réel doit toutefois être appliqué de manière contextuelle. Une personne qui tente d'acheter un nouvel ordinateur en ligne s'attendait à voir les spécifications techniques dans la description du produit.
Prenons, par exemple, notre propre outil (Capian). Le monde numérique est un monde nouveau pour certains dans lequel il est difficile d'entrer en raison du grand nombre de nouveaux termes à connaître, le monde de l'expérience utilisateur ne fait pas exception à cette règle.
Même si nos clients sont des spécialistes ou des experts en UX/UI qui maîtrisent leur domaine d'expertise et sont donc très familiers avec les termes que nous utilisons, certains de ces termes peuvent sembler effrayants. C’est pour cette raison que nous essayons d’utiliser des termes génériques pour que toute personne souhaitant se servir de Capian puisse le faire.
Comme vous pouvez le voir sur la capture d'écran ci-dessous, aucun terme ne semble compliqué, voire incompréhensible. Nous utilisons des termes génériques que tout le monde peut comprendre.
Les termes que vous utilisez doivent être pertinents, vous devez parler la langue de l'utilisateur et vous devez vous adapter à la façon de travailler et de penser de l'utilisateur afin de pouvoir répondre à cette heuristique.
Parler la langue de l'utilisateur peut aussi signifier refléter la forme de l'information telle qu'elle est normalement utilisée. Si les cartes de crédit affichent les dates d'expiration sous forme numérique, un site de commerce électronique qui demande ces informations par nom de mois est en infraction avec la deuxième heuristique de Nielsen (c'est-à-dire janvier au lieu de 01). L'option "janvier" n'est ni technique ni incorrecte, mais ne reflète pas l'application réelle de cette information telle qu'elle se trouve sur les cartes de crédit.
Les organisations qui s'étendent à de nouveaux territoires doivent également faire attention à leur utilisation de la langue ! Les différences culturelles et dialectales signifient que les expressions et les mots qui semblent normaux dans la culture américaine ne fonctionnent pas nécessairement dans la culture britannique, par exemple. Ne supposez pas que parler la même langue que votre client se traduit par une communication efficace avec lui.
Notre prochaine leçon traitera de la troisième utilisation de Nielsen : Heuristique, contrôle et liberté de l'utilisateur. D'ici là, remettez en question vos systèmes et assurez-vous que le langage utilisé reflète bien celui du client. Est-ce un sujet que vous avez déjà abordé pour votre site ?
Vous trouverez ci-dessous une vidéo YouTube de deux minutes qui explique de manière graphique et simplifiée le fonctionnement de la première heuristique.
NNGroup, 9 Aout 2019, Usability Heuristic 2: Match Between the System and the Real World :
Jusqu'à présent, nous avons couvert l'importance de la transparence ainsi que de parler le langage de l'utilisateur. Si vous avez déjà mis ces premières leçons en pratique, les utilisateurs de votre site devraient être plus conscients de ce qu'ils font sur un site et mieux comprendre le vocabulaire utilisé pour décrire les produits ou les services présents sur votre site.
Le contrôle et la liberté de l'utilisateur sont expliqués comme suit par Jakob Nielsen :
"Les utilisateurs choisissent souvent les fonctions du système par erreur et auront besoin d'une "sortie de secours" clairement indiquée pour quitter l'état indésirable sans avoir à passer par un dialogue prolongé.
Nous pouvons définir cette heuristique comme étant simplement une "sortie" ou un "bouton de retour" pour l'utilisateur. Nielsen lui-même avait l'habitude d'appeler cette règle "Fournir des sorties clairement marquées", ce qui clarifie son objectif.
Lorsque l'on utilise Word ou tout autre logiciel de la suite Office, l'interface fournit un bouton "annuler" sans fin qui permet à l'utilisateur de revenir à autant d'actions qu'il a pu utiliser pour revenir à l'état initial du document. Les logiciels Office n'ont pas de boîte de dialogue "Êtes-vous sûr ?" pour confirmer la fonction "Annuler", ce qui encourage l'utilisation de cette fonction en moins d'étapes
Non seulement la possibilité d'annuler des actions sur un site ou un logiciel est importante, mais vous offrez aussi à vos utilisateurs une liberté d’action qui n’est pas négligeable pour leur confort.
Nous avons tous été sur un site web sur lequel une vidéo ou un fond sonore se lance en arrière-plan et nous surprend d’un seul coup : deux problèmes sont soulevés ici, dans un premier temps on empêche l’utilisateur d’avoir recours à son libre arbitre et a refusé ou accepté la précédente vidéo, et en plus cela va à l’encontre du principe de Nielsen que nous sommes entrain d'étudier. Utilisez plutôt un marketing engageant pour inciter les visiteurs du site web à cliquer sur un contenu interactif !
En appliquant la première heuristique de Nielsen en même temps, les utilisateurs seront également conscients de leur position sur le site à tout moment et sauront où est la sortie et/ou ils peuvent cliquer pour sortir de cette vidéo.
De nos jours, l'accès à un bouton "annuler" ou "retour" est une évidence - il est important de se rappeler que ces fonctionnalités doivent être volontairement mises en œuvre pour offrir à vos clients une expérience utilisateur sans faille.
Certaines actions sur vos interfaces sont-elles permanentes ? Vos clients peuvent-ils rapidement annuler des actions non souhaitées ou revenir à une étape précédente ?
Nous aborderons dans le prochain cours la question de la "cohérence et des normes
Vous trouverez ci-dessous une vidéo YouTube de deux minutes qui explique de manière graphique et simplifiée le fonctionnement de la première heuristique.
NNGroup, 23 Aout 2019, Usability Heuristic 3: User Control & Freedom :
Jakob Nielsen, qui est maintenant une proche connaissance, explique que sa quatrième règle,Cohérence et Standards, signifie :
"Les utilisateurs ne devraient pas avoir à se demander si des mots, des situations ou des actions différents signifient la même chose. Suivez les conventions de la plate-forme".
Bien que l'innovation nourrisse le progrès et engendre de nouvelles technologies, nous devons veiller à ce que les systèmes mis en œuvre dans nos sites web soient cohérents. En d'autres termes, la même action doit avoir le même effet sur n'importe quelle interface ; "contrôle/cmd + C" doit toujours copier, un clic droit doit toujours révéler les actions supplémentaires à entreprendre, etc.
La plupart des sites web et des programmes placent leur barre de menu en haut de l'écran. S'en écarter - par exemple, un menu vertical - sèmerait la confusion chez les utilisateurs et irait à l'encontre de la norme industrielle de placement cohérent des menus.
Encore une fois, n'entravez pas l'innovation, mais apprenez à l'intégrer dans votre interface dans les limites de certaines normes d’utilisabilité de l'industrie. Le progrès ne sert à rien s'il empêche les clients d'utiliser votre site avec succès.
Ce concept peut et doit également être appliqué à la formulation. Une page intitulée "Photos", par exemple, ne doit pas être appelée "Images" ou "Photos" ailleurs sur le site - veillez à ce que la terminologie utilisée soit cohérente.
Il faut toujours faire en sorte que la cohérence de vos systèmes marche de pair avec les standards d’utilisabilité connus et reconnus.
Vous trouverez ci-dessous une vidéo YouTube de deux minutes qui explique de manière graphique et simplifiée le fonctionnement de la première heuristique.
NNGroup, 6 Septembre 2019, Usability Heuristic 4: Consistency and Standards :
Ce critère est peut-être confus, mais il est assez facile à saisir dès le départ : Nielsen qualifie ce critère de la manière suivante :
"Les messages d'erreur doivent être exprimés dans un langage simple (pas de codes), indiquer précisément le problème et suggérer une solution de manière constructive".
Dans un monde idéal, les messages d'erreur n'existeraient bien sûr pas, car tout fonctionnerait parfaitement bien ! Comme ce n'est malheureusement pas le cas, nous devons veiller à ce que, lorsque des erreurs se produisent, nous rectifions rapidement le problème et en informions l'utilisateur en toute simplicité.
Les messages d'erreur doivent informer l'utilisateur et l'aider à prendre des mesures en évitant les termes techniques et en incluant la construction de l'information.
Le message d'erreur doit également être spécifique. Un message d'erreur de connexion qui pourrait se lire "Login Failed" (Échec de la connexion) n'indique pas si le courriel est mal tapé, si le mot de passe n'est pas à jour, si le courriel n'est pas classé, si le mot de passe n'était pas correct, etc., les utilisateurs ont besoin de messages d'erreur qui les dirigent vers une solution (pour autant que l'erreur soit commise par l'utilisateur lui-même).
Exemple : "Nous n'avons pas d'informations de compte pour ce profil Facebook. Veuillez essayer de vous connecter avec votre compte courriel/Google/,etc."
Google corrige l'erreur typographique de l'utilisateur en suggérant des termes de recherche avec des orthographes différentes qui donnent plus de résultats. Bien que ce ne soit pas ce que l'on pourrait considérer comme un message d'erreur traditionnel dans une fenêtre contextuelle, Google tente de remédier à l'erreur de l'utilisateur tout en lui faisant prendre conscience de cette dernière.
Les pages d’Erreur 404 sont un exemple classique de message d'erreur qui ne respecte pas la règle de Nielsen. Le numéro 404 ne donne aucune indication sur la cause réelle de l'erreur et ne fournit pas d'informations constructives pour aider l'utilisateur à remédier au problème. Votre page d'erreur 404 doit indiquer clairement où se trouve l'erreur et pourquoi l'utilisateur ne devrait pas se trouver sur cette page. L’erreur doit être indiquée et montrer la page doit montrer le cheminement à l'utilisateur pour qu’ils puissent facilement quitter cette page.
Pour aller un peu plus loin dans ce cours, voici un top 5 des erreurs les plus fréquemment rencontrées en matière de cohérence et de normes :
N'oubliez pas : les messages d'erreur ne doivent pas seulement montrer que quelque chose ne va pas, mais utiliser un langage constructif pour aider l'utilisateur à remédier au problème et à continuer à utiliser efficacement votre site !
Vous trouverez ci-dessous une vidéo YouTube de deux minutes qui explique de manière graphique et simplifiée le fonctionnement de la première heuristique.
NNGroup, 13 Septembre 2019, Usability Heuristic 5: Error Prevention :
Notre sixième heuristique d'utilisation est la "prévention des erreurs". Nielsen le décrit comme suit :
"Mieux encore que de bons messages d'erreur, une conception soignée permet d'éviter qu'un problème ne se produise. Soit vous éliminez les conditions propices aux erreurs, soit vous les recherchez et vous proposez aux utilisateurs une option de confirmation avant qu'ils ne s'engagent dans l'action".
Bien que les erreurs soient inévitables, nous pouvons nous efforcer de traiter de manière préventive les problèmes potentiels de conception ou de codage afin d'éliminer les gaffes prévisibles.
La prévention des erreurs et omniprésentes autour de nous, a un point que l’on n’y fait pas vraiment attention, combien de fois votre logiciel d’envoi de courriel vous a rappelé qu’il manquait l’objet de votre courriel, ou alors qu’il n’y avait pas de pièce jointe la ou il devrait en avoir une ?
Le moteur de recherche de Google est un champion à ce niveau-là, il prévoit ce que l’utilisateur va écrire pour pouvoir l’orienter vers le résultat qui aura le plus de réponses.
Votre site web devrait orienter les utilisateurs vers un chemin sans erreur (tout en leur laissant autant d'autonomie que possible, bien sûr).
Les dates de péremption des aliments fonctionnent de cette manière : les utilisateurs - ou les consommateurs, ici - peuvent très bien ouvrir un article périmé. Mais les dates de péremption imprimées nous donnent des informations qui nous aident à éviter de faire l’erreur au départ. Le fait d'orienter les utilisateurs vers les erreurs permet d'éviter de devoir limiter les dégâts par la suite (voir la leçon 9 pour plus de détails).
Ne supposez jamais que votre utilisateur évitera de lui-même de faire des erreurs ou qu'il saura comment faire quelque chose correctement la première (ou la deuxième, ou la troisième !) fois. Utilisez la transparence, le langage du monde réel et la cohérence du système pour guider vos utilisateurs vers le succès.
Dana Chisnell nous dit : Vous voulez que vos utilisateurs tombent amoureux de vos créations ? Tomber amoureux de vos utilisateurs
. Votre stratégie doit être centrée sur le client et rendre le parcours du client aussi simple et intuitif que possible.
Chaque interface a ses propres objectifs uniques à atteindre ; assurez-vous que votre prévention des erreurs est conçue pour votre système spécifique et pour vos objectifs particuliers.
Vous trouverez ci-dessous une vidéo YouTube de deux minutes qui explique de manière graphique et simplifiée le fonctionnement de la première heuristique
NNGroup, 3 Mai 2019, Usability Heuristic 6: Recognition vs. Recall in User Interfaces :
Nous abordons maintenant le septième critère. Appelé "Reconnaître le client plutôt que s’en souvenir", ce critère est défini comme suit :
"Minimiser la charge mentale de l'utilisateur en rendant les objets, les actions et les options visibles. L'utilisateur ne devrait pas avoir à se souvenir d'informations d'une partie du dialogue à l'autre. Les instructions d'utilisation du système devraient être visibles ou facilement accessibles chaque fois que cela est nécessaire".
Cela revient à alléger la charge cognitive requise pour l'utilisation d'un site web.
Les utilisateurs doivent être capables de reconnaître ce qu'ils peuvent et sont censés faire sur un site plutôt que de se souvenir de la façon d'utiliser votre interface en fonction d'indices. Nous savons tous comment ouvrir et fermer une porte, mais les portes des espaces publics sont néanmoins étiquetées "à pousser", "à tirer" ou "automatiques" pour alléger le cadre cognitif de l'utilisateur et lui indiquer précisément comment utiliser cette porte.
Lors d'achats en ligne, c'est la reconnaissance plutôt que le rappel qui dicte que nous n'avons pas besoin de mémoriser ni d'écrire les numéros de produits pour le commerce électronique ; toutes les informations importantes sont présentées sur chaque écran.
L'utilisation de supports visuels est un autre moyen efficace de se conformer à cette règle de convivialité. Par exemple, les éditeurs de texte pré-visualisant les différentes typographies dans le menu des polices de manière à ce que vous n'ayez pas besoin de vous rappeler à quoi ressemble celle que vous souhaitez sélectionner.
Accompagnez vos utilisateurs au maximum, assistez jusqu’au bout dans leurs expériences de navigation sur votre site web : Les liens cliquables doivent être étiquetés comme tels - ne comptez pas sur le fait que les gens doivent se rappeler à quoi ressemble un objet cliquable pour pouvoir faire cette action.
Vous trouverez ci-dessous une vidéo YouTube de deux minutes qui explique de manière graphique et simplifiée le fonctionnement de la première heuristique.
NNGroup, 16 Aout 2019, Usability Heuristic 7: Flexibility and Efficiency of Use :
Nous allons maintenant discuter de la 8eme ligne directrice de Nielsen : "Flexibilité et Efficacité d'Utilisation". Selon le grand manitou lui-même, cette heuristique signifie que :
"Les accélérateurs - non vus par l'utilisateur novice - peuvent souvent accélérer l'interaction pour l'utilisateur expert de sorte que le système peut répondre aux besoins des utilisateurs tant inexpérimentés qu’expérimentés.”
Nous avons tous appris que "cntrl/cmd + c" copie les informations et en appuyant sur "v" avec la touche contrôle/commande et collent les mêmes données. Pour Nielsen, la possibilité d'effectuer des actions communes plus rapidement et en moins d'étapes signifie que les interfaces peuvent répondre à différents niveaux de complexité pour les utilisateurs. Alors qu'un novice peut préférer localiser l'action "copier" dans le menu fichier, un utilisateur plus expérimenté peut contourner l'accès au menu par des raccourcis clavier.
Capian ayant été conçu à partir de zéro, le temps gagné grâce aux accélérateurs du système, ou raccourcis s'est avéré inestimable. Comme les raccourcis peuvent être personnalisés avec de nombreuses interfaces, des tâches encore plus obscures ont été rendues rapidement grâce à cette heuristique.
Un aspect de la flexibilité pour ce critère fait référence à la capacité d'un système à s'adapter à la variabilité de l'utilisateur et à la corriger. Lors de la saisie d'un numéro de téléphone dans un formulaire, un système devrait idéalement reconnaître toutes les variantes suivantes comme valables : (123)456-7891, 123-456-7891, 1234567891, 123.456.7891, etc.
Et bien que vous puissiez spécifier un certain format de numéro de téléphone comme méthode de prévention des erreurs, la prédominance de différentes manières de transmettre les mêmes informations que pour les numéros de téléphone répond davantage à la flexibilité du système qu'à la nécessité de demander à l'utilisateur d'adapter son propre système au vôtre.
Parfois, souplesse et efficacité d'utilisation ne signifient pas que votre utilisateur doit décider d'appuyer sur certaines touches de l'ordinateur pour sauter la navigation dans le menu. La fonction de commande "One-Click" d'Amazon est un bon exemple de raccourci intégré dans l'interface. Les raccourcis peuvent être visibles par tous les utilisateurs, et non pas seulement une méthode cachée disponible pour ceux qui en ont connaissance.
Quelles actions courantes de votre site web ou interface pourraient être simplifiées grâce aux accélérateurs ? Comment vos utilisateurs les plus avancés pourraient-ils bénéficier des raccourcis ?
Vous trouverez ci-dessous une vidéo YouTube de deux minutes qui explique de manière graphique et simplifiée le fonctionnement de la première heuristique.
NNGroup, 20 Septembre 2019, Usability Heuristic 8: Aesthetic and Minimalist Design :
Jusqu'à présent, nous avons couvert les aspects construits par le système ou autrement dit le fond du problème. Maintenant, nous allons prendre du recul et aborder le problème dans son ensemble : la conception globale du site.
Nielsen appelle cette 9e règle "Conception Esthétique et Minimaliste". Pour lui, cela signifie que :
"Les dialogues ne doivent pas contenir d'informations qui ne sont pas pertinentes ou qui sont rarement nécessaires. Chaque unité d'information supplémentaire dans un dialogue entre en concurrence avec les unités d'information pertinentes et diminue leur visibilité relative.
Tout ce qui se trouve sur votre site doit être présent pour une raison spécifique. L'attention des utilisateurs étant limitée, chaque centimètre carré de votre interface doit avoir un effet positif sur l'utilisateur et le rapprocher de vos objectifs commerciaux.
Une bonne conception graphique peut avoir un impact énorme sur votre site (outre un contenu de qualité, bien sûr !). Les tendances actuelles conduisent de plus en plus vers le minimalisme. Les utilisateurs ne veulent pas avoir à chercher l'information dont ils ont besoin dans des pages web visuellement chargées.
Essayez de concevoir votre site de manière hiérarchique, c'est-à-dire en plaçant le contenu le plus important en haut d'une page, avec des informations plus détaillées en bas. N'essayez pas d'entasser chaque détail dans un coin de votre interface, mais permettez plutôt aux utilisateurs de faire défiler ou de naviguer vers d'autres pages du site s'ils ont besoin d'informations supplémentaires sur un produit ou un service.
N'oubliez pas les icônes et les autres caractéristiques de navigation lorsque vous vérifiez votre site pour un design esthétique et minimaliste. Les icônes utilisent le moins de détails possible pour transmettre un concept clair. De même, essayez d'envisager les éléments visuels et linguistiques de votre site comme tels - combien pouvez-vous désencombrer sans perdre le sens ?
Un design minimaliste différent peut s'appliquer à différents types d'interfaces également. Les petits écrans des téléphones portables nécessitent beaucoup plus de commandes jumelées. Associez un design réactif à cette perspective minimaliste pour obtenir des résultats optimaux.
Quelles "unités d'information" pouvez-vous supprimer de votre site au nom du minimalisme sans affecter le message que votre utilisateur doit recevoir ?
Vous trouverez ci-dessous une vidéo YouTube de deux minutes qui explique de manière graphique et simplifiée le fonctionnement de la première heuristique.
NNGroup, 27 septembre 2019, Usability Heuristic 9: Help Users Recognize, Diagnose and Recover from Error :
La dernière ligne directrice - mais certainement pas la moindre - donnée par Nielsen est "Aide et Documentation :
"Même s'il est préférable que le système puisse être utilisé sans documentation, il peut être nécessaire de fournir de l'aide et de la documentation. Toute information de ce type doit être facile à rechercher, centrée sur la tâche de l'utilisateur, énumérer les étapes concrètes à suivre et ne pas être trop volumineuse"
Il est facile de créer une page "Aide" ou "FAQ" et de la placer sur un site. Nielsen, cependant, nous met au défi d'intégrer l'aide à travers une interface afin de faciliter l'utilisation.
Ne vous méprenez pas, une page de FAQ peut traiter de nombreux problèmes d”utilisabilité et aider énormément les utilisateurs. Mais assurez-vous que vos utilisateurs peuvent interagir avec l' "aide" à tout moment sans avoir à quitter la page où ils se trouvent pour aller sur la page de la FAQ.
Il est important de noter que votre page FAQ doit être flexible pour reconnaître les différents termes et doit éviter les mots complexes, utilisés des mots génériques que tout le monde comprendras; quelqu'un qui cherche comment "insérer" un tableau ou un graphique dans un document pourrait chercher à "ajouter un tableau", par exemple.
Comme tous les aspects, tous les sites et tous les utilisateurs n'auront pas besoin d'accéder à cette aide, elle doit être cachée, mais facilement accessible. Pensez au fameux trombone d'aide de Microsoft. Si vous avez besoin de lui, il est là ! Si vous avez tout prévu, il n'interfère pas dans votre flux de travail.
Comme la majorité des utilisateurs sont des apprenants visuels, votre aide sera beaucoup plus efficace si vous utilisez des vidéos ou des démonstrations pour instruire les gens. Et comme les gens ont tendance à consulter les pages d'aide après être devenus frustrés, écrivez en pensant à ce client ! Soulagez la tension de la situation et aidez-les à résoudre la situation facilement.
Vous pouvez également tirer parti des tests d'utilisateurs pour voir où les utilisateurs ont besoin d'informations supplémentaires pour atteindre les objectifs de votre site.
Ce fut un plaisir de travailler ensemble sur ces 10 critères. Une liste concise des heuristiques d'utilisation de Nielsen avec des descriptions est disponible dans Capian pour référence future !
L'apprentissage ne s'arrête jamais et l'utilisabilité n'est pas statique - restez en contact avec nous si vous avez des questions sur ces critères ou pour partager vos réussites ! Nous serions ravis d'avoir de vos nouvelles.
Vous trouverez ci-dessous une vidéo YouTube de deux minutes qui explique de manière graphique et simplifiée le fonctionnement de la première heuristique.
NNGroup, 27 septembre 2019, Usability Heuristic 10: Help & Documentation :
Félicitations une fois de plus pour avoir terminé ce cours Capian sur les 10 caractéristiques d'utilisabilité de Jakob Nielsen ! Nous espérons que vous avez pu penser à votre site de différentes manières et que vous vous êtes mis au défi, ainsi que votre équipe, d'utiliser ces critères scientifiquement fondés pour rendre votre interface plus utilisable.
Il peut être difficile de comprendre l'ampleur des changements que vous avez apportés à votre site depuis le premier critère, après avoir fait de petits pas pour arriver à la fin.
C'est pourquoi nous vous mettons au défi de prendre des captures d'écran de votre nouveau site. Comparez-les avec les captures que vous avez faites le premier jour, lorsque nous avons commencé. Partagez-le avant après avec nous sur les médias sociaux en utilisant #CapianChallenge - nous aimerions voir l'impact du cours sur votre site !