La fin du burger menu sur desktop

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.

Définition du burger menu


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.

Les inconvénients du burger menu sur desktop


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.

Que faire sur les smartphones et les tablettes ?


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.

À retenir


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.

Bibliographie


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

Autres astuces UX

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

Besoin d'aide en ergonomie digitale ou en UX ?

Tu as un projet de création ou de refonte pour ton site, ton application mobile ou ton logiciel (SaaS ou non) et tu cherches un expert en UX design ? Contacte-moi et voyons ensemble le dispositif le plus adapté pour t'aider à réussir ton projet digital.