La navigation dans les sites web

1. Une navigation compréhensible

La navigation doit être immédiatement accessible et utilisable lorsque vous arrivez sur un site et lorsque vous affichez la page d’accueil.

Il faut qu’instantanément le visiteur puisse comprendre comment fonctionne votre site et comment il va pouvoir le visiter de manière agréable et logique.

Disons-le tout de suite, il n’y a pas de recette miracle et unique en ce qui concerne la navigation, mais il y a beaucoup d’habitudes, d’usages classiques qu’il vous revient de conserver, de modifier ou de ne pas prendre en compte.

Nous allons simplifier l’approche de la navigation sur les pages d’accueil, avec trois stratégies : la page d’accueil « graphique », la page d’accueil « essentielle » et la page d’accueil « portail ».

2. La page d’accueil graphique

La page d’accueil graphique affiche un minimum d’éléments textuels pour se concentrer sur le graphisme. L’objectif est de donner aux visiteurs l’envie de poursuivre en leur montrant immédiatement un savoir-faire à travers une page d’accueil axée en majeure partie sur le visuel. Ce n’est pas chose simple à faire. Il faut que le design soit en adéquation avec l’objectif et les valeurs du site, et qu’il soit à la hauteur des attentes des visiteurs. Si ces éléments ne sont pas réunis, les visiteurs risquent de passer leur chemin et de quitter le site....

1. Les navigations classiques

La plupart des sites institutionnels, des grandes marques et des grands sites vitrine utilisent le même type de navigation sur leur page d’accueil, car cette navigation a fait ses preuves depuis longtemps et elle est en « mémoire » chez tous les internautes.

2. La barre de navigation principale

Dans cette navigation « classique », nous avons usuellement la barre de navigation principale en haut de la page, au-dessus ou en dessous de l’en-tête, du bandeau supérieur du site. C’est dans cette barre de navigation que sont catégorisés les articles, c’est là que se trouve la structure principale du site. C’est donc dans cette barre de navigation principale que vous devez placer les liens les plus importants pour la navigation de votre site.

Voici quelques exemples de sites :

Voici l’exemple de la barre de navigation du site de la revue Bouts du monde (https://www.revue-boutsdumonde.com) :

Un autre exemple, avec le site du projet LaTeX (https://www.latex-project.org), où, dans la barre de navigation très classique, la page active apparaît sur fond blanc. Dans cet exemple, c’est la page Publications qui est affichée :

Voici l’exemple du site Apple (https://www.apple.com/fr/) où la barre de navigation propose des menus déroulants :

Voici la barre de navigation...