005 - Menu de gauche vertical standard

Grand classique de navigation, le menu de gauche vertical reste une valeur sûre.

Note 4/5, coût 1/5, accessibilité 5/5

Pour qui ?
Principalement utilisé par les sites de PME, les sites institutionnels et ceux ayant beaucoup de contenus, trop de contenus pour utiliser une navigation horizontale (navigation 002).

Le menu de gauche, vertical non déroulant, affiche les liens vers les catégories de niveau 1, 2 et parfois 3 dans la colonne de gauche du site. Cette navigation est particulièrement évolutive. Vous pouvez ajouter et supprimer autant de rubriques que vous le voulez.

Trucs de designer
Idéal pour un découpage en 3 colonnes de la page. À gauche, la navigation linéaire, au centre le contenu, à droite la navigation transversale.
Le contenu n’est donc pas collé à la gauche du navigateur, ce qui facilite la lecture. Ne dépassez pas 80 caractères par
ligne dans la colonne de contenu. Si les lignes de contenu sont trop longues, il est difficile pour l’oeil de suivre une ligne jusqu’à la fin.

Les libellés des liens doivent être courts et explicites.

Affichez strictement le même menu dans toutes les pages du site. Les habitués d’un site utilisent beaucoup les liens de cette navigation car ils savent où ils veulent aller et aiment les trouver toujours au même endroit.

Pour donner aux internautes ce qu’ils
veulent, il suffit de les écouter
Demandez à quelques utilisateurs types, pourquoi ils viennent sur le site. Les réponses sont généralement simplissimes.
Libellez vos liens de leurs réponses. Exemple : Trouver revendeur…

Cassez la monotonie qu’ils peuvent facilement susciter.Variez les couleurs pour mettre en avant une rubrique (voir capture d’écran), insérez des pictos à côté des liens les plus populaires, ou affichez des informations de manière proactive comme le fait le journaldunet.com (voir capture). Cette technique a pour avantage d’augmenter l’indice de passivité de l’internaute. Votre visiteur obtient des informations sans avoir à cliquer.

Attention !
Évitez d’avoir un menu de gauche plus long que le contenu des pages du site.

Suivez les traces des prédécesseurs
Regardez vos statistiques de consultation. Les pages les plus consultées sont les plus populaires.
Mettez-les en avant dans le menu.

Les bonnes pratiques à connaître sont les suivantes :
allumer les liens en cours de consultation.

utiliser du texte et non des images afin de rester le plus léger et évolutif possible.
Si vous utilisez des images, reprenez leur contenu dans les tags ALT et TITLE. Ceci permettra aux moteurs d’indexation des moteurs de recherche et aux personnes n’ayant pas accès aux images de savoir où ils vont.

ajoutez des pictos (petites images) à côté du libellé pour varier le menu. Assurezvous
qu’ils ont un tag ALT vide de type alt=”“ afin que les illustrations soient ignorées
par les synthèses vocales.

utilisez des imbrications de liste à puces (tag UL et LI) pour améliorer l’accessibilité
du menu.

Dans le livre “Internet, donne-moi ce que je veux !”, Benoît Drouillat, directeur de création commente les choix fait sur le site www.valeocareers.com. Il nous dit :

- Pourquoi ce menu est dit persuasif.

- Pourquoi ils l’ont placé à gauche

- Comment ils ont décidé des libellés.

- Ce qu’il souhaiterait pour permettre aux équipes de faire évoluer ce type de menu.

Laisser un commentaire

Les champs marqués * sont obligatoires