Méga Menus : e-commerce Showcase 2

Patterns UI

Homology

Web site : www.homology.com
Caractéristiques : méga menu textuel très simple. Le labeling est bien réussi et si le texte est trop long ils utilisent les points de suspension. À coté de chaque lien il y a la quantité des objets en rouge, pour simplifier la compréhension de la structure, et sur la gauche une petite flèche clarifie la lecture de la liste. La fenêtre a une ombre qui la met en relief.
Points faibles: L’ordre alphabétique est de gauche à droite, j’aurai préféré l’avoir sur la colonne.


Dimension relative aux contenus, le seul point faible : l’ordre alphabétique.
 
 
 


House Of Fraser

Web site : www.houseoffraser.co.uk
Caractéristiques : méga menu textuel avec intitulé des colonnes. L’item du menu ouvert est mis en évidence en changeant la couler de fond (en vert). La bordure de 3 pixels de la fenêtre permet de la différencier de la page. Bon travail de labelling, mais moins de taxonomie. Le fond de la fenêtre est dégradé, donc la lisibilité diminue dans la partie supérieure où il y a moins de contraste.
Points faibles: les liens ne sont pas en ordre alphabétique, ce qui complique la navigation


Menu textuel sur trois colonnes
Les liens ne sont pas en ordre alphabétique
 
 


La Redoute

Web site : www.laredoute.fr
Caractéristiques : méga menu textuel et graphique. Le premier item n’est pas un méga menu, mais un menu déroulant. Les autres sont des fenêtres en 3 parties à dimension fixe sur la page.
La première partie (en négatif) avec les marques, les boutiques et une image de promotion.
La deuxième partie en trois colonnes avec les liens aux catégories des produits.
La troisième partie est graphique, avec quelques images de la collection.
Le fond de la fenêtre est dégradé (du clair au foncé), cet effet donne une certaine tridimensionnalité en conservant la lisibilité.
Gros travail de labeling et taxonomie.

Points faibles: L’ordre alphabétique n’est pas respecté, néanmoins l’organisation est claire.


Exemple du menu déroulant « on ose ! »
Fenêtre à dimension fixe
Chaque catégorie utilise une couleur différente
Exemple d’une couleur avec peu de contraste, ce qui rend la lecture difficile.


Lipsy

Web site : www.lipsy.co.uk
Caractéristiques : méga menu textuel simple. Dans les items où il y a l’ouverture d’une seule colonne, on perd l’effet du méga menu. La bordure de 3 pixels de la fenêtre permet de la différencier de la page.
Points faibles : L’ordre alphabétique n’est pas respecté.



Exemple du méga menu sur deux colonnes.
 
 
 


Leave a Reply