web-dev-qa-db-fra.com

Survolez ou cliquez sur le méga menu

Implémente maintenant un nouveau méga-menu. Les options de sous-menu du méga-menu actuel sont affichées au survol du curseur de l'utilisateur. Une action plus explicite comme un clic de souris serait-elle plus appropriée pour cela (comme l'exemple ci-dessous)?

enter image description here

2
zakcreate

C'est une question intéressante.

TL; DR - Personnellement, j'irais avec un clic parce que l'ouverture d'un "méga menu" est plus une action.

Une bonne règle de base est que vous souhaitez conserver la distinction entre un action (qui pourrait être indiqué par un clic de souris) et interaction (qui pourrait être indiqué par un survol ou similaires).

Les actions font que quelque chose se produit - que ce soit en changeant, en ajoutant, en supprimant ou similaire. D'autre part, les interactions ne n'implique pas que quelque chose sera changé, ajouté, supprimé, etc.

Concernant votre question, l'affichage d'un menu est plus une interaction car vous n'initiez pas de navigation vers n'importe où. Cependant, il devient un point où le survol pour afficher un énorme menu peut presque être considéré comme une action. Par exemple, sur l'exemple du site Web de Microsoft auquel vous vous référez, le menu masque le reste de la page - et cela pourrait être considéré comme une action car quelque chose est en cours de modification. (Le point de vue de l'utilisateur)

En conclusion, vous devez vous demander si votre "méga menu" est une action ou une interaction, et poursuivre cela, qu'il change, ajoute, supprime ou modifie l'expérience de l'utilisateur de quelque manière que ce soit. Si l'utilisateur va lancer une action - utilisez un clic. S'il s'agit d'une interaction - utilisez un survol.

4
Aaron

Cliquez

Dans ce cas particulier, il serait utile de considérer également certains inconvénients ou pièges du vol stationnaire:

  • Faux positifs: les actions de survol se déclenchent chaque fois que le pointeur de la souris se trouve sur le menu. Mais très souvent, l'utilisateur ne le fait pas intentionnellement. La zone de survol se trouve juste le long du chemin que l'utilisateur souhaite parcourir. Comme @aaron l'a déjà souligné dans sa réponse, un méga menu empêche le reste de la page de s'afficher.

    • Non-stickyness: l'état de survol ne persiste que tant que la souris est sur l'objet. Veuillez noter que toute action de l'utilisateur avec une souris en vol stationnaire n'est pas possible. Votre conception peut ne pas avoir d'actions pertinentes, mais pensez au copier/coller, à l'enregistrement d'écran et à d'autres tâches multitâches (par exemple, passez à la messagerie pour lire le chemin de navigation que quelqu'un a suggéré) que l'utilisateur peut vouloir faire.

    • Faux négatifs: si l'utilisateur déplace son pointeur de 1 pixel trop loin en dehors de l'élément de survol, l'élément s'effondrera. Ce n'est pas tellement un problème pour le méga-menu, qui a une grande zone de survol lorsqu'il est ouvert. Mais certains menus survolés sont moins indulgents. Ils frustrent l'utilisateur avec des sous-sous-menus, et si l'utilisateur manque la trajectoire du menu au sous-menu, l'interaction en survol les oblige à recommencer.

Je dirais que le survol est idéal pour des interactions très légères , un tel effet d'ondulation de bouton ou une animation. Pour des interactions plus complexes - telles que révéler des options de navigation et de clic cachées - où l'utilisateur doit lire, faire une pause et réfléchir, aller avec un clic.

2
wintvelt

Flotter!

Le vol stationnaire est une action plus fluide pour explorer!

C'est une plus douce et une interaction plus légère. Il vous aide à explorer et à parcourir les options plus rapidement. Pensez-y comme si vous agitez la souris pour vérifier ce qui s'y trouve.

Comparez cela à un clic:

  • Cliquer consiste en deux actions (survoler + cliquer).
  • Le clic est en quelque sorte une action plus affirmée que le survol.

Les méga-menus sont de grands panneaux avec plusieurs menus et sous-menus. Je voterais pour l'action qui permet une navigation plus fluide.

1
Mo'ath

Tous les deux!

Je m'attendrais à devoir survoler pour développer un menu et à cliquer pour accéder à une autre page.

Le problème avec le survol ici est que l'utilisateur peut penser qu'il a atterri sur une page différente lorsqu'il survole accidentellement le bouton.

La solution pourrait éventuellement être un menu de survol plus petit que l'utilisateur peut développer en cliquant sur une étiquette "développer".

0
Tvde1