Le Journal d'UX
L'actualité UX,
au-dessus de la ligne de flottaison.
Wiki UX Mega menu

Mega menu

Composant
Définition

Menu déroulant large qui affiche simultanément toutes les options de navigation d'une section, organisées en colonnes ou en groupes. Le mega menu occupe une grande partie ou la totalité de la largeur de la page. Il se déclenche au survol ou au clic sur un élément de navigation principal. Contrairement au dropdown classique, il offre une vue d'ensemble de l'arborescence. Il réduit le nombre de clics nécessaires pour atteindre une page profonde.

En pratique

Le mega menu convient aux sites à large catalogue (e-commerce, médias, institutions). L'organisation par catégories visuellement distinctes aide le scan rapide. Le survol doit intégrer un délai ou une zone triangulaire de tolérance pour éviter les fermetures accidentelles quand le curseur se déplace en diagonale. Sur mobile, le mega menu se transforme généralement en accordéon. Le contenu doit rester navigable au clavier avec une séquence de focus logique.

Exemple

Le site de Decathlon organise son mega menu par univers sportif. Chaque colonne représente un sport avec ses sous-catégories, permettant d'atteindre "Chaussures de trail" en un seul clic depuis la navigation principale.

Voir aussi
Accessibilité
Architecture de l'information
Loi de Fitts
Menu déroulant (Dropdown)
Sources
Mega Menus Work Well - Nielsen Norman Group
Implementing Mega Menus Accessibly - Smashing Magazine
Le Journal d'UX : veille UX et design au quotidien, wiki UX de référence en français. Ouvert aux contributions de la communauté.