Méga Menus : e-commerce Showcase 1

Ergonomie web

3 Suisses

Web site : www.3suisses.fr
Caractéristiques : ce menu est un des rares cas où on peut avoir un méga menu en deuxième niveau. Dans le menu horizontal on ouvre un simple menu déroulant pour après ouvrir le méga menu. La solution est très intéressante. Pour arriver à faire ça le menu déroulant a une dimension fixe dans la page. Le graphisme du menu déroulant (qui n’est pas un méga menu) a été étudié pour donner une continuité et amener vers le méga menu. Les liens et les images du méga menu du deuxième niveau sont bien organisés. Je trouve cet exemple très intéressant.
Points faibles: dans le menu horizontal il n’y a pas de distinction entre les items qui ouvrent un menu déroulant (Homme, Femme, Enfant) et les liens (Loisir, Promos). Le background du méga menu n’a pas beaucoup de contraste avec le font de la page, mais ils ont eu l’intelligence de laisser la page libérée pour éviter les erreurs de navigation.


Tous les menus déroulants sont homogènes; je vois le gros travail fait sur la taxonomie et le labelling
Exemple de lien qui n’ouvre pas un menu déroulant
Autre exemple de lien qui n’ouvre pas un menu déroulant, en plus les deux liens purs ne sont pas groupés.
Menu déroulant, ce n’est pas un méga menu, mais on aura l’impression que oui. Super travail sur l’expérience utilisateur


Aktywny Smyk

Web site : www.aktywnysmyk.pl
Caractéristiques : Site polonais qui utilise une seule fois le méga menu. Quand on survole les autres items, on voit une ” bulle ” (très jolie et avec un bon contraste sur la page) avec une description qui permet de distinguer l’item du méga menu des autres.

Points faibles: le ” title ” sur les liens du méga menu, en plus la description est énorme; c’est dommage pour un menu sympa.


La bulle avec la description du lien, permet de mieux naviguer et de comprendre rapidement sa fonction.
Le “title” sur les liens du méga menu, affaiblit le charme de ce méga menu.
Autre exemple de “title” sur un lien du méga menu
-


Vins & Champagne Dunoyer de Segonzac

Web site : www.vinchampagneds.com
Caractéristiques : à la différence de la plupart des méga menus, ce menu n’utilise pas le survol sur l’item pour ouvrir le méga menu, mais un clic. Ce choix ergonomique a été fait pour éviter des erreurs avec les clics sur les images défilantes. Les images dans le méga menu sont possibles grâce au nombre réduit des produits. Les items avec méga menu ont une petite flèche sur la droite.
Points faibles: il faudrait substituer le comportement “clic pour fermer” par un temporisateur


Méga menu du compte, pour accéder rapidement aux pages du profil
 
 
 


administrator

Leave a Reply