Dans quelle situation est-il préférable d'utiliser un méga menu?
Le site actuel sur lequel je travaille comporte généralement 3 niveaux de navigation. Le plan du site et la navigation ont déjà été effectués. Ils ont choisi d'utiliser un méga menu pour afficher les éléments de navigation de haut niveau et les sous-catégories. J'essaie de déterminer si c'est la meilleure approche. Quand est-il préférable d'utiliser un méga menu? Quels sont les avantages et les inconvénients de l'adoption d'un méga menu?
Vous avez d'excellentes réponses. Tout en essayant de ne pas répéter les réponses déjà données, les principaux avantages et inconvénients des méga menus sont:
Les avantages
- Les Méga Menus vous permettent de voir toutes les options disponibles à l'utilisateur d'un seul coup et ne l'obligent pas à explorer d'autres sous-navigations si nécessaire. Pour citer ceci article sur les avantages des méga menus
Un menu déroulant traditionnel masque presque toutes les options de l'utilisateur jusqu'à ce qu'il survole la catégorie parent. Si l'utilisateur ne pense pas avec la même hiérarchie que le concepteur, il devra jouer à Treasure Hunt, survolant de nombreux éléments parents pour trouver un élément. Cela peut également entraîner de la frustration si la liste déroulante continue de disparaître lorsque l'utilisateur n'est pas absolument précis avec le curseur. En théorie, les méga menus peuvent résoudre ce problème.
Je recommande également de lire Jacob Nielson's article sur les menus Mega qui a ceci à dire
Pour les sites plus grands avec de nombreuses fonctionnalités, les menus déroulants réguliers masquent généralement la plupart des options de l'utilisateur. Oui, vous pouvez faire défiler, mais (a) c'est pénible et (b) défiler vers le bas masque les options initiales. Par conséquent, vous ne pouvez pas comparer visuellement tous vos choix; vous devez compter sur la mémoire à court terme. Les gens en ont assez à l'esprit et jouer avec la mémoire à court terme réduit leur capacité à accomplir leurs tâches sur votre site. Les méga-listes déroulantes montrent tout en un coup d'œil, afin que les utilisateurs puissent voir plutôt que d'essayer de se souvenir.
- Ils vous aident à organiser efficacement les options : Pour citer l'article de Jacob Nielson
Les méga-listes déroulantes vous permettent de souligner visuellement les relations entre les éléments. Cela aide à nouveau les utilisateurs à comprendre leurs choix.
- Les méga menus permettent d'utiliser de plus grands choix typographiques tels que l'utilisation d'icônes et d'images pour permettre aux utilisateurs de faire des distinctions rapidement . Pour citer l'article de Jacob Nielson:
Alors que le texte brut peut être merveilleux, les illustrations peuvent en effet valoir une bouchée de mots, comme le montre l'exemple Word 2007. Les méga-listes déroulantes facilitent l'utilisation des icônes et des images, le cas échéant. Et, même si vous vous en tenez au texte seul, vous disposez d'une typographie plus riche (vous permettant de différencier les tailles de lien en fonction de leur importance, par exemple).
Désavantages
- S'ils ne sont pas correctement structurés, ils peuvent devenir encombrants et difficiles à lire car il existe de nombreuses options.
En regardant l'exemple ci-dessus, bien que le Mega Menu fournisse toutes les options aux utilisateurs, il devient soudainement comme un grand plan du site qui oblige l'utilisateur à parcourir pour essayer de trouver le contenu qu'il recherche
- Les méga-menus peuvent occuper une grande partie de la taille de votre écran car ils ne défilent pas et ne se mettent pas à l'échelle . Voici deux exemples de la façon dont les méga-menus échouent lorsque la taille de l'écran est plus petite ou si le navigateur est redimensionné à une résolution inférieure:
- La plupart des menus Mega sont basés sur le survol : Bien que les menus basés sur le survol ne puissent pas poser de problème aux sites Web de bureau avec une souris standard comme mode de navigation, ils pourraient des problèmes considérables avec les appareils tactiles où les options de survol tombent à plat, mais il est possible d'implémenter un méga-menu basé sur les clics et non dépendant du survol. Cependant, cela ajoute plus d'efforts pour manipuler l'interface, ce qui distrait les utilisateurs de leurs objectifs.
Je recommande de consulter cet article pour les meilleures pratiques sur la conception de méga menus
Consultez également cet article: 15 bons exemples de menus de navigation déroulants méga
Un méga menu est utile lorsque vous avez grande sélection d'éléments dans de nombreux catégories clairement définies et sous-catégories. Prenez Amazon ou eBay comme exemples. Ce ne serait pas un bon choix lorsque vos catégories et sous-catégories n'étaient pas clairement définies pour vos utilisateurs.
Leur avantage est qu'ils vous permettent d'inclure de nombreuses catégories et aident les utilisateurs à accéder rapidement à la sous-catégorie qu'ils recherchent, tout en étant relativement peu encombrants.
Leur principal inconvénient est qu'ils obligent vos utilisateurs à penser en termes de catégories que vous avez sélectionnées et qu'ils ne révèlent des sous-catégories que lorsque vous sélectionnez (ou survolez) une catégorie. Cependant, dans de nombreuses situations, il n'y a pas de meilleure option.
Je suis d'accord avec ce que JohnGB a dit, mais permettez-moi d'ajouter qu'Amazon et eBay ont des problèmes similaires de présentation et de navigation dans des catalogues extrêmement volumineux, mais ils ont également d'énormes ressources. Les méga menus peuvent être délicats et peuvent nécessiter des tests et des itérations pour être utilisables, ils sont souvent plus que ce qui est immédiatement apparent. Voici un article sur quelqu'un glanant l'une des fonctionnalités du menu d'Amazon:
http://bjk5.com/post/44698559168/breaking-down-amazons-mega-dropdown
et problèmes généraux avec les méga menus:
http://www.uie.com/articles/mega_menus/
Donc, un inconvénient ou une mise en garde est qu'ils peuvent nécessiter beaucoup de ressources pour bien les faire.
Pour jouer l'avocat du diable du méga menu, parfois en donnant trop de choix à vos utilisateurs, vous leur présentez trop de texte, ce qui rend plus difficile pour eux de prendre une décision claire. Vous devez également prendre en compte le référencement car plus d'options de menu apparaîtront sur chaque page, augmentant le nombre de liens que vous avez par page. Cela pourrait donner un coup de pouce aux pages plus profondes de votre site au détriment de vos catégories.
Les méga-sites ont également tendance à être ceux qui sont plus associés aux achats lorsque vous traitez avec un marché générique. Un site comme Amazon a tellement de produits et de catégories, ils auront probablement toujours le méga menu tandis qu'un site comme Apple a ses produits dans les catégories principales et ils n'ont pas une large gamme de produits ils ont donc une navigation et un menu simples.
Vous pouvez vérifier ce que fait votre concurrence et si vous souhaitez exclure le référencement dans le cadre de la discussion, pourquoi ne pas concevoir les deux menus et les tester. Les tests devraient rapidement révéler si les utilisateurs utilisent plus ou moins le site car vous aurez un changement dans le taux de rebond, le temps sur le site, les pages par session, etc.
L'idée d'utiliser un méga menu avec un survol de souris est très mauvaise car elle conduit à la discrimination de certains groupes d'utilisateurs par exemple.
- Une personne atteinte de la maladie de Parkinson
- Un ordinateur avec un chemin de souris défectueux
ÉDITER:
Je veux dire le chemin de la souris chauve-souris (vous pouvez utiliser une touche de tabulation pour naviguer si le lien est sur cliquez et non pas survoler ce méga menu pris en charge.)