mardi, février 14, 2006

Ergonomie : les indicateurs

L'indication
L’indication, comme son nom l’indique, doit indiquer des informations à l’utilisateur sur ce qui se passe à l’écran.

Dans la plupart des cas, les indicateurs peuvent aider l’internaute dans sa démarche navigationnelle. La navigation peut indiquer à l’utilisateur où il se trouve, mais cela se passe de façon informelle. L’indicateur, lui, doit remplir pleinement ce rôle.

Pour résumer, on peut définir quatre fonctions principales à l’indicateur :
- Orienter l’utilisateur
- Aider l’utilisateur
- Donner de l’information sur la position de l’utilisateur
- Donner de l’information sur un contenu présent à l’écran

Les rôles des indicateurs
On peut regrouper les indicateurs en trois catégories en fonction de leur rôle :

Indicateurs de progression
Cela englobe les barres de chargements pour des applications de type flash, de type director ou encore les jeux vidéos.

Indicateurs d’état
Ce sont surtout les curseurs qui montrent que la machine est en train d’effectuer une action. Ceux-ci apparaissent souvent à la suite d’une action de la part de l’utilisateur. Ces indicateurs peuvent donc servir à donner un feed-back.

Indicateurs de position
Ceux-ci peuvent avoir la forme d’un fil d’Ariane qui permettra à l’utilisateur de savoir le chemin qu’il a parcouru. On peut aussi compter les indicateurs textes de type « 1/12 ».


Les différentes formes d’indicateurs
Les indicateurs, selon leurs formes, véhiculent des informations différentes et doivent être utilisés dans des contextes précis.

Les indicateurs numérologiques


1/13
Ce type d’indicateur sert à montrer à l’utilisateur le chemin qu’il a parcouru et ce qui lui reste à parcourir. Cet indicateur ne sert aucunement à la navigation, mais il donne une idée de ce qui est consulté et de ce qu’il reste à consulter. Il est souvent utilisé dans les présentations de type PowerPoint.

Ce second type d’indicateur de forme numérologique sert à donner le nombre de résultats d’une recherche effectuée sur le site Google. Le chiffre en rouge sert à donner la position de l’utilisateur par rapport au nombre total de pages. Par soucis d’esthétisme seulement dix pages de résultats sont affichés, mais l’utilisateur peut cliquer sur « suivant » pour accéder aux dix pages suivantes. Cet indicateur joue un rôle important dans la navigation dans la mesure où il constitue le seul moyen, pour l’utilisateur, d’aller aux pages suivantes. Graphiquement, le numéro, correspondant aux pages suivantes, est souligné. Cela reprend la norme des hyperliens sur les sites Internet. Cependant, on a ici deux éléments qui servent à effectuer la même opération car l’utilisateur peut cliquer sur les lettres du mot « Google » pour naviguer à travers les pages.
Les indicateurs textuels

Cet indicateur est appelé fil d’Ariane. Il donne à l’utilisateur le chemin qu’il a parcouru ainsi que l’endroit où il est actuellement. Pour différencier les différents modules du site visités, le texte a été séparé par le symbole « / ». Celui-ci est facile à reconnaître pour l’utilisateur dans la mesure où c’est le symbole utilisé dans Windows pour identifier les différentes parties du chemin parcouru. L’indicateur ci-dessus se lit de gauche à droite, la partie la plus à gauche étant la partie la plus anciennement visitée. Pour que l’utilisateur s’y retrouve plus vite, le module dans lequel il se trouve, est de couleur blanche ce qui fait un contraste avec le reste du site. Cet indicateur sert pour la navigation car il permet de revenir en arrière dans le cas où l’on aurait fait une erreur de clic ou si le contenu n’est pas celui attendu lors du clic.
Les indicateurs graphiques
-Pictos

Ce type d’indicateur permet d’exprimer une fonction ou action à effectuer à travers un symbole ou une illustration. Dans l’exemple ci-dessus, ce picto a été utilisé dans un jeu. Il sert à indiquer que l’utilisateur peut encore effectuer 2 sauts. Dans le cas présent, on a ajouter un numéro, mais l’on aurait aussi bien pu doubler ce picto, procédé souvent utilisé dans les jeux vidéo pour symboliser le nombre de vies qu’il reste au joueur.
-Barres de chargement

Les barres de chargements, tout comme l’indicateur de type numérologique vu ci-dessus, servent à montrer à l’utilisateur l’état d’avancement d’une opération ou d’un traitement. Le problème est que cet indicateur n’est pas très précis, il est difficile de pouvoir quantifier l’état du traitement. C’est pour cela qu’on retrouve souvent un pourcentage qui permet de rendre cet outil plus pratique. Mais on peut se demander s’il n’y a pas double emploi dans la mesure où dans ce cas-là, il est toujours pertinent de garder la barre de chargement.
-Indicateurs d’attente

Cet indicateur sert avant tout à donner un feed-back à l’utilisateur. Il apparaît lorsque l’on effectue une opération sur la machine. Le plus souvent il s’agit d’une petite animation très simple qui tourne en boucle. Le principal défaut de cet indicateur est qu’il ne donne pas d’informations d’avancement sur la progression de l’opération que l’ordinateur est en train d’effectuer.
Voila, j'espère que ce post vous aidera à y voir plus clair dans l'utilisation des indicateurs, toutes vos remarques sont les bienvenues.

7 Commentaires:

Blogger Patrice Thiriez dit...

Bon, alors Damien, je te mets à l'essai : tu recommandes quoi en ergonomie pour Assurland ?
;-)

13:54  
Blogger Damien dit...

je vais y jeter un coup d'oeil et je te reponds tres bientot

19:27  
Blogger Damien dit...

Bon ca y est j'ai eu le temps de jeter un coup d'oeil, il ne faut pas prendre ce que je vais dire a la lettre car je ne connais pas vos objectifs, votre strategie et votre public cible en détail.

- J'aime beaucoup le bandeau, la premiere image pour l'identification à l'utilisateur, la seconde pour la sérénité et la derniere pour "je vais voir plus loin"

- par contre je mettrais une réserve sur la forme du contenu, je trouve que le design est trop différent du bandeau, il y a un petit manque de cohérence, on a l'impression que la page est appelée dans une frame :)

- Dans les plus, je mettrais l'aide dans les formulaires et les formats indiqués pour les dates. Par contre un petit bug dans le script d'obtention du permis de conduire.

Apres une recherche plus poussée, le probleme vient du fait que la date d'obtention du permis ne prend que le mois et l'année ex:07/1999, mais le script comprend 01/07/1999, dans mon cas je suis né le 02/07/1981 et l'obtention de mon permis est le 06/07/1999 mais comme je n'ai pas la possibilité de rentrer le 06 il comprend le 01 et donc j'ai un message d'erreur comme quoi je n'ai pas 18 ans.

- Concernant le menu, le systeme des onglets est tres bien, mais je les agrandirais un peu car ils sont vraiments petits. Je retirerais aussi "premiere visite" et je l'inclurais dans la home avec un maximum de visibilité.

- Sur la home je trouve que le changement d'image est trop rapide, l'oeil est attiré et donc detourné du principal. Je favorisarai un fade in/out ou un changement moins rapide.

- Le contenu est sous forme de bloc, je trouve ca un peu trop massif, et les courbes tranchent un peu trop avec le coté plus droit du bandeau. Parfois un trait suffit à délimiter des parties, c'est plus ligth, plus "class" et beaucoup plus facile à intégrer.

- Dans certaines pages on dirait qu'il y a deux footers, car fait beaucoup d'informations et les gens ne prendront pas la peine de les lire.

- J'aime la cohérence des boutons rouges, on ne se pose pas la questions de savoir ou sont les boutons. Par contre, ils sont moins efficaces, moins lisibles lors de la fin de la comparaison quand ils sont cote a cote.

- Il y a des indicateurs de progression c'est tres bien, surtout quand il y a plusieures parties dans le formulaire

-Enfin dernier point pour accrocher l'utilisateur : etre plus incitatif, car sur la home je n'arrive pas à répondre à la question : pourquoi utiliser un comparateur.

Donc voila pour un petit tour d'horizon.

15:10  
Blogger Damien dit...

ah oui j'oubliais un autre point. Le fil d'ariane situé tout en haut a gauche n'est pas tres visible, je me suis rendu compte de sa présence au bout de 10 mins :o)

18:22  
Blogger Patrice Thiriez dit...

Je prends bonne note... je regadre tout ca plus en détail...

Merci en tous cas !

22:16  
Blogger Patrice Thiriez dit...

Je te répondrai par mail... :-)

22:20  
Blogger Damien dit...

sans problemes :)

22:50  

Enregistrer un commentaire

Liens :

Créer un lien

<< Page principale