Plusieurs sites audités dans mes vidéos Le défi UX de Nathalie
ont remplacé la barre de navigation traditionnelle par un burger menu.
Ce n’est pas une pratique que je recommande sur ordinateur au vu du nombre de ses inconvénients.
Le burger menu, c’est l’icône représentée par trois lignes horizontales qui ouvre le menu d’un site.
Avec l’explosion du mobile et la mode du mobile first, certains sites vont même
jusqu’à supprimer la barre de navigation traditionnelle en la remplaçant par un burger menu. Mais attention, mobile first ne signifie pas mobile only.
Si un burger menu libère de l’espace pour afficher plus de rubriques, sur desktop (ordinateur) il comporte de nombreux inconvénients.
1. Le burger menu complique le repérage de la navigation
Ton utilisateur a plus de difficultés à repérer une petite icône qu’une large barre de navigation.
2. Le burger menu augmente l'effort physiques
Ton utilisateur doit faire un clic en plus pour accéder à tes rubriques.
3. Le burger menu augmente l'effort de mémorisation
Ton utilisateur doit mémoriser les libellés de toutes tes rubriques.
4. Le burger menu augmente la perte de temps
Ton utilisateur passe plus de temps avant d'accéder à tes contenus.
5. Le burger menu réduit l’utilisation de la navigation
Ta navigation étant masquée, ton utilisateur est moins susceptible de l'utiliser.
6. Le burger menu réduit la découvrabilité des contenus
Ta navigation étant masquée, ton utilisateur a moins de chances de découvrir ton contenu.
7. Le burger menu change les habitudes et crée de la frustration
Ton utilisateur s’attend à avoir ton logo suivi de ta barre de navigation.
8. Le burger menu crée une perte des repères
La rubrique active étant masquée, ton utilisateur a du mal à savoir rapidement où il est.
9. Le burger menu crée un manque de cohérence
Le burger menu est réservé aux smartphones, car l’écran est petit. Sur un grand écran, ça n’a pas de sens.
10. Le burger menu crée des problèmes d'accessibilité
Les utilisateurs qui ont des problèmes de motricité auront encore plus de difficultés pour accéder à tes rubriques.
L’espace des écrans étant réduit sur les smartphones et les tablettes, il est pertinent de masquer la navigation dans un burger menu plutôt que
l’afficher en entier sur plusieurs lignes.
Mais garde à l’esprit que toute navigation masquée comporte de nombreux inconvénients, même sur les smartphones et les tablettes.
Si tu as un nombre réduit de rubriques, il peut être judicieux d'afficher une tab bar, car elle permettra à ton utilisateur d’avoir une navigation fixe
et accessible en permanence.
Une tab bar est une barre d'onglets qui apparaît en bas de l'écran d'une application et permet de passer rapidement d'une section à l'autre de l'application.
C'est la structure de navigation la plus choisie par les applications mobiles. Elle contient généralement entre 4 et 5 onglets.
Sur les sites affichés en version desktop, il est temps de bannir le burger menu.
Sur les smartphones et les tablettes, le burger menu peut être envisagé, mais une tab bar reste une meilleure option.
Et comme toujours, veille à réaliser des tests utilisateurs pour valider tes hypothèses.
Cet article est issu de ressources publiées sur le site du Nielsen Norman Group, la référence mondiale en ergonomie digitale et en UX design.
Accès à l'article rédigé par Kara Pernice et Raluca Budiu sur le site du Nielsen Norman Group
Accès à la vidéo de Kara Pernice sur le site du Nielsen Norman Group
Sur un site, avoir un sticky header est indispensable. Découvre les raisons pour lesquelles tu dois en avoir un.
Découvre cette astuce UX
Avoir un libellé Accueil dans ta barre de navigation ça ne se fait plus. Vraiment ? Découvre pourquoi tu fais fausse-route.
Découvre cette astuce UX
Pour ou contre le scroll infini ? Découvre les avantages et les inconvénients de cette fonctionnalité.
Découvre cette astuce UX