Je crée mon site

Essayez UGAL gratuitement pendant 1 mois

Sans engagement

Barres de navigation

20 juillet 2008

Mathilde

Les barres de navigation sont les menus qui apparaissent sur chacune des pages d'un site web. Les liens présents dans la ou les barres de navigation sont primordiaux car ils offrent un point d'entrée vers les autres pages de votre site, quel que soit l'endroit où le visiteur se trouve, et non pas seulement depuis la page d'accueil.

Combien de barres de navigation sur un site web?

Le minimum requis est une barre de navigation principale bien visible.
La barre de navigation secondaire en bas de page est également conseillée surtout si les pages de votre site web sont longues: cela évitera à l'internaute de remonter en haut de page pour accéder à la barre de navigation.

Ensuite, selon le nombre de pages du site (si on a un catalogue très dense, ou un site très riche en contenu) on peut en envisager de créer plusieurs barres de navigation voire d'utiliser des sous-menus.

Exemple : le site de la Fnac

Une barre de navigation principale pour accéder aux différentes catégories de produits et services :

  • un premier niveau de lien, sans sous-menu: Produits - Soldes - Spectacles - etc..
  • un deuxième niveau de lien avec sous-menu : Livres - Musique - DVD, Blu-ray, etc..


Deux barres de navigation secondaire:

  • une en haut dans le bandeau avec accès au panier, à l'aide, au flux RSS etc
  • une en bas avec les informations plus "corporate"

Etant donné le nombre de pages et de références du site de la Fnac, la présence de plusieurs barres de navigation est totalement justifiée.

Autre exemple : le site de cette association

Le fait de multiplier les liens sur la page d'accueil ou de créer des sous-menus alors qu'il n'y a très peu de pages n'est pas recommandé. Le sous menu "Orchestre" est un peu superfétatoire. Cela donne l'impression d'un site vide quand les sous-menus ne pointent que vers un seul lien. En revanche une barre de navigation secondaire en bas de page serait plus utile

Quels liens mettre dans les barres de navigation?

Pas de réponse universelle mais quelques remarques sur les liens à mettre ou ne pas mettre

Il y a d'abord les indispensables:

  • la page contact,
  • la page "à propos" appelé aussi "Qui sommes-nous" ou "La société"
  • la page "aide" ou "support" ou "FAQ"

ces pages doivent être accessibles depuis n'importe quelle page de votre site. Si l'internaute a une question ou a besoin de vous contacter, il doit pouvoir le faire rapidement et facilement, quel que soit l'endroit où il se trouve (fiche produit, news ou autre).

A cette liste on peut ajouter la page d'accueil. Certains ne mettent pas la page d'accueil dans les barres de navigation, car un clic sur le bandeau ou le logo de la société renvoie généralement sur la dite page d'accueil. Il n'empêche que ces conventions ne sont pas connues de tous et qu'à ce titre je recommande le lien sur la page d'accueil sur toutes les barres de navigation.

Les autres pages

Quand un site ne comporte qu'une dizaine de pages, on peut utiliser deux barres de navigation et répartir les accès aux pages sur les deux barres de navigation: on mettra ainsi

  • les informations sur la société, les produits ou les services, les actualités sur la barre de navigation principale
  • les informations "corporate" (contact -newsletter - FAQ) sur la barre de navigation secondaire.
Exemple : Psy -Lille

exemple : le site Psy-Lille

Quand un site comporte beaucoup de pages, il est illusoire de vouloir donner l'accès à toutes les pages du site depuis les barres de navigation:

  • mettre trop liens dans les barres de navigation, ne permet pas au visiteur de comprendre l'essentiel à savoir: qui vous êtes, ce que vous proposez sur votre site et comment vous contacter.
  • de plus, d'un point de vue graphique, cela déséquilibrerait les pages.

Il faut alors se limiter aux grosses rubriques et ne pas trop aller dans le détail: on mettra ainsi le lien vers les catalogues produits mais pas vers les produits eux-mêmes dans le cas d'un site marchand.

Enfin, si la barre de navigation principale doit contenir beaucoup de liens, il est préférable de la mettre à la verticale. Les largeurs de site sont souvent limitées afin d'assurer une navigation compatible avec toutes tailles d'écran.

Je crée mon site

Essayez UGAL gratuitement pendant 1 mois

Sans engagement

La newsletter UGAL