Les 12 règles de l’ergonomie, tu appliqueras…
Voici les 12 règles de l’ergonomie ou les tables de la loi de tout designer UX chez Kryzalid!
1. L’information, grâce à l’architecture, tu organiseras
C’est le menu de votre site qui va permettre d’organiser au mieux les informations. Pour y parvenir, il faut regrouper les éléments de façon logique et les structurer selon les contenus clés afin d’aider l’internaute dans sa navigation. Les intitulés des pages doivent respecter 3 critères :
- le sens : l’utilisateur doit comprendre facilement le contenu qu’il va trouver,
- la complémentarité : les contenus doivent s’articuler les uns avec les autres,
- l’exclusivité : ou comment faciliter le choix de l’internaute entre 2 possibilités.
2. À l’organisation visuelle des pages, tu veilleras
Une des règles de l’ergonomie concerne l’optimisation de l’organisation et la hiérarchie visuelle. Souvenez-vous, dans un précédent article, nous vous avions présenté la théorie de Gestalt selon laquelle il faut respecter les principes de proximité et de similarité, différencier les éléments et prévoir plusieurs niveaux de lecture.
Dans un second temps, il est toujours préférable d’éviter un trop plein d’informations. C’est pourquoi il sera plus efficace d’afficher seulement les principaux éléments de navigation et de réduire le nombre d’images ou d’animations.
3. À la cohérence du site, tu apporteras la plus grande attention
Un site web doit aider les utilisateurs à naviguer de la façon la plus efficiente possible. C’est pourquoi il faut tout mettre en œuvre pour atteindre une certaine cohérence : en conservant le même ordre de présentation des informations d’une page à l’autre, en utilisant le même vocabulaire et les mêmes icônes, les mêmes formats de présentation, etc.
4. Aux conventions de l’internaute, tu t’adapteras
En ergonomie, il faut toujours penser à concevoir une solution parfaitement adaptée à l’internaute, et souvent, cela signifie respecter certaines conventions! Par exemple, il est d’usage de placer le logo en haut à gauche de l’écran, le panier en haut à droite, etc. Le vocabulaire employé est aussi très important : les termes « accueil », « contact » ont tout de suite un sens pour l’utilisateur. Il en est de même pour les objets d’interaction et les codes couleurs.
5. Toute l’information et au bon moment, tu donneras
L’internaute doit avoir accès à toute l’information dont il a besoin quand il en a besoin : du texte pour l’aider dans sa prise de décision, des éléments visuels pour le guider dans sa navigation, etc. Il faut aussi bien faire attention à ne pas supprimer des informations importantes comme le prix d’un article une fois dans le panier. De même, l’information doit être donnée au moment le plus opportun : il n’y a rien de plus agaçant que de devoir créer un compte pour connaitre les frais de livraison alors qu’on aurait pu le faire avant!
6. Chaque élément, minutieusement, tu choisiras
La compréhension est essentielle sur un site web. C’est pour cette raison qu’il faut veiller à ne pas utiliser seulement des icônes, à choisir un vocabulaire précis et orienté utilisateur, parfaitement compréhensible. Souvent d’ailleurs, il vaut mieux opter pour des termes conventionnels qui vont éviter toute ambiguïté.
7. Pas à pas, l’utilisateur, tu guideras
Sur un site web, l’utilisateur doit en permanence être dirigé et aidé. Il faut donc veiller à bien organiser les différents éléments pour qu’ils soient parfaitement visibles, mettre en évidence ce qui est cliquable, les champs de saisie, etc. Et surtout faire attention à ce que rien ne soit compris de travers!
8. À anticiper les erreurs de l’utilisateur, tu penseras
L’internaute est un être humain et il peut donc se tromper! Pour gérer ses erreurs potentielles, on peut par exemple, dans un formulaire :
- indiquer les champs obligatoires,
- donner des libellés clairs pour éviter toute confusion,
- bien calibrer la taille des champs à remplir,
- distinguer certains boutons comme « annuler » et « soumettre »,
- demander une confirmation avant toute action d’annulation, etc.
Enfin, tout message d’erreur doit être expliqué et facilement repérable, tout en restant courtois pour ne pas vexer l’utilisateur!
9. À aller droit au but, l’utilisateur, tu aideras
Gardez bien à l’esprit qu’un internaute est toujours pressé et qu’il n’a pas de temps à perdre! Souvenez-vous de la loi de Fitts : les éléments cliquables doivent être assez gros et proches pour être facilement atteints. De même, il faut penser à réduire le nombre de clics nécessaires pour aboutir à une action. Et enfin, il est toujours judicieux de proposer des réponses suggérées pour faire gagner du temps à l’utilisateur et lui faciliter la vie.
10. La liberté de l’utilisateur, tu respecteras
Il n’y a rien de plus pénible qu’une musique qui démarre alors qu’on ne l’a pas demandé, que de devoir créer un compte pour utiliser un service alors que l’on en a pas envie… Sur un site web, l’utilisateur doit conserver sa liberté. Alors mieux vaut éviter toute intrusion comme les cases cochées par défaut, les pop-up qui s’ouvrent sans qu’on ait rien demandé ou encore les pubs qu’on ne peut pas passer avant le début d’une vidéo.
11. L’accessibilité pour tous, tu mettras à l’honneur
L’accessibilité revêt plusieurs aspects :
- l’accessibilité visuelle : en jouant sur les contrastes entre le fond et les caractères, la lisibilité des textes, la typo, la graisse ou encore l’interlignage.
- l’accessibilité technologique : en tenant compte des différents systèmes d’exploitation, des tailles et résolutions des écrans, des plateformes de consultation.
- l’accessibilité selon le handicap : grâce à des outils comme Web Disability Simulator permettant de voir comment les personnes atteintes de certains handicaps perçoivent votre site web.
12. Satisfaire l’utilisateur, tu auras réussi!
Si les 11 règles de l’ergonomie que nous venons de vous présenter sont appliquées correctement, vos utilisateurs seront alors satisfaits et c’est ça qui compte le plus chez Kryzalid! Un utilisateur satisfait car il a trouvé ce qu’il était venu chercher, il a vécu une expérience agréable, il a évolué dans un design aussi esthétique qu’efficace et il a apprécié la fiabilité technique de votre site web. Alors, prêt à lancer votre projet de conception web? Contactez-nous, nous serons ravis de vous accompagner à chaque étape!
