{"id":12839,"date":"2019-09-06T10:30:55","date_gmt":"2019-09-06T08:30:55","guid":{"rendered":"https:\/\/graphiste.com\/blog\/?p=12839"},"modified":"2019-09-06T10:30:55","modified_gmt":"2019-09-06T08:30:55","slug":"creer-mega-menu-efficace","status":"publish","type":"post","link":"https:\/\/graphiste.com\/blog\/creer-mega-menu-efficace\/","title":{"rendered":"Web design\u00a0: 5 r\u00e8gles pour cr\u00e9er un m\u00e9ga menu efficace"},"content":{"rendered":"

Popularis\u00e9s par Amazon et eBay, les m\u00e9gas menus sont maintenant une norme<\/a> que l\u2019on retrouve plus particuli\u00e8rement sur les sites de e-commerce.<\/p>\n

Bien utilis\u00e9, le m\u00e9ga menu est tr\u00e8s efficace pour naviguer sur des sites complexes qui pr\u00e9sentent des catalogues riches avec cat\u00e9gories et sous-cat\u00e9gories.<\/p>\n

Mais aujourd\u2019hui les m\u00e9gas menus ne sont pas limit\u00e9s<\/strong> aux sites de e-commerce. Les blogs, webzines, sites institutionnels les utilisent pour pr\u00e9senter les cat\u00e9gories li\u00e9es au site.<\/p>\n

Pour le concevoir, il n\u2019existe pas de m\u00e9thodes miracles\u00a0: vous devez \u00e9tudier le parcours de vos utilisateurs<\/strong> et l\u2019adapter \u00e0 votre projet !<\/p>\n

Nous allons voir dans cet article des exemples de m\u00e9ga menu et comment les appliquer \u00e0 votre site web.<\/p>\n

1.\u00a0Structurez votre navigation<\/h2>\n
\"Mega
La Redoute<\/figcaption><\/figure>\n

La structure la plus populaire des m\u00e9gas menus reste la structure en colonne.<\/strong><\/p>\n

Cette structure permet d’afficher un maximum d’informations au survol de l’onglet correspondant, tout en cr\u00e9ant des liens plus profonds sans utiliser de menus d\u00e9roulants.<\/p>\n

Les utilisateurs n’ont pas besoin de cliquer sur les sous-cat\u00e9gories de votre site, et ainsi ne scrollent pas.<\/p>\n

Dans ces colonnes, la profondeur et la largeur de votre gamme est imm\u00e9diatement visible<\/strong> par votre client. Le style de votre m\u00e9ga menu peut se d\u00e9marquer avec des sous-rubriques lisibles, un espace a\u00e9r\u00e9 et un graphisme moderne.<\/p>\n

\"Mega<\/p>\n

Prenons l’exemple du site ASOS.<\/p>\n

Le menu, tr\u00e8s clair, divise les cat\u00e9gories en fonction des sexes, puis ensuite par gamme de produits (v\u00eatements, chaussures, accessoires, tendances…).<\/em><\/p>\n

Dans chaque m\u00e9ga menu se trouvent 3 grandes colonnes tri\u00e9es par sous-cat\u00e9gories avec des liens et images.\u00a0Les colonnes poss\u00e8dent leurs propres en-t\u00eates et sont ainsi beaucoup plus visibles !<\/strong><\/p>\n

Vous pouvez aussi : <\/p>\n