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é (*Accessibility*)
Architecture de l'information (*Information Architecture*)
Loi de Fitts (*Fitts's Law*)
Dropdown (*Menu déroulant*)
Sources
Mega Menus Work Well - Nielsen Norman Group
Implementing Mega Menus Accessibly - Smashing Magazine
Le Journal d'UX est un média indépendant sur l'expérience utilisateur. Liens curatés, wiki UX en français, communauté.