Est-ce la mode des menus déroulants surdimensionnés ?
Question : que faites-vous quand vous avez une arborescence très large, que vous voulez un accès en un clic à vos sous-catégories et que vous ne souhaitez pas gaspiller trop de place avec un menu de navigation à rallonge ? Et bien vous utilisez un menu déroulant surdimensionné.
Démonstration avec le menu “All Product Categories” de Amazon (qui s’affiche au survol de la souris) :
Une solution élégante qui permet à ces nombreuses catégories et sous-catégories de respirer (et à vos yeux de se reposer).
Solution qui a d’ailleurs été reprise par Kelkoo dans sa nouvelle version (il faut cliquer sur la flèche) :
On en trouve aussi sur la page d’accueil de Target :
Et également dans certaines pages du site de Dodge :
Encore plus fort, je vous propose de découvrir cet autre menu (chez RarePlay) qui intègre également l’argumentation (un peu comme une page d’orientation) :
Une solution audacieuse, mais qui manque un peu de lisibilité à mon goût (les liens ne ressortent pas au premier coup d’oeil).
Avez-vous d’autres exemples (merci à Arnaud et Jean-François) ?
flo a dit :
heu… oui, mais si on met le site dans le menu… c’est plus un menu…
cela dit, passé un certain volume de contenu, aucune solution n’est parfaite. Ce qui serait pas mal, ce serait un menu placé dans une fenêtre ou zone de dialogue déplaçable. Ou un sous-menu qui fonctionnerait comme un moteur prédictif (- de place, + de pertinence)
jean-francois a dit :
J’aime aussi l’approche de Target.
J’aimerais assister aux tests utilisateurs de ces compagnies
Ça me rappel également tous les débats sur l’efficacité/satisfaction des utilisateurs envers les menus déroulant et mouse-over. On ne peut pas toujours satisfaire tout le monde
Toucouleur a dit :
C’est la solution retenu pour la seconde version du site de santé, http://www.monguidesante.com développé autour de cette solution des menus pas faciles à placer, mais néanmoins nécessaires…
romain a dit :
LA question est ” mais comment les gourous de l’ergonomie vont-il prendre cette nouvelle mode ?” (vite une étude comportementale !)
Parcequ’en terme de contu intrusif déstrucuré et déstabilisant pour l’internaute ça c’est pas mal. Un outil de navigation doit il être simple et rapidement compréhensif ou exhaustif au détriment de la lisibilité ? Mama mia, j’ai perdu tous mes repères…
Tiens ca serait pas encore un coup de seo ça?
Odenis aka ODE a dit :
cela vient surement de la disparition du traditionnel fil d’ariane.
Yann produits-bretons.fr/blog a dit :
bonjour,
moi je trouve cela quand assez intéressant, car cela laisse la page sans menu assez visuel au premier abord, et plus d’infos au passage de la souris (choix du visiteurs)
Pour infos savez vous ou l’on peut trouver ces script
Merci
buzzbizweb a dit :
Boostore préparerait le sien également …
Nico a dit :
Maintenant est-ce que ces menus respectent simplement les règles d’ergonomie ?
La catégorisation des éléments dépassent les 9 rubriques alors qu’il est recommandé 7 voire 5.
Le classement des contenus (=l’arborescence) est donc à revoir tandis que la mise en avant d’un moteur de recherche pourrait faciliter l’accès des documents.
vincent a dit :
Il y a videojug dans le même genre…
http://www.videojug.com/
PH Langlois a dit :
Est-ce que ca ne sert pas aussi au référencement du site ? Ca permet de placer le maximum de contenu en home page avec des liens contenant des mots-clés à forte valeur..
philippe a dit :
PH > Tout à fait de ton avis. Ça m’a l’air tellement peu ergonomique que ce doit être positionné avant tout à l’attention de Googlebot. Qui a dit que l’usabilité et le SEO poursuivaient le même but ?
Olivier D. ze kat a dit :
Pour RarePlay, j’ne parlerais pas de menu déroulant, et eux non plus je pense… Par contre, c’est une idée astucieuse pour conserver une organisation mono-bloc quand on a beaucoup d’infos à afficher :o)
Une autre mode, c’est les menus déroulants qui comporte des elements de formulaires comme des cases à cocher, sélecteur de dates, boutons radio, etc pour les options avançées d’un système de recherche.
Max a dit :
Billet à peine écrit, déjà périmé !
Amazon vient tout juste de changer le design de sa page d’accueil pour un menu un peu plus conventionnel.
Kais a dit :
je que croi que c une bonne solution vu que l’encombrement qui résulte a cause de divérsites des article ce qui va aider a mieux organiser son site.
Aton a dit :
Moi, je préfère les pubs surdimensionnées, celles où tu dois attendre 10 secondes avant de continuer à progresser…
Revue de liens : SAP, IAB, Wordpress, Accessibilité et Yahoo « Content web et bien plus … a dit :
[...] nous parle des menus déroulants énormes qui apparaissent un peu partout sur le web. Je rejoins son avis, c’est gros et pas si [...]
Benjamin D.C. a dit :
Ce genre de menus déroulants posent encore malheureusement de nombreux problèmes d’accessibilité.
Un peu de lecture:
http://css.alsacreations.com/Accessibilite-du-Web/accessibilite-des-menus-de-navigation-en-cascade
opl a dit :
La solution d’Amazon (et donc de Kelkoo) fonctionne parfaitement avec ou sans JS, ce qui est une fichtrement bonne idée pour l’accessibilité de ces sites!
aVoulot a dit :
Les sites de Dodge et Chrysler ont récemment réintégré les menus déroulants dans leurs récentes refontes de site http://www.dodge.com/ et http://www.chrysler.com.
C’est assez déstabilisant à l’usage et moins bien pensé que l’ajax d’amazon ou de kelkoo.
Overspendr a dit :
Je trouve ça carrement illisible, trop de menu tue le menu…
hapax a dit :
Effectivement je pense que pour RarePlay on est carrément sur une opération avec des objectifs SEO. Sinon je trouve cette “technique” particulièrement efficace sur amazon.
Fred Cavazza a dit :
@ Nico > En fait la règle du 7+-2 ne s’applique que à la mémorisation. Mais nous sommes ici dans le cadre de la découverte du contenu.
@ Max > Non, Amazon n’a pas encore basculé à cet autre système de navigation. De plus, ils vont passer à une orientation verticale mais qui conservera forcément ces grands pavés.
/Fred
Max a dit :
À moins que ce ne soit qu’une version “béta” pour quelques usagers, mais j’ai bien une nouvelle présentation avec un système de menu vertical.
Antoine a dit :
Ce type de menu peuvent être très bien optimisés pour le référencement naturel du site.
En plus des exemples que tu as montré, je t’invite à découvrir celui-ci qui intègre de sucroit une bannière d’auto-promo + des accès à fonctionnalités : http://www.ae.com
Virginie a dit :
On n’est pas dans “l’accès en un clic” mais l’utilisation d’Ajax évite les affichages successifs fastidieux : voir la navigation dans des catalogues d’éditeurs.
Celui de O’Reilly : http://www.oreilly.com/
Celui de l’éditeur scolaire français Magnard
http://www.magnard.fr
fmottet a dit :
Autre exemple, Ebay utilise ça depuis quelque temps maintenant pour ses catégories. C’est pas mal en effet
FlorentM a dit :
Mis en place depuis un bon moment chez http://www.auchan.fr mais avec les icônes de rayon
ALLAIN JULES C@MMUNICATION a dit :
Excellent concept !
Il faut en revanche avoir un oeil bien portant pour voir de façon panoramique sinon, bonjour les dégats.
Antoine a dit :
Auriez-vous des exemples de menu de ce type mais en footer ?
Laurent a dit :
Je viens de tomber sur celui ci chez Sage http://www.sagecoala.com/
Un menu surdimensionné par univers produit
loïc m. a dit :
@fmottet : exactement ce à quoi je pensais en lisant le billet : eBay utilise judicieusement ce système depuis un petit moment.
Pourquoi ne pas l’avoir mis en avant dans ce billet ?
Fred Cavazza a dit :
En fait Ebay utilise un système équivalent mais pas réellement à sa navigation dans la mesure où seul un panneau peut être déplié.
/Fred
lavomatic a dit :
je viens de voir que IKEA.com se rapproche lui aussi de ce modèle de menu et à titre personnel je trouve cela intéressant et très efficace pour trouver ce que l on cherche sur un site d’e-commerce !
bbx a dit :
La FOX en a un pour ses programmes : http://www.fox.com
World Usability Day - Compte rendu (1/2) a dit :
[...] page en y intégrant d’avantage d’information. Fred a aussi présenté la mode des panneaux géants et a évoqué la navigation sans menu, aussi dite exploration contextuelle avec pour exemple le [...]
Cobolian » Je découvre la home de Yahoo a dit :
[...] la série voici le big menu, très à la mode en ce moment (amazon, ebay…). Quelques blogs l’on déjà évoqué, inutile de revenir la [...]
Nouveau site Conforama : Analyse rapide de la navigation - Blog Web Marketing a dit :
[...] Cavazza avait d’ailleurs fait un article sur les menus sur-dimensionnés. Vous pouvez également voir sur ce site l’historique des toutes les navigations [...]