Un niveau de navigation en colonne de droite

	Capture d'écran du site fantaisyinteractive.com au 30/06/06

Tourner les pages d'un site comme l'on tourne les pages d'un livre à partir de la droite.

La barre de navigation s'affiche sur la droite de l'écran. Le titre des catégories peut être affiché à l'horizontal ou à la verticale. Vous pouvez afficher cette navigation sur deux niveaux. L'avantage de cette navigation est que vous avez plus de place pour intégrer des libellés plus éloquents (CTA : Call To Action). Imaginez que les internautes sont arrivés sur la page grâce à un moteur de recherche, affichez en colonne de droite des libellés correspondants à ce qu'ils pourraient se poser comme question.

Si vous choisissez ce système de navigation pensez à :

• allumer les boutons des pages en cours de consultation, ceci par la couleur et par l'insertion d'un caractère de type ">" avant le libellé du bouton.

Question

Lorsqu'un utilisateur arrive sur une page, posez-vous la question : où place-t-il sa souris ? Sur la droite de l'écran. Cette navigation est affichée à l'endroit où la souris des internautes se trouve ! Finis les allers-retours à travers l'écran.

• afficher les éléments déjà visités dans une autre couleur.

• surveiller l'équilibre des pages entre la hauteur du contenu et la hauteur de la navigation.

• si vous optez pour des images, insérez des balises alternatives (attribut ALT et TITLE) reprenant le titre sur tous les boutons.

• insérer pictos, variations de couleurs pour donner du volume à votre navigation.

• valider que le code html de la page suit l'ordre de présentation de la page. Tabuler (passer de lien en lien grâce à la touche de tabulation du clavier) doit se faire dans l'ordre de présentation de la page.

Avantage moteur de recherche

Les moteurs de recherche analysent le début d'une page html. Très souvent le début du code est constitué du code html de la barre de navigation. Avoir le code html de son menu en fin de code permet de faciliter pour les moteurs de recherche la différenciation des pages. Et ainsi d'éviter d'avoir toutes les pages de votre site classées en "pages similaires" dans les pages de résultats des moteurs de recherche.

Focus

Audi USA a mis en place 3 modes de navigation dans les pages : • une navigation interactive en flash en milieu de page • une navigation en haut de page • une navigation verticale en colonne de droite. 71% des clics se font sur la colonne de droite.

Avantage gabarit d'impression

Dans leur configuration par défaut les imprimantes coupent une partie des sites qui n'ont pas de gabarit d'impression spécifique. Le menu de navigation placé sur la droite a pour avantage qu'à l'impression ce sera le menu qui sera coupé et non le contenu.

Astuce Accessibilité

Pour les internautes qui lisent la page linéairement (personnes aveugles, handicapés moteurs, utilisateurs de téléphone mobile) insérez des liens d'échappement dans la page. Ils sont aussi appelés liens d'évitement. Ils doivent être intégrés tout en haut de la page. Ces liens donnent accès à un raccourci vers le menu sans avoir à faire défiler tout le texte. Ce sont de simples ancres - code HTML <a name...>. Ces liens sont au choix, visibles sur la page ou invisibles. Les utilisateurs voient les liens lorsqu'ils accèdent à la page sans feuille de style ou en tabulant dans la page.

	Capture d'écran du site Alsacreations.com au 01/05/07, liens d'échappement visibles à tous