web-dev-qa-db-fra.com

Menu Hamburger sur grand écran - que perdez-vous?

Le célèbre "Menu Hamburger" (ux-hamburger-drawer-icon.333-tr.s20) apparaît désormais de plus en plus sur les grands écrans d'ordinateurs de bureau et portables. Le menu de navigation réel qui résume la structure du site nécessite de cliquer dessus pour s'afficher.

Mon intuition expérimentée me dit que la plupart des gens familiers avec les petits écrans tactiles comprennent le "modèle de menu hamburger" et qu'ils comprennent que la navigation sur le site impliquera d'appuyer sur ce bouton.

Mon intuition me dit également qu'il y a beaucoup d'utilisateurs avec de grands écrans qui ne faites pas comprennent le motif (ou ne remarquent pas/ne cliquent pas sur l'icône du hamburger).

C'est un problème qui évolue rapidement. Je pense que le nombre de personnes qui comprennent et accèdent à l'icône du hamburger augmente. Le nombre de sites qui utilisent l'icône du hamburger sur les grands écrans augmente.

Sans aucun doute, vous payez un prix pour cacher votre menu de navigation derrière une icône, mais quel est ce prix? Des études à ce sujet? Comme un test A/B, le site A affiche le menu de navigation, le site B affiche une icône de hamburger, A obtiendra plus de clics vers le bas sur le site, mais combien de plus?

Je recherche des statistiques modernes pertinentes.

5
obelia

Je ne peux pas proposer de chiffres, mais je peux résumer une justification. Je suis d'accord avec toi. De plus en plus de gens savent ce que font ces 3 petites lignes. Mais j'ai une vision différente. Il y a une raison pour que le menu hamburger apparaisse sur les appareils mobiles. Manque d'espace sur l'écran. Bien sûr, cela a été rationalisé par de nombreux commentateurs en disant: "nous ne devrions montrer que ce qui est pertinent et le plus important sur les écrans mobiles sans les fioritures" etc etc . Tout cela est vrai, mais se résume à une chose.

La raison pour laquelle vous n'êtes pas en mesure d'afficher un menu de navigation sur un écran mobile n'est pas parce que vous ne le souhaitez pas mais parce que vous ne le pouvez pas.

Pourquoi voudriez-vous?

  • Pour montrer à l'utilisateur qu'il a le contrôle.
  • Pour que l'utilisateur remarque cet élément de navigation. Les hamburgers peuvent se perdre sur grand écran.
  • Ainsi, l'utilisateur peut faire ce qu'il veut en moins de clics/interactions.
  • Pour montrer ce que l'utilisateur peut faire. (Jusqu'à ce qu'ils cliquent sur le hamburger, comment sont-ils censés savoir ce qu'ils peuvent faire via le menu?

Le menu hamburger perturbe fondamentalement la capacité d'une application/site à utiliser tout l'espace d'écran disponible, de manière ordonnée, pour atteindre plus de niveaux/faire plus d'actions via la même interface utilisateur au lieu de se cacher derrière les menus. Par exemple, vous pouvez regarder GDrive sur Android et sur le Web. Le format d'écran plus grand permet à l'utilisateur d'en faire plus en raison de l'immobilier supplémentaire.

2
Gaurav Ramanan

Je suis souvent méfiant à la recherche de statistiques UX de niche universelles concernant des choses comme ça. La vérité, à ma connaissance, est que le contexte est primordial dans ces décisions.

Exemple: Squarespace - il a déplacé son site vers des menus de style hamburger. Pourquoi? Parce que beaucoup essaient de présenter ses modèles de site Web de manière magnifique. Les personnes à la recherche de grandes images préféreraient-elles un menu? Probablement pas. C'est donc la bonne conception pour le contexte.

Cependant, comme une règle universelle ne s'applique probablement pas à cela, nous pouvons plutôt essayer de construire un résultat à partir des principes UX de base:

  • Le hamburger exige plus de clics. Plus de clics sont pires.
  • Si l'utilisateur a besoin de parcourir plusieurs pages, l'expérience d'ouvrir constamment un menu peut devenir fatigante
  • La vitesse est la clé pour les utilisateurs - l'animation d'ouverture du menu pourrait les rendre lentement fous.
  • Le contenu du site est moins immédiatement évident. C'est mauvais.

Un bon article de blog sur le sujet et une source pour deuxième et troisième puces

2
Jacktionman