Utilisabilité et ergonomie

Introduction

L’utilisabilité ou usabilité est définie par la norme ISO 9241-11 comme « le degré selon lequel un produit peut être utilisé, par des utilisateurs identifiés, pour atteindre des buts définis avec efficacité, efficience et satisfaction, dans un contexte d’utilisation spécifié » (définition Wikipédia). On nomme ergonomie « l’étude scientifique de la relation entre l’homme et ses moyens, méthodes et milieux de travail » et l’application de ces connaissances à la conception de systèmes « qui puissent être utilisés avec le maximum de confort, de sécurité et d’efficacité par le plus grand nombre. »

Ergonomie et Utilisabilité sur le web

Illustration Shutterstock

Les critères de l’utilisabilité sont :

Dans cet article, nous allons explorer quelques-une des règles à suivre pour améliorer l’ergonomie d’un site web.

Typographie

Sur le web, la manière d’agencer l’information est très différente du format imprimé. Il faut des messages clairs et efficaces. Il est important de captiver rapidement l’oeil de l’utilisateur. C’est à la mise en page que revient la tâche de rendre l’information clairement identifiable mais c’est la typographie qui va rendre l’information lisible. Voici quelques critères qui permettent d’obtenir un bon niveau de lisibilité :

Pour améliorer la typographie d’un site, il existe de nombreux frameworks CSS. Citons notamment Blueprint, BaselineCSS, Atatonic et enfin le petit dernier, Gridless.

Couleurs et contraste

Le contraste des couleurs est directement lié à l’esthétique et à la typographie. L’utilisation d’un texte noir sur fond blanc (ou vice-versa) peut rendre le contenu pénible à lire. Ajouter à cela, la part d’utilisateurs daltoniens (10% des hommes) et vous comprendrez que le choix des couleurs pour un site n’est pas si évident. Heureusement, Pour tester les contrastes, vous trouverez différents outils pour vous aider à convenir à un large public :

Globalement, vous éviterez de choisir des couleurs qui sont similaires en terme de luminosité, comme avoir un gris clair sur fond blanc. Enfin, bannissez la distinction des boutons d’action au seul paramètre de la couleur.

Navigation

La navigation est sans doute l’élément le plus important d’un site web. Il indique à l’utilisateur où il est et où aller. Un menu de navigation efficace doit immédiatement indiquer à l’utilisateur comment il doit procéder s’il veut passer à une autre URL. Voici comment améliorer la convivialité de la navigation :

Des outils simples et des listes de contrôle

Les tests d’utilisabilité évaluent l’efficacité de l’ergonomie du site web. Afin d’améliorer son site web, il est essentiel de savoir ce qui peut être amélioré et il faut savoir comment les utilisateurs interagissent avec le site. Voici une liste d’outils qui peut fournir ces tests d’utilisabilité :

Conclusion

L’Internet évolue très vite, et la tentative de créer des sites web uniques peut vraiment mener la vie dure à l’utilisateur final. La tentation de vouloir réinventer la roue peut rendre chaotique la navigation dans un site. Repousser les limites du webdesign est une chose, créer une interface user-friendly et rapidement compréhensible en est une autre. Il ne faut pas perdre de vue que l’utilisateur consulte plusieurs dizaines de sites par jour sinon plus… Le temps passé sur chacune des pages de ces sites est très réduit. Bien souvent, il ne lit pas, il survole. S’il ne prends pas le temps de décrypter le contenu d’un site, pensez-vous vraiment qu’il en prendra à étudier votre système de navigation ultra-novateur ? Attention, il ne s’agit pas ici d’un refus de la modernité ! Bien au contraire ! Allier la modernité des nouvelles technologies à une ergonomie maîtrisée est un défi qui s’offre à vous pour les projets à venir. Il existe un certain nombre d’ouvrages dédiés à l’ergonomie web et à l’accessibilité et il est parfois difficile de s’y retrouver. Même si le web évolue à une vitesse impressionnante, les principes d’ergonomie restent sensiblement les mêmes au fil des années. Disposer d’ouvrages de référence pour aborder vos prochains projets vous sera bénéfique. Voici quelques livres qui vont vous aider à progresser sur l’ergonomie et l’accessibilité de vos sites web :

Cet article a déjà fait l’objet d’une parution sur le Webdesign Magazine