web-dev-qa-db-fra.com

Mes menus doivent-ils se dérouler en survolant + en cliquant ou simplement en cliquant?

J'ai une application Web qui dispose actuellement de menus déroulants "en survol". C'est évidemment un problème sur les tablettes, etc. où il n'y a pas d'équivalent en vol stationnaire.

Donc, je dois ajouter une fonctionnalité `` au clic '' pour que les menus déroulent, mais je ne sais pas si je dois également laisser la fonction de survol ou la supprimer.

Ma question est: Les menus doivent-ils être "sur clic" uniquement pour des raisons de cohérence ou prendre en charge les deux en survol/clic pour dérouler?

edit: le menu n'est très clairement pas le menu de navigation en haut de la page, c'est plus un menu de contrôle pour filtrer/trier les résultats sur les données tabulaires.

L'idée est que le survol de "Filtrer par" ou "Colonnes" déroule un menu qui vous permet de sélectionner les colonnes visibles ou d'ajouter des filtres à la liste des résultats affichés.

(à bien y penser, ce n'est peut-être pas aussi clair que je le pense)

Menu with filters/columns

11
Shawn D.

Il me semble que vous avez besoin de listes déroulantes comme celles ci-dessous qui s'ouvrent sur le clic et non sur la flèche - la flèche vers le bas agissant comme une opportunité.

enter image description here

9
Roger Attrill

J'ai récemment mené une étude pour déterminer si un menu clic ou un menu survolé convient mieux à l'un de nos plus grands sites de clients financiers ... ce sont mes conclusions. J'espère qu'ils vous seront utiles ou utiles:

En résumé :

  • En général, les menus survolés sont en effet des comportements attendus sur la plupart des sites, mais il convient de noter que sur les sites qui sont souvent fréquentés, comme une plateforme de trading d'actions (comme celle de nos clients) qui est fréquentée quotidiennement par leurs clients , et pour la plupart, les utilisateurs se connectent et restent sur le site jusqu'à 10 heures par jour, tous les jours, puis le comportement sur le site est `` appris '' et les utilisateurs préfèrent faire un clic éclairé pour lancer ou agir quelque chose, par opposition à ce qui pourrait devenir une action de survol très ennuyeuse chaque fois que l'utilisateur déplace sa souris sur une zone sur laquelle il n'a pas l'intention de survoler.
  • Si le site est un site peu fréquent, comme un site de vente au détail/eCommerce occasionnel, l'action de survol est acceptable car les utilisateurs voudront apprendre rapidement comment naviguer et quelles sont leurs options, mais c'est le contraire pour les sites très fréquentés tels que les sites en ligne services bancaires, eBay, Google (par exemple Gmail), etc. (qui utilisent tous des menus de clic par opposition aux menus de survol).
  • Vous devez toujours considérer la sortie technique et l'accessibilité des menus clic ou survol. La méga liste déroulante a pris de l'ampleur après que Nielsen a publié ses conclusions sur la façon de bien les mettre en œuvre - http://www.useit.com/alertbox/mega-dropdown-menus.html mais dans le passé, survolez les menus et les menus déroulants étaient notoirement mal codés avec les terribles fonctions MouseOut et les voyages en `` tunnel '' pour accéder aux liens souhaités, ce qui les rendait impopulaires et encombrants (le menu déroulant gauche d'Amazon.com est un parfait exemple de ce qu'il ne faut pas faire .. .)
  • Le contexte est roi! Les utilisateurs plus âgés, par exemple, préfèrent les liens d'action en cliquant dessus. Les menus de déminage et de vol stationnaire ont tendance à leur échapper dans une certaine mesure.
  • Et certainement inclure une sorte de signal pour signaler qu'il y a un menu ci-dessous. Une flèche vers le bas ou un signe plus. Ce repère visuel signifie que l'utilisateur doit cliquer/survoler pour un sous-menu.

Un extrait de X Movement , d'un type UX appelé Anthony :

De nombreux concepteurs semblent croire que lorsque leurs menus s’ouvrent en survol, ils sont plus rapides et plus faciles à utiliser pour la plupart des utilisateurs. Cela peut certainement sembler de cette façon au début, mais lorsque vous regardez de plus près, vous remarquerez que le contraire est vrai. Les menus survolés sont en fait plus lents et plus difficiles à utiliser pour la plupart des utilisateurs. Les menus qui s'ouvrent en survol permettent d'économiser un clic aux utilisateurs, mais ce premier clic est nécessaire pour informer le site Web que l'utilisateur souhaite qu'un menu s'ouvre et qu'il est prêt pour cela. Il confirme également à l'utilisateur que quelque chose se passe à la suite de son clic. Ce comportement correspond au modèle mental de l'utilisateur sur le fonctionnement de la plupart des sites Web. Cliquer sur quelque chose que vous voulez n'a jamais été un problème pour les utilisateurs. Ce qui pose problème aux utilisateurs est d’obtenir quelque chose que vous ne voulez pas ou ne vous attendez pas simplement en survol.

Sur un site Web, les utilisateurs passent souvent leur souris sur de nombreuses choses. C'est quelque chose que la plupart des utilisateurs font pour voir ce qui est cliquable. Lorsque le survol indique aux utilisateurs si quelque chose est cliquable, c'est le moment le plus efficace. Mais quand il ouvre quelque chose avant même que l'utilisateur ne l'ait demandé, c'est alors qu'il peut surprendre et submerger les utilisateurs. Il n’y a aucun avantage à obtenir quelque chose que vous ne voulez pas plus rapidement, si vous ne le voulez pas. Lorsque cela se produit, cela devient plus une gêne qu'un avantage.

23
UXesse

Vous devriez probablement avoir besoin de créer une version mobile plus adaptée aux utilisateurs de mobiles/tablettes. Prenez site de Home Depot par exemple. Sur un PC, les listes déroulantes apparaissent en survol, alors que sur la version mobile, il n'y a pas du tout de listes déroulantes: enter image description here

S'ils avaient fait les menus déroulants de navigation et les clics sur les flys uniquement, cela ne résoudrait pas le problème que le site a vraiment besoin de sa propre version mobile. La visualisation de la version Web normale sur un appareil mobile serait une très mauvaise expérience.

De plus, de nombreux utilisateurs s'attendent à naviguer vers une autre page lorsqu'ils cliquent sur la navigation.

1
Matt Rockwell

2013 ... Je suis tombé sur ce post en recherchant le même problème pour un menu de navigation. Je conçois un cadre d'interface utilisateur pour mon entreprise et je cherche à prendre une décision sur le comportement par défaut pour la navigation sur le site.

Dans ce cas tel que présenté, les utilisateurs ne sont pas "à la recherche" de choses à faire. les menus sont des actions possibles enroulées pour économiser de l'espace. L'hypothèse est qu'ils cliquent pour révéler celui qu'ils veulent faire. Je dirais la même chose. Ce clic est le bon choix ici.

Cela informe également ma propre décision. Les menus de style tiroir de navigation regroupent les choix dans les catégories pertinentes et les gardent hors de vue jusqu'à ce qu'ils soient nécessaires. Les utilisateurs peuvent vouloir jeter un œil dans chaque tiroir pour voir son contenu avant de s'engager dans n'importe quel choix.

Grâce à ce post je vais avec hover pour mes menus de navigation.

0
Itumac