Quand on parle du comportement des utilisateurs sur une boutique, il y a une vérité qui peut décourager n’importe quel commerçant : la plupart des efforts que vous investissez dans les descriptions de produits, les bannières et les formulations soigneusement choisies… les acheteurs les lisent à peine. Ils balaient. Ils parcourent la page rapidement des yeux pour trouver ce dont ils ont besoin, et s’ils ne le repèrent pas dans les premières secondes, ils partent.
Cet article rassemble ce que j’ai observé en gérant une boutique, vérifié à l’aide de quelques études pour ne pas en rester à l’intuition. L’objectif est simple : comprendre ce que les acheteurs font réellement sur une page, afin d’organiser la navigation de la bonne manière.
Les acheteurs ne lisent pas, ils balaient
Le Nielsen Norman Group, une équipe spécialisée dans la recherche sur l’expérience utilisateur, a une phrase devenue presque classique : « les gens ne lisent pas en ligne — ils balaient ». Ils ont suivi le mouvement des yeux pendant de nombreuses années et ont vu ce schéma se répéter.
Cela signifie qu’un acheteur qui arrive sur votre boutique ne lit pas de haut en bas dans l’ordre. Il balaie la page du regard, capte quelques mots-clés, quelques images, puis devine par lui-même : « y a-t-il ici quelque chose dont j’ai besoin ? »
La fenêtre de décision est courte, elle aussi. D’après Nielsen Norman, les 10 premières secondes d’une visite sont le moment où les acheteurs sont les plus susceptibles de partir. Passé ce cap, ils ont tendance à rester plus longtemps — mais ces 10 premières secondes sont impitoyables.
L’enseignement pour les commerçants : l’essentiel doit apparaître immédiatement, sans obliger l’acheteur à faire défiler ni à réfléchir. Pour une boutique, l’essentiel est généralement la navigation — les catégories, la barre de menu, le champ de recherche. C’est ce dont l’acheteur a besoin pour savoir « ce qui se vend ici et où aller ensuite ».
Schéma en F, schéma en Z : où le regard des acheteurs se pose d’abord
Quand il balaie une page, le regard d’un acheteur ne se déplace pas au hasard. Il suit quelques trajectoires assez stables.
La plus courante est le schéma en F. Les recherches par oculométrie du Nielsen Norman Group le décrivent comme la lettre F : l’acheteur survole une ligne horizontale en haut, descend un peu pour survoler une deuxième ligne horizontale (plus courte), puis balaie verticalement le long du bord gauche. La partie supérieure et le bord gauche sont les endroits où le regard s’attarde le plus.
Sur les pages chargées de texte — articles de blog, longues descriptions de produits — le schéma en F apparaît souvent. La leçon : placez les informations importantes au début de la ligne, au début du paragraphe, et ne les enfouissez pas à la fin d’une longue phrase.
Le schéma en Z apparaît plutôt sur les pages épurées, peu chargées en texte, comme une landing page ou une page d’accueil simple : le regard part du coin supérieur gauche vers la droite, puis descend en diagonale vers le bas à gauche, puis repart vers la droite. La forme d’un Z.
Ce que les deux partagent : le haut et le bord gauche sont prioritaires. C’est pour cela que le menu principal, le logo et les grandes catégories se sont traditionnellement installés en haut. Non pas parce que la convention fait joli, mais parce que c’est réellement là que le regard des acheteurs se porte d’abord. Si vous glissez une catégorie importante dans un coin caché à droite ou tout en bas de la page, il y a de fortes chances que les acheteurs ne la voient pas.
Mobile et bureau : deux façons très différentes d’utiliser un site
Beaucoup de boutiques sont conçues sur un écran d’ordinateur, puis on suppose que « le mobile est probablement pareil ». En réalité, les deux contextes sont très différents.
Sur ordinateur de bureau, l’acheteur dispose d’une souris, d’un écran large, et voit l’ensemble. Il survole librement, ouvre des méga-menus à plusieurs colonnes, compare plusieurs articles à la fois, et se montre généralement un peu plus patient.
Sur mobile, c’est l’inverse : petit écran, souvent tenu d’une seule main, manipulé surtout avec le pouce. Dans une observation menée par Steven Hoober auprès de plus de 1 300 utilisateurs de téléphone, environ la moitié tenaient l’appareil d’une seule main. C’est ce qui a donné naissance à l’idée de la « zone du pouce » — la zone au centre et en bas de l’écran est la plus facile à atteindre, tandis que les deux coins supérieurs sont très difficiles d’accès.
C’est pourquoi une barre de navigation placée en bas de l’écran (comme une Tab Bar) est généralement plus facile à toucher qu’un menu entassé en haut — le pouce s’y trouve justement à portée. Les acheteurs sont aussi moins patients sur mobile : d’une part parce que le petit écran est plus difficile à manipuler, d’autre part parce qu’ils sont souvent en déplacement ou en train d’attendre quelqu’un, et abandonnent facilement en cours de route.
La différence entre mobile et bureau mène à une conclusion pratique : la navigation doit être configurée séparément pour chaque type d’écran, sans partager une conception unique. Sur bureau, ce sera peut-être un Mega Menu réparti sur plusieurs colonnes ; sur mobile, mieux vaut utiliser une Tab Bar en bas plus un menu coulissant bien rangé. C’est aussi à cela que sert Navi+ (naviplus.io) — vous permettre de configurer séparément les menus mobile et bureau, par glisser-déposer sans code, pour que chaque écran ait une navigation adaptée à la façon dont les mains des acheteurs fonctionnent réellement.
| Bureau | Mobile | |
|---|---|---|
| Interaction | Souris, voit l’ensemble | Pouce, zone du pouce |
| Écran | Large, plusieurs colonnes | Étroit, défilement vertical |
| Patience | Plus élevée | Plus faible, abandonne facilement |
| Menu adapté | Mega Menu | Tab Bar + Slide Menu |
Là où les acheteurs décrochent le plus
Quand on observe une boutique, il y a quelques endroits où les acheteurs ont tendance à trébucher et à partir. La plupart ne sont pas des problèmes de produit, mais des problèmes de navigation.
-
Impossible de trouver la catégorie. L’acheteur sait ce qu’il veut mais ne voit pas par où entrer. La catégorie est cachée, mal nommée, ou se trouve en dehors du chemin de balayage du regard. Il devine quelques fois, fait chou blanc, et part.
-
Trop de niveaux de menu. Il clique sur un élément, un sous-menu apparaît, puis encore un sous-menu. Chaque couche est une décision de plus que l’acheteur doit prendre, et chacune est une occasion de renoncer. Sur mobile, c’est encore pire car l’écran est petit.
-
Ne pas savoir où l’on se trouve. L’acheteur se perd dans la boutique, ne sait plus dans quelle section il est ni comment revenir à la page précédente. Ce sentiment de désorientation le pousse à fermer l’onglet pour en finir.
Les menus entièrement cachés en particulier — le style hamburger qui range toute la navigation derrière une seule icône — méritent eux aussi réflexion. Le Nielsen Norman Group a mené des tests et constaté que la navigation cachée est bien moins découverte que la navigation clairement visible, si bien que les acheteurs l’utilisent moins et mettent plus de temps à accomplir leur tâche. Le hamburger fait certes gagner de la place, mais tout ce que vous cachez, les acheteurs l’utilisent moins. Quelques éléments importants devraient rester affichés, par exemple via une Tab Bar toujours visible en bas.
Ces points de décrochage alimentent discrètement un chiffre que tout commerçant connaît : selon le Baymard Institute, le taux moyen d’abandon de panier tourne autour de 70 % depuis plus d’une décennie. Tous les paniers abandonnés ne sont pas dus à la navigation, mais les acheteurs qui partent dès la page de catégorie parce qu’ils se sont perdus — avant même d’atteindre le panier — relèvent clairement en partie de la navigation.
Et puis il y a la vitesse de la page
Une chose qu’on oublie facilement : aussi vite qu’un acheteur balaie, il doit d’abord attendre que la page apparaisse. Si le menu saccade, sursaute ou alourdit la page, l’expérience est gâchée dès la première seconde.
Google dispose d’un ensemble de mesures appelé Core Web Vitals pour évaluer cela, avec des seuils « bons » : LCP sous 2,5 secondes (le contenu principal apparaît), INP sous 200 millisecondes (la page répond à un appui), CLS sous 0,1 (la mise en page ne bouge pas). Une barre de menu qui fait sauter ou ralentir la page fait plus de mal que de bien. Donc, au moment de choisir un outil pour construire votre menu, privilégiez-en un léger qui ne plombera pas ces indicateurs.
En résumé : les acheteurs sur une boutique balaient plutôt qu’ils ne lisent, leur regard suit quelques trajectoires assez prévisibles, et ils utilisent le mobile très différemment du bureau. Une fois ces choses comprises, organiser les menus, les catégories et la navigation devient bien plus clair — moins d’approximation, et davantage en phase avec la façon dont les mains et les yeux des acheteurs fonctionnent réellement.
Cet article fait partie du guide plus large sur Pourquoi les acheteurs visitent votre boutique mais n’achètent pas — et le rôle de la navigation.