Une fois qu’une boutique dépasse le cap des 50 produits, les choses commencent à changer. La façon dont vous guidiez vos clients à vos débuts paraît désormais à l’étroit. Le problème de navigation d’une boutique en croissance se précise : il ne s’agit plus d’« avoir un menu suffit », mais de « le menu mène-t-il les clients au bon endroit assez vite ».
J’ai un jour géré une boutique qui est passée exactement par cette étape. Le catalogue a grandi plus vite que prévu, et l’ancienne structure de menu est discrètement devenue un goulot d’étranglement — jusqu’à ce que je regarde les chiffres et que je finisse par le voir.
À quoi ressemble l’Étape 2
Le signe le plus évident est un catalogue qui s’étend rapidement. Vous ajoutez une nouvelle collection presque chaque mois : par saison, par gamme de produits, par promotion. Le menu plat des débuts, avec quatre ou cinq éléments, est maintenant surchargé.
Le trafic augmente aussi. Plus important encore, vous commencez à disposer de vraies données comportementales : d’où viennent les clients, sur quoi ils cliquent, où ils partent. Avant, vous deviniez ; maintenant, vous pouvez mesurer.
Et il y a un nouveau groupe de clients : ceux qui reviennent. Ils ont déjà acheté, ils savent ce que vous vendez, et cette fois ils veulent trouver les choses plus vite. Ils sont moins patients que les visiteurs qui découvrent la boutique. Si le menu les oblige à tâtonner, ils s’agaceront même s’ils vous appréciaient auparavant.
Quand faire évoluer votre navigation
Il existe quelques signes assez clairs. Pas besoin de deviner ; il suffit de regarder les chiffres.
- Les clients doivent cliquer trois fois ou plus pour atteindre un produit. Chaque clic supplémentaire est une occasion pour un client d’abandonner. Plus vos catégories sont imbriquées en profondeur, plus le chemin vers le produit est long, et les abandons à chaque étape s’additionnent.
- Le taux de recherche augmente. Quand davantage de personnes utilisent la barre de recherche, ce n’est généralement pas bon signe — le menu ne les conduit pas là où elles doivent aller, alors elles doivent taper elles-mêmes. La recherche devrait être un recours, pas le chemin principal.
- Le taux de rebond grimpe en même temps que le catalogue. Un catalogue qui grandit associé à un taux de sortie en hausse forme une combinaison suspecte. La cause profonde est souvent que les clients arrivent, ne voient pas de chemin clair, et repartent.
Il vaut aussi la peine de garder en tête le contexte plus large. Selon le Baymard Institute, le taux moyen d’abandon de panier dans l’e-commerce avoisine les 70 % et n’a quasiment pas bougé depuis de nombreuses années. Un menu ne peut pas tout corriger, mais un chemin embrouillé n’aide certainement pas à retenir les clients.
Une structure plus claire pour une boutique en croissance
À ce stade, la boutique a besoin d’une vraie structure, et pas seulement d’une liste de liens. C’est là qu’un méga menu commence à prendre tout son sens.
Sur desktop, un méga menu vous permet d’afficher de nombreuses catégories d’un coup dans un panneau déployé, au lieu de les cacher derrière plusieurs niveaux. D’un seul coup d’œil, le client voit l’ensemble : quelles gammes de produits vous proposez et comment elles sont regroupées. Cela correspond à la façon dont l’œil humain parcourt une page. Le Nielsen Norman Group note que la navigation cachée (celle entièrement dissimulée derrière une icône) réduit la découvrabilité du contenu par rapport à une navigation visible, et cet effet est plus marqué sur desktop que sur mobile.
Autrement dit : sur un grand écran, ne cachez pas. Montrez. Le méga menu a été conçu exactement pour cela.
Avec environ 50 à 500 produits, vous n’avez pas encore besoin d’un méga menu bourré de colonnes. Une disposition à deux colonnes suffit généralement et reste facile à lire. Vous pouvez ajouter des images pour quelques catégories phares — par exemple, une boutique de mode qui place une image « Nouvelle collection » ou « Meilleures ventes » directement dans le menu, ce qui à la fois guide et incite le client à acheter.
Mobile : la Tab Bar tient les destinations principales, le Slide Menu gère le reste
La plupart des clients font leurs achats sur leur téléphone, donc le mobile est l’arène principale. Et le mobile a ses propres contraintes : un écran étroit, et des personnes qui tiennent le téléphone d’une seule main.
La zone la plus facile à atteindre avec le pouce se situe autour du tiers inférieur de l’écran — la zone du pouce. C’est pourquoi une barre de navigation placée en bas (une Tab Bar) est si pratique : les destinations les plus importantes restent toujours à portée du pouce, et non reléguées tout en haut dans un coin.
Une manière sensée de répartir les rôles à ce stade :
- La Tab Bar tient quatre ou cinq destinations principales, toujours visibles en bas : Accueil, Catégories, Recherche, Panier, Compte. Ce sont les endroits où les clients reviennent le plus, alors gardez-les à portée de main.
- Le Slide Menu gère le catalogue devenu volumineux. Quand vous avez des dizaines de catégories et de sous-catégories, un slide menu qui s’ouvre depuis le bord vous permet de les organiser proprement par niveaux, sans occuper en permanence l’espace de l’écran.
Ces deux éléments se complètent plutôt qu’ils ne se remplacent. La Tab Bar gère la rapidité d’accès aux endroits fréquemment utilisés. Le Slide Menu gère la profondeur du catalogue. Le principe du Nielsen Norman Group s’applique ici aussi : ne cachez pas tout derrière une icône hamburger — gardez visibles les chemins les plus importants, et ne mettez que le reste dans le slide menu.
Commencez à regarder les statistiques du menu
La grande différence entre l’Étape 2 et les débuts, c’est que vous disposez maintenant d’assez de données pour prendre des décisions. C’est le moment de suivre sérieusement les statistiques du menu.
Regardez quels éléments du menu reçoivent beaucoup de clics et lesquels ne sont presque jamais touchés. Une catégorie que vous avez placée bien en évidence mais sur laquelle personne ne clique a peut-être le mauvais nom, la mauvaise position, ou tout simplement le client ne s’y intéresse pas. À l’inverse, un élément enfoui en profondeur mais qui reçoit malgré tout beaucoup de clics est le signe qu’il faudrait le faire remonter.
N’organisez pas le menu d’après l’intuition de quelqu’un à l’intérieur de la boutique. Organisez-le selon la façon dont les clients se déplacent réellement. Les statistiques du menu vous aident à voir ce chemin et à l’ajuster progressivement, au lieu de tout remanier d’un coup.
Une chose à garder en tête lorsque vous ajoutez des outils : la vitesse de la page. Selon Google, les seuils « bons » pour les Core Web Vitals sont un LCP sous 2,5 secondes, un INP sous 200 millisecondes et un CLS sous 0,1. Un méga menu et un slide menu, s’ils sont construits de façon lourde, peuvent faire chuter ces chiffres. Plus la boutique grandit, plus elle a tendance à installer d’applications, et chaque application peut allonger le temps de chargement — votre menu doit donc rester léger et ne pas ralentir la page.
Configuration suggérée avec Navi+
Si vous ne voulez toucher à aucune ligne de code, voici la configuration qui me semble convenir à une boutique à ce stade, construite avec Navi+ :
- Desktop : un Mega Menu à deux colonnes, avec des images pour une ou deux catégories phares. Assez clair sans être encombré.
- Mobile : une Tab Bar pour les quatre ou cinq destinations principales en bas, combinée à un Slide Menu pour tout l’arbre des catégories.
- Suivi : activez les statistiques du menu pour voir quels éléments sont utilisés, puis affinez progressivement.
Navi+ configure le mobile et le desktop séparément, de sorte que vous n’avez pas à forcer une seule mise en page à servir les deux. Le menu se fait en glisser-déposer, sans code, et il reste en place quand vous changez de thème — un point bien pratique, car beaucoup de boutiques à ce stade ont tendance à renouveler leur apparence. L’outil est optimisé pour ne pas ralentir la page et porte le badge « Built for Shopify ».
Le plus important à l’Étape 2 n’est pas de faire un menu grandiose, mais de le rendre clair et mesurable — afin que, lorsque la boutique grandira encore, vous disposiez déjà des fondations et de l’habitude de regarder les chiffres pour continuer d’avancer.
Cet article fait partie du guide plus large sur La navigation à chaque étape de la croissance d’une boutique — de 10 à 10 000 produits.