Salut tout le monde,

J'espère que vous allez bien. Aujourd'hui, je voulais partager avec vous quelques réflexions sur un élément de design : le menu "burger", ces trois petites lignes qu'on voit partout. Très pratique, surtout sur mobile, mais est-ce toujours la bonne option ?

Le taux de visites que j'observe sur les sites e-commerce est de 70% sur mobile.

Donc optimiser la navigation sur ce petit format est extrêmement important.
 

Afficher tout les éléments du menu sur plusieurs lignes n'est pas recommandé. Cela devient difficile de cliquer, ce n'est pas joli et cela s'empire au fur et à mesure de l'ajout de liens :

Le menu hamburger aide à garder les choses propres en cachant le menu. C'est un super élément de design quand on a beaucoup de catégories à montrer.

Mais est-ce que cacher complètement votre menu derrière un clic en vaut toujours la peine ? Pas toujours.
On cache certainement des pages importantes au premier coup d'oeil du visiteur.

Une autre approche serait donc d'afficher quelques pages (les plus importantes) dans le menu en plus de l'icône "burger".

Certaines icônes sont universellement reconnues et peuvent donc remplacer le texte du lien comme "Panier" ou "Compte client". Cela permet de gagner un peu de place.

Pour finir nous pouvons "sortir" quelques catégories du menu caché pour venir les afficher directement de manière visuelle juste en dessous de la navigation :

Ce genre de section marche super bien sur les pages Collections et facilite la navigation interne des catégories.

Sur desktop ou tablette, l'histoire est différente. On a plus de place, donc intégrer un menu visible est une bien meilleure idée pour que vos clients trouvent directement ce qu'ils cherchent. Le menu hamburger peut encore servir, mais plutôt pour les infos secondaires.

Ayant designé des centaines de sites Shopify, je cherche toujours à optimiser les boutiques pour que vos clients trouvent facilement ce qu'ils cherchent et achètent sans se perdre. Un menu bien pensé fait toute la différence.

J'espère que ça vous donne des idées pour peaufiner vos boutiques. Et comme toujours, si vous avez besoin d'un coup de main ou d'un avis sur votre design, je suis là.

À bientôt,

William