Suite au billet sur Estée Lauder, je me suis dit que c’était sans doute une bonne idée de creuser un peu plus cette histoire de menus de navigation dans les catégories.
Donc, la question, c’est comment présenter les catégories, pour que l’utilisateur s’y retrouve.
La question devient de plus en plus critique quand le nombre de références augmente : on risque d’avoir alors des « listes à la Prévert »…
Une première question est : ou mettre ces menus.
Le standard de fait est de les mettre en haut de la page, sur une barre :
On peut également mettre ces catégories sur deux lignes :
Sur ce sujet, Amazon innove, en plaçant ce menu en colonne, à gauche :
De plus en plus, les boutons des catégories sont en fait actifs, et permettent d’afficher un menu plus complet (Merci Javascript).
Quelques exemples :
L’étude attentive de ces exemples est super intéressante, et mine de rien, les différences sont nombreuses :
- Certains menus font pro, d’autres non (je vous laisse vous faire votre opinion…) ;
- Pour certains sites, il faut cliquer pour ouvrir le menu. Sur d’autres sites, le menu s’ouvre tout seul.
- Certains menu s’ouvrent avec une mise en scène : comme un rideau, … Alors que d’autres s’affichent d’un coup.
- Certains menus présente une simple liste, alors que d’autres sont beaucoup plus structurés, avec des espaces différents, …
- Sur certains sites, les menus ne s’ouvrent pas tout de suite : il faut charger des éléments. Sur d’autres, les éléments ont été pré-chargés.
- Quand on déplace la souris sur les lignes, la ligne peut être mise en valeur… ou pas.
Voilà, je pense que ma démonstration est faite : pour un résultat de bonne qualité, il faut un savant mixe entre plusieurs métiers :
- Une bonne analyse du catalogue, pour faire les bons regroupements et créer les bonnes catégories. Bonne pour le Web !
- Une bonne conception, ergonomique, avec un travail précis sur la dynamique des menus.
- Une excellente réalisation technique, qui ne doit pas être traité à la fin… mais au fil de l’eau, avec une approche eXtreme programming, pour que la réalisation de très bonne qualité sorte, après nécessairement plusieurs itérations.
Actuellement, on ne peut pas décoreler les différents métiers. Il faut assurer une cohérence globale pour avoir un résultat … qui transforme.
Petite collection pour alimenter ta réflexion :
http://www.ecommerce404.fr/2008/11/menu-deroulants-etendus/
la problématique de la présentation des menus de navigation et de leurs interactions devient cruciale sur des sites qui multiplient les références.
La multiplication des références/catégories nécessite une organisation rigoureuse afin que l’internaute arrive rapidement à l’endroit désiré.
Ces exemples de menus dynamiques sont pour la plupart intéressant puisqu’ils évitent des étapes « inutiles » dans le processus de navigation, sachant que plus on multiplie les étapes plus on augmente les risques de départ.
Beaucoup de sites se mettent d’ailleurs au menu unique horizontal, perso je trouve cela plus pratique (la lecture de la page se faisant de haut en bas). Cela fait longtemps qu’Overstock.com utilise cette pratique. La recherche est vraiment très facile… bon ensuite côté design c’est à l’américaine, pas de fioritures. Il manquerait juste des icônes dans les menus pour avoir un « scan » plus rapide de la page. Le Discounteo V2 se rapproche un peu de ce fonctionnement.
La vrai question que je me pose est de savoir quand eBay s’y mettra réellement pour « booster » les recherches par catégorie plutôt que par le moteur.
Plus le nombre de catégories est important plus la navigation par moteur sera prépondérante.
En fait l’arborescence n’est qu’une des manières de naviguer dans un site et mon approche consisterait à dire qu’il vaut mieux la simplifier quitte à la renforcer dans des sous-menus par de la navigation par filtres.
J’espere que tu nous catlaogue pas dans les rigolos
Tu parleras de notre menu à olivier. on a eu de bonnes discussions là dessus 😉
ceci dit en regardant tout cela j’ai plein de remarques qui me viennent à l’esprit…
@Capitaine> Oui, simplifier… tout un programme, pas si simple 😉
@Daniel> Je sais bien que c’est un travail difficile.
Je pense que tes menus sont bien, et perfectibles ;). Bon, si ça transforme bien, c’est super !