Ai-je besoin de flèches pour indiquer les menus de survol dans la navigation principale?
La navigation principale d'un site Web sur lequel je travaille utilise des menus de survol et chaque élément de navigation principal a des enfants qui s'affichent en survol/tapotement.
Dois-je inclure une flèche vers le bas (chevron) qui indique aux utilisateurs que le contenu sera révélé en survol? J'ai beaucoup eu ce débat avec des designers. Ils veulent conserver l'espace et la propreté de la navigation principale et estiment que l'iconographie de la flèche la détruit - même lorsque j'ai repoussé et dit que les flèches peuvent être super subtile et les utilisateurs captent le signal visuel.
S'il y avait une expérience incohérente entre les principaux éléments de navigation (certains avaient des enfants, d'autres non), je recommanderais certainement d'inclure des flèches pour montrer aux utilisateurs qu'ils obtiendront des résultats différents en survolant différents éléments.
Cependant dans ce cas, parce que l'expérience est la même pour chaque élément de navigation, dois-je inclure ce repère visuel? Ou une fois que les utilisateurs verront l'expérience et que leur survol déclenche la sous-navigation, comprendront-ils que le reste de la navigation fonctionnera de la même manière?
Je n'aime pas nécessairement l'idée que les utilisateurs doivent `` tester et voir '', mais je ne sais pas si cela vaut la peine de continuer à mener cette bataille si c'est quelque chose que les utilisateurs peuvent rapidement comprendre.
Exemples attachés pour référence . 
Regardons de cette façon. La flèche indique certainement une sous-navigation, mais peu de choses doivent être prises en compte -
1) Si votre navigation comporte d'autres éléments qui n'ont pas de sous-navigation, il peut être judicieux d'ajouter cette flèche pour la différencier des autres catégories de navigation. Un bon exemple pourrait être Amazon (voir capture d'écran) -
Voyez comment l'élément de navigation "Magasiner par catégorie" a une flèche et s'ouvre en survol, contre tous les autres de la même ligne n'en ayant pas - car aucun d'entre eux n'a de sous-navigation. Il pourrait également servir d'élément de différenciation donnant de l'importance à un élément particulier. Maintenant, comparez cela à quelqu'un comme Macys ou JCPenny qui ont des sous-navs dans toutes les catégories, et peuvent donc rester à l'écart de cette flèche en toute sécurité -
2) Ouvrir la sous-navigation en survolant ou en cliquant (après l'ajout de la flèche), est une chose différente. Cela peut dépendre du domaine de votre site Web, du type d'appareil et de l'importance de vos éléments de navigation. Par exemple, nous avons vu comment "Shop By Category" d'Amazon s'ouvre en vol stationnaire, car c'est super important pour eux, et ils veulent peut-être que cela soit ouvert la plupart du temps, sans aucun effort. Comparez-le à Google, où vous voyez cette même flèche sur "Plus", mais la seule différence étant qu'il s'ouvre au clic. "Plus" n'est pas un élément de navigation super important, et il pourrait y avoir de moindres raisons de l'ouvrir en vol stationnaire.
Auparavant, les flèches étaient préférées car elles fournissaient un signal visuel aux utilisateurs, il y avait plus dans le menu s'ils cliquaient sur/passaient dessus.
Au fil du temps, les développeurs Web ont commencé à activer ces menus à la fois en cliquant et en survolant, auquel cas les flèches ne sont pas nécessaires car les utilisateurs par défaut cliqueront ou tapoteront sur un élément de menu. Si cela révèle un sous-menu ou des menus déroulants, etc., le besoin de flèches est redondant.
Quoi qu'il en soit, je ne pense pas que cela fera trop de différence en 2016, car les utilisateurs Web sont beaucoup plus familiers avec ces menus et les élaborent rapidement site par site. Si vous êtes intéressé, The Navigation Treasure Trove: 37 Menu Ergonomie Resources est une lecture intéressante.
Cependant ...
... êtes-vous prêt à utiliser les menus de survol?
Il semble y avoir un mouvement pour ne plus utiliser les menus en survol. La part de cela due à la croissance des appareils mobiles est sujette à débat. Quoi qu'il en soit, j'ai inclus quelques références pour plus de lecture sur ce sujet si vous êtes intéressé:
Oui, vous avez besoin de flèches.
Tous les appareils à écran tactile ne peuvent pas planer, vous devez donc inclure des informations sur la nature d'un élément de menu, car il ne peut pas être discerné ou découvert en survolant.
Certains pourraient dire que vous pourriez/devriez détecter s'il s'agit d'un appareil tactile, puis ajouter les flèches. Non parce que:
- Un utilisateur peut avoir son appareil tactile configuré pour usurper en tant que navigateur de bureau
- Un utilisateur peut d'abord visiter sur son téléphone/tablette puis sur son bureau
Donc, pour des raisons de sécurité, utilisez simplement des flèches.
N'utilisez pas du tout le vol stationnaire. Les utilisateurs apprécient la certitude d'un clic.
Des menus qui révèlent un agacement involontaire ou une navigation lente, mais si quelqu'un insiste pour planer, TOUT indice visuel doit être accueilli.
Les concepteurs qui disent "garder les éléments au minimum" en ajoutant peut-être "parce que le visiteur saura quoi faire" font des présomptions. Tous les sites ne sont pas identiques. Alors pourquoi compter sur un visiteur "familier"?
La barre de menus de Macy semble passive - une simple liste de départements. Quel mal y a-t-il dans les signifiants visuels?
En guise de compromis, je vous suggère de mettre un signe visuel: une flèche pour commencer (et une seule) dans un endroit distingué, comme à côté du bouton d'accueil.
Cela indique que tous les boutons suivants sont des menus déroulants. J'ai dit une flèche pour commencer, mais ça n'a pas à être une flèche.