Le Web et les utilisateurs : une histoire d’ergonomie

Le but premier d’un site Web a toujours été de fournir de l’information, mais ce but est-il toujours atteint, et de quel manière ?

C’est à ce niveau qu’entre en jeu l’ergonomie. Ergonomie, mot d’origine grecque  venant de “ergon” (travail) et “nomos” (règles) peut être très simplement résumé en une succession de règles simples ayant pour but de simplifier le travail de l’utilisateur.
Bien entendu, ce terme n’est pas spécifique à l’informatique et on le retrouve dans tous les corps de métiers ayant un rapport avec la conception, qui dans le cas du Web, concerne les interfaces.

L’ergonomie des interfaces

• Qu’est ce qu’une interface ?

  En informatique, une interface est un dispositif qui permet l’interaction entre l’homme et la machine. On distingue deux types principaux d’interfaces : celles d’acquisition (clavier, souris, lecteur, …) et celles de restitution (écran, haut-parleurs, …).

• Quel est le but de l’ergonomie des interfaces ?

  L’ergonomie des interfaces à pour but la simplification des interactions entre l’homme et la machine. Par définition, une interface ergonomique est une interface utile, facilement utilisable et qui donne satisfaction à son utilisateur.
  Par extension, les deux valeurs principales de l’ergonomie sont l’utilité (qui se caractérise par la fonction qu’un objet remplit pour satisfaire une activité humaine) et l’utilisabilité ou usabilité (qui détermine la facilité d’emploi de cet objet).

L’ergonomie des sites Web

L’ergonomie des sites Web est une part de l’ergonomie des interfaces. Elle répond donc aux mêmes caractéristiques que cette dernière.

Il faut savoir que la lecture sur le Web est plus fatigante, pénible et lente que celle sur support papier. C’est pourquoi la majorité des internautes ne lisent pas le contenu d’un site en entier, mot à mot, mais le survolent, à la recherche d’informations précises.

On comprend donc que l’objectif du développeur n’est pas de faire de la littérature pour captiver son “auditoire” mais bien de proposer l’information recherchée, et ceci rapidement. Si cette condition n’est pas remplie, l’utilisateur peut se diriger vers un autre site peut-être plus pauvre en contenu mais plus rapide et mettant mieux en valeur l’information recherchée.

Le but de l’ergonomie Web est donc de permettre à l’utilisateur d’arriver à ses fins, et également lui permettre de le faire rapidement et sans erreur.

L’ergonomie, un problème de perception : l’exemple du code couleur

Prenons un site Web avec un panier, type e-commerce. Imaginons un bouton avec un panier rouge et sans texte. Imaginons un second bouton avec une croix verte et sans texte. Ces deux boutons ne sont pas présents sur la même page.

Ce site va dérouter les utilisateurs novices : l’interprétation mentale du rouge est contraire à l’action que l’on veut associer au bouton (ajouter au panier), et il en est de même pour le bouton vert (supprimer un article du panier). Le rouge, dans l’inconscient, correspond plus à la suppression et le vert à la validation.
Sans texte explicatif, il est probable que l’utilisateur soit perturbé dans son cheminement (multiplication du nombre d’étapes) et peut être amené à effectuer une action qu’il ne souhaitait pas (multiplication du nombre d’erreurs possibles).

Il faut donc être très attentif au code couleur utilisé, surtout lors de l’association du code à une action utilisateur.

Ergonomie et conception, les critères

Il existe plusieurs critères que l’on peut mettre en place pour assurer à l’utilisateur une utilisation efficace (les critères de Scapin & Bastien) :

• le guidage : inciter l’utilisateur à effectuer des actions spécifiques
• la limitation de la charge de travail : réduire la charge perceptive des utilisateurs et limiter les étapes lors d’un processus
• le contrôle explicite : l’utilisateur doit comprendre ce qu’il fait avant de lancer une opération
• l’adaptabilité (moindre sur les sites Web) : l’utilisateur doit pouvoir personnaliser son interface
  exemple : modification de la taille de la police de caractères
• la gestion des erreurs : éviter (ou au moins réduire) les cas susceptibles de provoquer une erreur, et offrir à l’utilisateur de corriger ses erreurs
  
• l’homogénéité : la structure globale ainsi que les structures spécifiques doivent être identiques pour des actions identiques
  
• la signifiance des codes : respecter l’adéquation entre les codes et leur signification
• la compatibilité

Si la plupart de ces critères sont respectés, l’expérience Web de l’utilisateur sur votre site restera pour lui un bon souvenir et il aura plus tendance à y revenir. L’ergonomie, pensez-y !