Après avoir géré une boutique assez longtemps, j’ai compris que la plupart des acheteurs partent non pas parce que les produits sont mauvais, mais parce qu’ils ne trouvent pas assez vite ce qu’ils cherchent. L’essentiel de cette friction se loge dans la navigation. Cet article rassemble les cinq erreurs de navigation Shopify les plus courantes, comment repérer chacune, et la façon la plus propre de la corriger.
Un chiffre à garder en tête avant d’entrer dans les détails : selon le Baymard Institute, le taux moyen d’abandon de panier dans le e-commerce avoisine les 70 %. Tout cela ne vient pas de la navigation, mais une partie des acheteurs partent très tôt, avant même d’avoir ajouté quoi que ce soit au panier, simplement parce qu’ils se sont perdus.
Erreur 1 : Trop d’éléments dans le menu principal
C’est l’erreur la plus facile à commettre, car elle part d’une bonne intention. Le marchand veut que les acheteurs voient tout, alors il entasse l’ensemble sur la barre de menu principale : une douzaine d’éléments de premier niveau ou plus, parfois près de vingt.
Le problème, c’est que lorsque tout est important, plus rien ne l’est. L’acheteur regarde une longue rangée, ne sait pas par où commencer, et donc ne commence généralement pas du tout.
Le repérer est assez simple. Ouvrez la page d’accueil sur ordinateur et comptez les éléments de premier niveau. Si le menu doit passer à la ligne, vous êtes en surcharge. Sur mobile, si la liste de premier niveau dépasse un écran sans être terminée, c’est aussi un signe.
La solution : regroupez les éléments connexes. Une boutique de mode n’a pas besoin de « T-shirts », « Chemises » et « Vestes » comme éléments de premier niveau distincts — fondez-les dans « Hauts » et placez les types à l’intérieur. Limitez le menu principal à environ 5 à 7 éléments pour que les acheteurs puissent le parcourir en une seconde ou deux.
Erreur 2 : Pas de mega menu pour une boutique aux nombreuses catégories
Une fois les éléments soigneusement regroupés, le problème inverse apparaît : les sous-catégories sont enfouies trop profondément. L’acheteur doit cliquer sur « Hauts », attendre le chargement de la page pour voir les types disponibles, puis cliquer à nouveau. Chaque clic supplémentaire est une nouvelle occasion d’abandonner.
C’est là que le mega menu prend toute sa valeur. Un mega menu est un grand panneau déroulant multicolonne qui affiche toute la structure des catégories dès que l’acheteur survole, lui permettant de passer d’une catégorie de premier niveau à une sous-catégorie en un seul geste. Pour un catalogue large, c’est presque la norme par défaut sur les grands sites de vente au détail.
Comment savoir si votre boutique a besoin d’un mega menu : si les acheteurs doivent cliquer trois fois ou plus pour atteindre une page de liste de produits, ou si vous avez de nombreuses sous-catégories sans possibilité de toutes les voir d’un coup, c’est un signe.
Une remarque lors de la construction d’un mega menu : si le panneau n’a aucun délai de survol, il clignotera chaque fois que la souris passe accidentellement dessus. Si vous utilisez un constructeur de menus, choisissez-en un qui gère cela pour vous. Navi+ (https://naviplus.io) construit des mega menus pour ordinateur par glisser-déposer, sans code, pour que vous n’ayez pas à vous soucier de ce détail technique vous-même.
Erreur 3 : Se reposer uniquement sur le menu hamburger sur mobile
La plupart des acheteurs au Vietnam achètent sur leur téléphone, c’est donc l’erreur la plus coûteuse. Beaucoup de boutiques relèguent toute la navigation derrière une icône à trois traits dans un coin — un menu Shopify de type hamburger — et estiment que c’est suffisant. Mais tout cacher signifie que les acheteurs doivent activement l’ouvrir pour voir quoi que ce soit, et la plupart ne s’en donnent pas la peine.
Le Nielsen Norman Group a un jour testé cela sur téléphone et sur ordinateur. Le résultat : lorsque la navigation est cachée, les acheteurs ont plus de mal à trouver l’article voulu, avancent plus lentement, et jugent la recherche plus difficile que lorsque le menu est affiché clairement. Autrement dit, ce que les acheteurs ne voient pas n’existe tout simplement pas pour eux.
Comment le repérer : ouvrez votre boutique sur votre propre téléphone. Si atteindre votre catégorie la plus vendue implique de toucher le hamburger, faire défiler, puis toucher à nouveau, imaginez un acheteur pressé, debout en attendant un transport.
La solution n’est pas de supprimer le hamburger, mais de faire ressortir les chemins importants à découvert, là où un pouce peut les atteindre sans rien ouvrir. Une Tab Bar fixe en bas de l’écran — comme dans les applications que les acheteurs utilisent chaque jour — garde Accueil, Catégories, Recherche et Panier directement dans la zone du pouce. C’est le type de menu que Navi+ conçoit spécifiquement pour le mobile, configuré séparément de l’ordinateur, afin que vous gardiez le hamburger pour le secondaire et laissiez la Tab Bar gérer l’essentiel.
Erreur 4 : Pas de fil d’Ariane ni d’indicateur de position
Les acheteurs explorent en profondeur le catalogue et oublient où ils se trouvent. Ils arrivent sur une fiche produit via une publicité ou une recherche, l’article leur plaît, mais ils veulent voir d’autres produits similaires — et il n’existe aucun moyen naturel de remonter à la catégorie parente.
Un fil d’Ariane est un petit chemin du type « Accueil > Hauts > T-shirts > T-shirts homme » placé au-dessus du nom du produit. Il répond à deux questions à la fois : où suis-je, et comment revenir d’un niveau. Cela paraît simple, mais beaucoup de thèmes Shopify ne l’activent pas par défaut, ou les marchands le retirent parce qu’il fait « surchargé ».
Comment le repérer : ouvrez n’importe quelle fiche produit et demandez-vous : « où dois-je cliquer pour voir les produits du même type ? » Si la réponse est le bouton Retour du navigateur, il vous manque un indicateur de position.
La solution : activez le fil d’Ariane sur les pages de catégorie et de produit. Rendez aussi l’élément en cours clair dans le menu principal — par exemple en mettant en gras ou en soulignant la catégorie active — pour que les acheteurs sachent toujours sur quelle branche ils se trouvent.
Erreur 5 : Catégoriser selon la logique du marchand, pas la façon de penser des acheteurs
C’est l’erreur la plus subtile, car le menu reste d’apparence soignée. Le problème réside dans la façon dont les groupes sont organisés. Les marchands ont tendance à catégoriser comme l’entrepôt ou le fournisseur organise les choses, tandis que les acheteurs raisonnent en fonction de leurs besoins.
Un exemple familier : une boutique de cosmétiques répartit le menu par marque parce que c’est ainsi qu’elle s’approvisionne. Mais les acheteurs ne retiennent généralement pas les noms de marque — ils viennent chercher de la « crème solaire » ou un « rouge à lèvres mat ». Quand le menu n’offre aucun chemin par besoin, les acheteurs doivent deviner quelle marque propose ce qu’il leur faut, et la plupart abandonnent.
Baymard classe la navigation mal catégorisée parmi les problèmes de navigation à fort impact, car elle laisse l’impression qu’une boutique est difficile à utiliser.
Le repérer est plus difficile que les quatre erreurs précédentes, car cela demande d’écouter les acheteurs. Relisez les messages et les questions que les acheteurs posent souvent : si beaucoup de gens écrivent « vendez-vous X », alors que X est clairement disponible sur le site, c’est presque certainement qu’ils n’ont pas réussi à le trouver via le menu. C’est un menu qui parle votre langue, pas la leur.
La solution : nommez les éléments avec les mots qu’emploient les acheteurs, pas le jargon interne. Vous pouvez conserver les deux axes — parcourir par type de produit et parcourir par besoin ou occasion — si vos acheteurs raisonnent de différentes manières. Le moyen le plus rapide de vérifier est de demander à quelques personnes extérieures, qui n’ont jamais visité votre boutique, de trouver un article précis, et d’observer où elles cliquent en premier.
Une remarque générale : ne sacrifiez pas la vitesse
En corrigeant la navigation, il y a un piège : vous ajoutez une application, des effets, et la page ralentit. Chaque application peut charger des scripts qui alourdissent la page.
Google fixe le seuil « bon » de l’expérience de chargement de page à un LCP sous 2,5 secondes, un INP sous 200 ms et un CLS sous 0,1. Un beau menu qui fait saccader la page, décaler sa mise en page ou répondre lentement fait plus de mal que de bien. Au moment de choisir un constructeur de menus, privilégiez-en un qui se soucie des Core Web Vitals — c’est aussi ce que Navi+ optimise, et le menu reste en place lorsque vous changez de thème, pour que vous n’ayez pas à le reconstruire de zéro à chaque changement de design.
Les cinq erreurs ci-dessus peuvent toutes être corrigées sans connaître la moindre ligne de code. Commencez par celle qui touche le plus d’acheteurs sur votre boutique — généralement le côté mobile — et descendez progressivement.
Cet article fait partie du guide plus large sur Pourquoi les acheteurs visitent votre boutique sans acheter — et le rôle de la navigation.