Un commerçant voit une grande marque utiliser un Mega Menu au rendu très soigné, alors il le recopie tel quel sur sa propre boutique. Le problème, c’est que cette boutique ne vend que vingt produits, et pourtant le menu est plus chargé qu’une place de marché complète. À l’autre extrême, certaines boutiques qui vendent des centaines de catégories se contentent d’une simple barre de menu horizontale toute nue — les clients arrivent, font défiler la page et ne comprennent jamais vraiment ce que la boutique vend réellement.
Les deux commettent la même erreur : ils choisissent un menu en fonction de ce qu’ils aiment regarder, et non de ce dont la boutique a réellement besoin. Il n’existe pas un seul type de menu idéal pour toutes les boutiques. Choisir le bon type de menu Shopify dépend du nombre de produits que vous avez, de la façon dont les clients achètent et de la part d’entre eux qui sont sur un téléphone. Cet article rassemble ce que j’ai appris après avoir géré et observé de nombreuses boutiques — non pas pour vous dire quel type est le meilleur, mais pour vous aider à voir par vous-même lequel vous convient.
- Le choix du menu part du contexte de la boutique, pas du goût visuel.
- Mobile et desktop demandent souvent des schémas différents.
- Le meilleur menu résout un goulot d’étranglement précis.
Pourquoi les menus comptent plus que vous ne le pensez
Le menu, c’est ce que les clients touchent avant même de regarder un produit. S’ils ne trouvent pas leur chemin, ils n’achètent pas. Cela paraît évident, mais c’est directement lié à un chiffre auquel peu de gens prêtent attention.
Selon le Baymard Institute, le taux moyen d’abandon de panier dans le e-commerce avoisine les 70 %, un chiffre issu de dizaines d’études et stable autour de ce niveau depuis des années. Le menu n’en est bien sûr pas la seule cause, mais certains clients partent simplement parce qu’ils n’ont pas trouvé assez vite ce dont ils avaient besoin. Une bonne navigation ne crée pas de chiffre d’affaires, mais une mauvaise navigation en fait fuir petit à petit.
Il y a encore un point : aujourd’hui, l’essentiel du trafic des boutiques provient des téléphones. La manière dont les clients utilisent un menu sur un petit écran est très différente de celle sur ordinateur, si bien qu’un menu efficace sur desktop ne le sera pas forcément sur mobile. C’est pourquoi des outils comme Navi+ vous permettent de configurer le mobile et le desktop séparément, plutôt que de forcer un seul menu à servir les deux.
Quatre facteurs qui déterminent le type de menu dont vous avez besoin
Avant d’examiner chaque type de menu, répondez à quatre questions sur votre propre boutique. Ces quatre facteurs décident presque de tout.
- Le nombre de produits et de catégories. Une boutique de vingt produits et une boutique de deux mille produits ont besoin de structures très différentes. Plus vous avez de catégories, plus il vous faut un moyen de laisser les clients percevoir la profondeur de l’offre sans se sentir submergés.
- La part du mobile par rapport au desktop. Ouvrez Google Analytics et regardez vraiment. Si la plupart des clients sont sur téléphone, le menu mobile est le menu principal, et le desktop est secondaire.
- La façon dont les clients achètent. Savent-ils exactement ce qu’ils veulent et vont-ils droit au but, ou viennent-ils flâner et explorer ? Les acheteurs déterminés ont besoin de raccourcis ; les flâneurs ont besoin de pistes.
- L’action la plus importante de la boutique. Chaque boutique a une chose qu’elle souhaite avant tout voir le client faire — démarrer une conversation, ouvrir le panier ou accéder à une page promotionnelle. Cette action doit toujours être à portée de main.
Le deuxième facteur mérite qu’on s’y attarde un peu. Les recherches de Steven Hoober portant sur plus de 1 300 utilisateurs ont montré que la plupart des gens manipulent leur téléphone avec le pouce, et que la zone que le pouce atteint le plus confortablement est la moitié inférieure de l’écran. C’est pourquoi un bouton ou une barre de navigation placés en bas reçoivent généralement plus de taps que quelque chose niché dans le coin supérieur.
À approfondirLire le guide complet → Quatre facteurs qui déterminent le type de menu dont vous avez besoin
Chaque type de menu résout un problème
Chaque type de menu est né pour résoudre un problème précis. Comprenez ce problème et vous saurez quand l’utiliser.
Mega Menu est le large menu déroulant sur desktop qui déploie de nombreuses catégories d’un coup, souvent accompagnées d’images. Il convient aux boutiques riches en catégories qui ont besoin de montrer leur profondeur. Mais pour une boutique avec peu de produits, un mega menu ne fait que paraître vide et inutilement complexe.
Tab Bar est la barre de navigation fixée au bas de l’écran mobile, généralement avec trois à cinq éléments comme Accueil, Catégories, Recherche, Panier et Compte. Elle se situe pile là où le pouce arrive le plus facilement, et reste toujours visible, si bien que les clients n’ont jamais à la chercher. C’est l’une des dispositions mobiles les plus fiables.
Slide Menu (hamburger) masque l’ensemble du menu derrière une icône à trois traits qui ouvre un panneau coulissant. L’avantage, c’est que c’est net et que cela peut contenir beaucoup d’éléments. L’inconvénient, c’est que tout est caché. Le Nielsen Norman Group a montré que masquer la navigation réduit sensiblement la fréquence à laquelle les clients la découvrent — ils l’utilisent moins, et quand ils l’utilisent, c’est plus tard. Un slide menu n’est pas une erreur, mais ne laissez pas vos éléments les plus importants se cacher à l’intérieur.
FAB (Floating Action Button) est le bouton rond qui flotte, généralement dans un coin inférieur, pour une seule action — un appel téléphonique, une conversation, l’ouverture d’une promotion. Il est efficace lorsque la boutique a exactement une chose qu’elle veut voir le client faire. Mais empilez plusieurs boutons flottants ensemble, et ils finissent par recouvrir le contenu.
| Type de menu | Pertinent quand | À surveiller quand |
|---|---|---|
| Mega Menu | Beaucoup de catégories, surtout desktop | La boutique a peu de produits |
| Tab Bar | Fort trafic mobile | On essaie d’y caser plus de cinq éléments |
| Slide Menu | Beaucoup d’éléments secondaires, envie de garder du net | On y cache un élément important |
| FAB | Une seule action prioritaire claire | On place plusieurs boutons flottants à la fois |
À approfondirLire le guide complet → Un tour d'horizon de chaque type de menu : quand l'utiliser, quand l'éviter
Combiner les menus selon chaque type de boutique
En pratique, une boutique utilise rarement un seul type de menu. La valeur réside dans leur combinaison — et bien les combiner dépend du groupe auquel appartient votre boutique.
Une boutique de mode riche en catégories utilise souvent un Mega Menu sur desktop pour déployer ses gammes de produits, et un Tab Bar sur mobile pour que les clients puissent toujours atteindre les catégories et le panier. Deux menus différents au service de deux contextes différents, mais la même logique de catégories en dessous.
Une boutique d’un seul ou de quelques produits, c’est l’inverse. Un mega menu y est démesuré. Une barre de menu desktop épurée plus un FAB de conversation sur mobile suffisent généralement — car pour ce type de boutique, l’essentiel est de répondre aux questions pour conclure la vente, pas de naviguer à travers des couches de catégories.
Une boutique de taille moyenne, de quelques dizaines à quelques centaines de produits, se situe généralement entre les deux : un menu desktop modéré, un Tab Bar mobile, et parfois un Slide Menu ajouté qui regroupe des éléments secondaires comme les politiques, le blog et le contact. La règle générale : gardez visible ce dont les clients ont souvent besoin, et masquez ce dont ils n’ont besoin qu’occasionnellement.
Ce qui rend cette combinaison réalisable sans toucher au code, c’est que vous configurez chaque menu pour chaque écran de façon indépendante. Avec Navi+, vous construisez un Tab Bar pour le mobile et un Mega Menu pour le desktop au même endroit, par glisser-déposer, sans modifier le thème.
À approfondirLire le guide complet → Combiner les types de menu selon chaque type de boutique
Une méthode pour choisir le bon menu
Plutôt que de choisir à l’intuition, il existe une suite d’étapes simple qui vous mène des données à une décision.
- Regardez d’abord les chiffres. Ouvrez Analytics et notez votre répartition mobile/desktop ainsi que les pages que les clients consultent le plus. C’est votre socle, pas une supposition.
- Listez ce que les clients ont besoin d’atteindre souvent. Généralement trois à cinq éléments seulement. Ce sont les candidats pour un Tab Bar ou un menu principal.
- Mettez de côté les éléments secondaires. Politiques, blog, à propos — ils peuvent aller dans un Slide Menu ou le pied de page, inutile d’occuper un espace précieux.
- Choisissez une action prioritaire. S’il y a une chose claire que vous voulez voir le client faire, envisagez un FAB.
- Essayez, puis mesurez. Mettez le menu en place, observez-le pendant une semaine ou deux, et voyez si les clients tapent bien là où vous l’attendiez.
La dernière étape est importante mais souvent négligée : la vitesse. Ajouter un menu qui ralentit la page fait plus de mal que de bien. Google recommande les seuils des Core Web Vitals : LCP en dessous de 2,5 secondes, INP en dessous de 200 millisecondes, CLS en dessous de 0,1. Un menu lourd qui fait saccader la page, avec la mise en page qui sursaute pendant le chargement, suffit à vous faire sortir de la zone « bonne ». Lorsque vous choisissez un outil de création de menu, vérifiez s’il est optimisé pour ne pas ralentir la page — c’est pourquoi Navi+ met l’accent sur la légèreté des menus et l’obtention du badge Built for Shopify.
À approfondirLire le guide complet → Une méthode concrète pour choisir le bon menu
Par où commencer
Commencez iciVérifiez d’abord la part mobile, puis listez les trois chemins que les clients utilisent le plus souvent.
Si vous ne savez pas comment vous y prendre, faites d’abord la plus petite chose : ouvrez Analytics pour vérifier votre part de mobile, puis notez les trois choses que vos clients ont le plus besoin d’atteindre. Ces deux informations à elles seules écartent la plupart des mauvais choix. Le reste, c’est de l’essai et de l’ajustement.
N’essayez pas de tout rendre parfait dès le départ. Un menu, c’est quelque chose qui se peaufine progressivement, en fonction de la façon dont les clients utilisent réellement la boutique — et non de la façon dont vous imaginez qu’ils l’utiliseront.
Au bout du compte, un bon menu, c’est quelque chose auquel les clients ne pensent jamais. Ils ne le remarquent que lorsqu’il les gêne. L’objectif n’est donc pas un menu qui a fière allure, mais un menu que les clients utilisent sans y penser — ils trouvent ce qu’ils cherchent, puis passent à autre chose, sans jamais se rendre compte que le menu venait de les aider.
Explorez les sujets
Ce guide renvoie vers des articles ciblés — approfondissez chaque thème.