Créer des univers adaptés à mes utilisateurs. À chaque profil utilisateur son « onglet ».

Exemple sur www.clarins.net

Pour qui ?
Ce type de navigation correspond aux sites contenant beaucoup de contenu. Idéal pour les sites affichant une offre de services ou de produits pouvant aller de 10 à 20 grandes pages thématiques

.

Ce type de menu affiche les niveaux 1 de navigation en permanence. Lorsque l’internaute passe sa souris sur un lien, les sous-parties de la section apparaîssent. Ce menu généralement intégré en « CSS » est la star des recherches faites sur internet concernant les modèles de navigation, essentiellement pour le « challenge » technique qu’elle représente.
Un utilisateur peut découvrir en passant sa souris l’ensemble du contenu du site.
De nombreux éditeurs de site sélectionnent cette navigation car elle permet de faire des liens vers toutes les parties d’un site en un minimum d’espace. Les sousmenus s’affichent en superposition du contenu.
Elle est aussi choisie car elle offre un sentiment de dynamisme et d’interactivité.
Les menus déroulant sont généralement créés en DHTML. Ils apparaissent en surcouche du site couvrant une partie du site. Ce menu rend la souris très sensible. Ce qui peut être inconfortable pour l’internaute. L’affichage de menus successifs peut rendre le menu d’autant plus difficile et frustant à utiliser.
Pour les personnes n’ayant pas de souris, il est souvent impossible à utiliser. Faîtes l’expérience,débranchez votre souris et tentez d’accéder au menu grâce au bouton tabulation de votre clavier.
De plus, les sous-catégories sont généralement listées dans un javascript. Ce dernier n’est pas indexé par les robots d’indexation. Ce qui rend les sous-catégories invisibles sur les moteurs de recherche.

Attention au Royaume Uni
et aux sections recrutements :
Attention au Royaume Uni et aux sections recrutements :
Cette navigation est célèbre pour être quasiment impossible
à rendre accessible selon les recommandations du W3C. Si
vous y parvenez, je serais ravie de voir le résultat.
Evitez cette navigation si votre site ou vos gabarits
sont amenés à être utilisés pour un site UK.La réglementation
britannique veut que tous les sites publics et privés soient
accessibles selon un équivalent du niveau AA des recommandations
du W3C. La réglementation française veut que tous aient accès aux
offres d’emplois quel que soit le handicap.

Exemple sur www.hydropoolhottubs.com

Si vous choisissez d’implémenter ce modèle de navigation, veillez à :

« J’ai sélectionné cette navigation car
j’aime trouver rapidement et sur une
seule ligne les principales informations
concernant un site. Sans avoir à naviguer
sur de multiples menus dans lesquels je
me perds. »

Nicolas Thébault, fondateur TEBOPRO,
Activateur de carrière

Avis personnel Ces menus sont utilisés à tout bout de champ et souvent n’importe comment. Ajoutez à cela qu’ils ne sont pas accessibles à 100% à tous. J’ai longtemps cherché à prouver que les utilisateurs ne les appréciaient pas. Tous les experts en tests utilisateurs m’ont indiqué la même chose. « Si, s’il est bien implémenté ». Un éditeur de site m’a même rapporté « ce sont les habitués du site qui l’utilisent le plus ». Je m’incline donc… pour l’instant et j’augmente un peu sa note.