Les éléments de navigation doivent-ils être planés ou cliquer pour activer la liste déroulante?
Lorsqu'il existe une option de liste déroulante, les utilisateurs doivent-ils s'attendre à la survoler ou à cliquer dessus?
J'ai vu cela se faire de toute façon.
J'ai récemment visité le site Web de cette lightspeed. Ils ont un menu déroulant pour leur page produit. J'ai remarqué que moi et d'autres personnes cliquaient sur un produit alors qu'il était censé être en vol stationnaire. Cela me fera rebondir sur la page du produit et je continue à cliquer sur la page du produit une autre fois avant de réaliser que je devrai passer la souris dessus pendant une seconde avant de sélectionner une autre option.
https://www.lightspeedhq.com/products/
Existe-t-il une norme pour ce faire (survoler ou cliquer?). Ou peut-être que lightspeed a juste une transition lente de l'interface utilisateur?
Réponse courte
Ne pas survoler l'utilisateur.
Réponse longue
Bien que 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, il semble y avoir une tendance à ne plus utiliser les menus de 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é:
- 5 alternatives aux menus déroulants en survol
- Que devons-nous faire à propos des menus déroulants de survol?
- Le vol stationnaire est mort, survolez longtemps
- Pourquoi les menus survolés font-ils plus de mal que de bien aux utilisateurs
En outre, si vous êtes intéressé, The Treasure Navigation: 37 ressources d'utilisabilité du men est une lecture intéressante.
Vous ne pouvez pas utiliser le survol de la souris sur des écrans tactiles comme les tablettes et les grands smartphones, et le survol de la souris présente des défis d'accessibilité. Le vol stationnaire frustre également les gens s'il est déclenché par accident ou implique des interactions inconnues, c'est-à-dire en vol stationnaire pendant 1 seconde, et peut être difficile à utiliser avec précision si la région de vol stationnaire est petite, etc.
Il est donc préférable d'utiliser un clic de souris explicite, couplé à l'icône du curseur qui se transforme en icône de pointeur (pour identifier l'objet cliquable, c'est-à-dire la capacité), ce qui vous garantit automatiquement la prise en charge du toucher et de l'accessibilité.
Le clic est probablement l'approche la plus accessible, la plus utilisable et la plus cohérente.
Il est cependant important de distinguer les éléments de navigation principaux qui ont des listes déroulantes des éléments qui n'en ont pas, comme on peut le voir sur la capture d'écran de l'OP.
Si tous les éléments de navigation principaux se ressemblaient, parcourir la navigation serait une loterie - parfois, vous vous retrouverez sur le lien sur l'élément de navigation principal, parfois vous déclencherez une liste déroulante.
Je suis contre le vol stationnaire car cela écrase la cohérence et la méthodologie réactive. Garder les choses cohérentes signifie que nous soyons sur un grand ou petit appareil, nous cliquons pour révéler les éléments de sous-menu car les appareils tactiles ne peuvent pas planer efficacement. L'approche la plus cohérente consiste à éviter les déclencheurs de survol, les actions et les changements d'état dans la mesure du possible et sur tous les appareils/points d'arrêt.
Cette cohérence interactive garantit également que les visiteurs qui s'habituent à interagir avec le site sur un appareil ne sont pas surpris s'ils ont besoin d'utiliser le site sur un autre appareil.
Cette approche cohérente affirme également la méthodologie réactive de ne pas pénaliser ou segmenter les utilisateurs en fonction de leur appareil ou de ses capacités. Il finit par être une pente glissante et peut rapidement se transformer en "jouons de la musique sur les ordinateurs de bureau et changeons la couleur du corps du texte sur les appareils de taille mobile" au point que le même site devient méconnaissable sur plusieurs appareils. Certains pourraient plaider en faveur du "survol sur les ordinateurs de bureau", mais les appareils actuels ont brouillé la définition des "ordinateurs de bureau". Cela signifiait autrefois des "appareils non tactiles", mais nous avons maintenant des appareils tactiles avec des résolutions de bureau et nous avons également des ordinateurs de bureau avec des écrans tactiles.
Il y a beaucoup de ruelles cachées, mais il est difficile de se perdre si vous gardez vos interactions cohérentes.
C'est un assez mauvais IxD. Les survols/info-bulles doivent être affichés et masqués avec la même méthode que celle utilisée pour entrer/sortir de la zone. Ainsi, lorsque la souris part, elle devrait revenir à son état antérieur.
J'essaie de déconseiller l'utilisation des survols dans les méga menus. Le survol introduit des éléments supplémentaires à considérer, comme le moment du survol pour déclencher l'affichage du contenu. Hover ouvre également une boîte de vers en ce qui concerne les normes ADA et l'accessibilité. De plus, certains utilisateurs qui se précipitent cliqueront avant que le survol ne soit consommé.