L’utilisation d’images dans la navigation (menu) d’un site est très difficile à accomplir de façon efficace; les gens ont beaucoup plus tendance à regarder le texte en premier, plutôt que les images. Les images qui ressemblent à de la publicité ou qui ont un aspect purement décoratif sont souvent ignorées. Jakob Nielsen, leader dans la recherche sur l’utilisabilité, a fait une étude (anglais) sur les mouvements des yeux des gens lorsqu’ils naviguent une page web. Voici ses conclusions concernant les images vs le texte :

Le texte attire davantage l’attention que les graphiques
Les endroits où les gens fixent les yeux sur une page consistaient d’images dans seulement 22% des cas; la plupart du temps (78%), les gens allaient directement vers le texte. En général, les utilisateurs étaient attirés par les titres, les sommaires d’article et les légendes. Ils n’ont souvent regardé les images que lors de leur deuxième ou troisième visite sur la page. (trad. libre)

Dans la capture d’écran ci-dessous, devinez quelles images sont des liens :

Voici la même page, les images avec hyperliens entourées de rouge :

Les cinq images du bas sont non seulement des liens, elles représentent le seul moyen direct de se rendre à de l’information très importante, respectivement : pour les hommes, pour les femmes, à propos des enfants, de la santé sexuelle et de la santé mentale. Puisqu’on ne peut pas déterminer si ces photos sont des liens (et parce qu’elles sont situées tout en bas de la page), il est peu probable qu’on clique dessus.

Ce genre de problème est si fréquent qu’on lui a donné un nom : « navigation mystère » (anglais) (« Mystery Meat Navigation »). L’encyclopédie Wikipedia le définit comme suit :

La navigation mystère est un terme utilisé pour décrire des interfaces (particulièrement dans le cas de sites web) qui n’indiquent pas clairement où mènent les liens et, dans les pires cas, où il est très difficile de déterminer où se trouvent les hyperliens sur la page. (trad.libre)

Sur le site montré en exemple, la navigation pourrait être sensiblement améliorée en :

1. Réduisant la taille de l’énorme photo du haut de la page; elle prend beaucoup de place et ne représente pas une section-clé;
2. Repositionnant l’information importante en haut de la page;
3. Combinant le texte avec les images (par exemple, en ajoutant une description sous chaque photo).

Pour plus d’information :

• Usability drawbacks of image based navigation systems (www.nirdagan.ca) (anglais)