Ce menu est un des plus simples qui existe. Tel un chapeau au-dessus du site, il permet à l’internaute d’avoir une vue globale du contenu à consulter.

Approprié pour les sites ayant peu de grandes catégories de contenu 3 à 7 pages maximum. Les catégories répondent aux questions
«quoi », « pour qui / pourquoi », « pourquoi nous » et « comment ».

Exemple sur www.lavachequirit.com

Un menu horizontal affiche les liens vers les pages principales du site. Les sites utilisant cette navigation ont très peu de pages. Cette navigation donne en un coup d’oeil l’accès aux 5 voire 6 grands thèmes du site.

Pour qui ? Pour les sites de prestataires de services ou de vendeurs de logiciels, cette navigation est particulièrement utilisée.

Les liens de barre horizontale changent rarement. Avec ce type de navigation, vous êtes limité en largeur par la largeur de l’écran de l’internaute. Ceci limite donc le nombre de catégories que vous pourrez afficher.

Veillez à ce que, lorsque l’utilisateur cliquera sur un des items de la barre, le bouton reste « allumé » et, dans l’idéal, non cliquable. Ceci quelle que soit la technologie. Ainsi l’internaute pourra se situer dans le site.

Vous pouvez doubler cet allumage visuel par l’insertion d’un caractère de type « > » devant le nom de la rubrique allumée. Ainsi les internautes qui surfent sur votre site sans afficher les couleurs et les feuilles de styles font la distinction entre les différents boutons.

Mettez en évidence l’action transformante phare de votre site par une couleur différente,un point d’exclamation ou autre élément graphique. C’est cette action que les internautes veulent en majorité et c’est ça que vous voulez de votre site, alors facilitez-leur la tâche !

Un point de technologie : Créer sa navigation en texte et html est préférable à tout autre technologie. C’est plus léger, évolutif et accessible aux moteurs de recherche.
Généralement une navigation horizontale n’évolue pas, vous pouvez - pour des raisons de design - faire des séries d’images ou une Image Map. Rares sont les fois où une Image Map est appropriée.

Dans ce cas, veillez à :

- les non ou mal-voyants,
- les personnes ayant décidé de ne pas charger les images pour des raisons
de rapidité de navigation.

Astuce
Vous voulez ajouter d’autres catégories sans changer de système de navigation ? Google ajoute un lien « more » ou « plus ».
Un clic sur ce lien mène vers toutes les fonctionnalités de Google.

Exemple sur www.google.com

Si vous choisissez une barre de navigation en Flash, pensez à :