Le système de navigation EST votre site Web

Le système de navigation est la pierre angulaire de votre site Web, sans système de navigation efficace point de salut ! Tous vos efforts sur le contenu, le SEO, les performances seront vains, vos utilisateurs déserteront votre site dès la première visite et n’y reviendront plus !

Il est donc essentiel de concevoir et de développer un système de navigation simple et efficace, le plus utilisable possible.

Comme le précise Steve Krug dans son ouvrage de référence Don’t make me think, les objectifs du système de navigation sont multiples :

• Nous aider à trouver ce que nous cherchons,
• Nous indiquer où nous sommes,
• Nous donner un repère sur lequel nous appuyer,
• Nous renseigner sur le contenu,
• Nous indiquer comment utiliser le site (sans instruction),
• Mettre en confiance par rapport aux concepteurs du site.

Un bon système de navigation doit remplir tous ces objectifs.

Voyons maintenant (toujours en accord avec Steve Krug) les éléments clés pour un système de navigation réussi.

Le logo du site

En haut à gauche, de façon conventionnelle, il permet aux utilisateurs de savoir trés vite sur quel site ils se trouvent. D’autre part c’est un moyen trés pratique pour revenir sur la page d’accueil depuis n’ importe quel endroit du site.

Les sections et sous sections

Une façon trés satisfaisante de représenter les sections sont les onglets mais sont-ils suffisants ? En effet, plus le site grossit, plus le nombre d’onglets augmente et moins la barre d’onglet devient lisible. Pour parer à ce problème plusieurs solutions : système d’onglets sur plusieurs niveaux, navigation horizontale et verticale.
Chez FBC nous avons opté pour cette approche. Personnellement je n’aime pas les barres d’onglets trop chargées. Elles en annulent les bénéfices : simplicité, efficacité, rapidité.

Pour illustrer les différences entre une approche “onglet seule” vs une approche “2 dimensions” vous pouvez comparer les 2 réseaux sociaux Viadeo et LinkIn.
Je préfère trés nettement la conception de LinkIn avec sur la barre verticale tous les élements propres à l’utilisateur (son profil, ses contacts, etc…) et sur la barre d’onglet horizontale les intéractions avec le reste du site (les autres membres, les jobs, etc.)

Sur FBC nous avons repris ce mécanisme et les retours de nos utilisateurs sont excellents.

Pour les sous sections, on peut choisir le classique sous onglet comme ici ou, comme nous l’avons réalisé sur FBC, par une barre de sous onglet en dessous du titre de la page.
Je trouve cette seconde solution plus esthétique et au moins aussi fonctionnelle que la première.

Nous verrons dans un prochain post les autres éléments essentiels du système de navigation :

• Le nom des pages,
• Le système de navigation local,
• Le système de repérage,
• Le fil d’ariane,
• Les utilitaires.