web-dev-qa-db-fra.com

Pourquoi plus de sites n'ont-ils pas utilisé la barre de navigation par rapport au menu hamburger?

Un beaucoup a été dit sur les inconvénients des menus hamburger, et nous avons vu beaucoup d'applications mobiles s'éloigner de ce modèle de navigation au profit d'une barre de navigation ( exemple récent ).

En général, je suis d'accord avec la thèse derrière ces arguments, mais je suis curieux de savoir pourquoi nous n'avons pas vu cette tendance sur le web mobile . Est-ce juste une question de concepteurs préoccupés par la convention de contournement (ou de trouver via des tests AB/des enregistrements d'écran que cela déroute les utilisateurs)? La structure de navigation plus complexe des grands sites Web est-elle moins appropriée pour le traitement de la barre de navigation? (Je ne suis pas complètement convaincu que ce problème soit trop difficile à résoudre.)

Si quelqu'un a des exemples de sites riches en contenu (commerce électronique, journalisme) qui ont utilisé avec succès une alternative à la navigation hamburger, j'adorerais les voir. J'en ai vu certains qui utilisent des menus qui complètent la navigation sur les hamburgers (Sephora et Keep.com en sont deux qui me viennent à l'esprit), mais je suis sûr que je n'ai pas encore vu de site où le menu des hamburgers est complètement supplanté.

9
dekaliber
  • Les menus hamburger, qu'on le veuille ou non, sont largement reconnus
  • Inertie: tout le monde le fait, donc nous l'avons fait et maintenant c'est fait (jusqu'à la prochaine refonte/financement majeur)
  • Les hamburgers prennent très peu de place et se prêtent à être rentrés dans un coin de l'écran
  • Dans de nombreux cas, ils sont efficaces

Je veux aborder ce dernier point en particulier. IMO, les menus burger sont plus efficaces lorsqu'ils contiennent des fonctions moins fréquemment utilisées. Les fonctions régulièrement utilisées ou essentielles d'une application ou d'un site Web doivent être facilement détectables. Microsoft l'a découvert à la dure avec Windows 8, en s'appuyant trop sur l'interface utilisateur de navigation qui n'a été révélée que par un balayage ou une souris des bords de l'écran. Pour moi, une solution efficace consiste à utiliser les deux types d'outils d'interface utilisateur.

Exemples d'éléments pouvant être inclus dans un menu burger:

  • Une section "À propos" ... car peut-être qu'une fois dans une lune bleue s'en soucierait (Nous voulons acheter votre entreprise, vous embaucher, rivaliser avec vous)
  • Paramètres, tels que la narration, par ex. dans certaines de mes applications, l'utilisateur peut choisir de l'avoir et si la voix est masculine ou féminine. À quelle fréquence en avez-vous besoin?
  • Un formulaire de contact (ou un lien vers celui-ci) ou, dans le cas d'une application, une page/un contrôle d'évaluation

Exemples qu'il serait horrible d'inclure dans un menu burger:

  • Un bouton de lecture/pause pour une vidéo, un diaporama ou une application d'exercice chronométré
  • Une commande d'envoi pour une application de messagerie ou de messagerie/page Web

Les systèmes d'exploitation non mobiles pourraient placer la plupart des éléments dans les menus, car ils disposent de l'espace nécessaire pour afficher/commander des éléments, ainsi que des claviers (avec des raccourcis/commandes mémorisables). Pensez cependant aux programmes que vous utilisez, tels que Photoshop, Illustrator ou Word et à la façon dont ils mélangent les outils/fonctions dans les palettes avec ceux cachés dans les menus.

J'espère avoir répondu à la question d'origine, mais j'espère également encourager les concepteurs à évaluer quels seront les outils les plus efficaces pour les utilisateurs, quelle que soit la direction du vent.

4
Stonetip

Les deux (hamburger et barre de navigation) ont des avantages et des inconvénients qui les rendent appropriés dans des contextes particuliers. Cela dépend en grande partie de la valeur que vos utilisateurs tirent des fonctionnalités que vous considérez pour votre navigation principale et, plus objectivement, de la fréquence à laquelle ils utilisent ces fonctionnalités.

Spotify est un excellent exemple où une barre de navigation a beaucoup de sens: Parcourir/Rechercher/Votre bibliothèque/Radio - J'utilise tout cela tout le temps. Ils offrent une valeur similaire et sont probablement tous fréquemment utilisés. Il est donc logique d'optimiser l'accès à ces fonctionnalités.

Pour certaines applications, cependant, il y a une plus grande disproportion entre la fonction principale et le reste de la fonctionnalité. Pensez à Facebook, par exemple, tout ce qui compte, c'est le flux, la possibilité de le parcourir rapidement et la possibilité de créer de nouveaux messages (qui sont intégrés au flux). Je parie que de nombreux utilisateurs ne sauraient même pas quoi faire d'autre sur Facebook. Aller à des pages spécifiques, des événements, des applications est beaucoup moins important. Il est donc logique de supprimer ces options de l'écran principal et de les masquer derrière un menu hamburger. Vous pouvez alors fournir moins d'encombrement et une expérience beaucoup plus ciblée et axée sur le contenu.

3
krychu