Facilité d'utilisation des onglets à plusieurs niveaux par rapport au menu déroulant pour la navigation
Nous sommes au milieu d'une refonte de notre portail client, et il y a eu des discussions sur l'opportunité de poursuivre la conception d'un onglet à plusieurs niveaux ou un menu déroulant (utilisé sur la version actuelle de l'application).
Après avoir lu des questions comme Sous-onglets élégants, simples et évidents? , et des articles comme Pourquoi les menus survolés font-ils plus de mal que de bien aux utilisateurs , je me demande si il y en a de vraies données d'utilisabilité de toute façon.
Pour illustrer ce dont je parle, voici la conception en attente de la nouvelle méthode de navigation:
et voici la conception actuelle:
De mon point de vue, la nouvelle conception proposée a comme principal avantage la possibilité pour l'utilisateur de voir et de naviguer vers d'autres sous-sections sans nécessairement avoir à ouvrir un menu. C'est aussi plus attrayant (du moins pour moi).
L'inconvénient est que j'ai le problème de navigation en survol décrit dans cet article que j'ai cité . Je pourrais y faire face soit par:
- Un retard jQuery sur le survol (utilisé sur E * Trade et QuickBooks en ligne), ou
- Obliger l'utilisateur à cliquer sur l'onglet pour afficher les sous-onglets ou naviguer vers la page de section principale en cliquant sur l'onglet. Le premier risque de perdre les avantages de l'affichage par défaut étant une représentation "vous êtes ici". Ce dernier peut entraîner des retards, car un utilisateur devra visiter la page principale de la section principale avant de pouvoir accéder à la sous-page souhaitée.
Malheureusement, je n'ai pas le luxe d'effectuer des tests utilisateur, et même si je le faisais, la préférence serait probablement biaisée en faveur des listes déroulantes davantage en raison du dégoût du changement que de la convivialité réelle. Notre base d'utilisateurs doit à peu près utiliser le système, donc je n'ai pas à me soucier de perdre du trafic si le changement est initialement inconfortable. Je préfère la facilité d'utilisation et l'esthétique simple.
Je n'ai pas vu et je n'ai pas pu trouver actuellement d'études évaluant spécifiquement la navigation par onglets par rapport à la navigation par menu déroulant.
Je crois que ce type de question pour laquelle la navigation est meilleure se résume presque toujours à celle qui est meilleure pour le contexte. Ainsi, lorsque l'on considère les exemples spécifiques que vous avez publiés ci-dessus, j'ai quelques points à noter.
- Vous constaterez qu'en fait la navigation verticale est un peu plus facile à numériser (selon la façon dont vous la disposez) et donc votre menu déroulant est en théorie une "lecture" plus rapide que le multi-niveau ensemble.
- Il existe un lot de sites et d'études faisant valoir pour et contre les listes déroulantes. Comme vous pouvez le voir dans votre exemple, une chose est très claire. Selon la largeur de la fenêtre du navigateur de votre utilisateur, vous pouvez insérer plus d'éléments dans un menu déroulant. Cela revient au point que j'ai fait plus tôt sur le contexte étant roi pour votre choix de menu. Jakob Nielsen note dans son article sur "Tabs, Used Right" que les onglets à plusieurs niveaux (comme si l'un de vos niveaux d'onglet comprenait ses options) devraient en général être évités, ce qui pourrait certainement être un problème avec les téléspectateurs de votre site accédant à partir d'appareils de résolution inférieure.
- Un avantage évident de l'approche multi-niveaux basée sur les onglets que vous avez montrée dans votre question est que vous pouvez voir plus de catégories à la volée, sans avoir à déplacer votre maison pour planer ou cliquer pour afficher le menu.
En résumé Je pencherais généralement davantage vers le méga menu déroulant. Bien qu'il y ait en effet des négatifs clairs dans le menu déroulant méga, avec les onglets, vous aurez des problèmes avec leur emballage sur différents appareils, et vous ne pouvez pas adapter autant d'options facilement. Je dois cependant noter que si vous pouviez effectuer des tests d'utilisabilité de couloir vraiment basiques, vous pourriez constater que la majorité des vos la base d'utilisateurs accède uniquement à un certain sous-ensemble d'informations sur votre site, à une résolution spécifique et donc l'interface basée sur des onglets peut être 100 fois meilleure. Donc, si vous pouvez tester de quelque façon que ce soit, je pousserais fortement à cela.
Informations complémentaires/lecture:
- En défense de la navigation verticale via astheria.com
En passant: je me demande presque si votre exemple ici de navigation à onglets à plusieurs niveaux pourrait être considéré comme une forme de méga menu déroulant, juste avec l'alignement du texte commuté.
Tout site sur le Web devrait commencer à représenter le nombre croissant d'utilisateurs d'écran tactile. Et, puisque certains utilisateurs peuvent modifier leur chaîne User-Agent, ils peuvent obtenir la version de bureau de votre site même si vous essayez de détecter les navigateurs mobiles. Les chances sont bonnes et croissantes que vos utilisateurs visitent votre site à l'aide d'un écran tactile et survolez ne fonctionne pas sur les appareils tactiles. Il s'agit d'un problème en plus des problèmes de l'article que vous avez cité. Ma recommandation est d'éviter de survoler la solution que vous choisissez.
Les menus verticaux offriront des avantages aux utilisateurs qui scannent le texte dans le menu et leur permettront de passer moins de temps à regarder et à réfléchir à votre navigation et à se concentrer sur le contenu réel de votre site.
Jetez un œil à: https://webmasters.stackexchange.com/questions/5448/pros-and-cons-of-horizontal-menus-versus-vertical
Et, considérez le modèle en forme de F: http://www.useit.com/alertbox/reading_pattern.html