Scrollmap
La Scroll Map permet d'analyser jusqu'où les visiteurs scrollent réellement sur une page et quelle proportion voit chaque zone du contenu.
Principe clé : Une information invisible est une information inutile. Si un élément stratégique n'est pas vu, il ne peut pas convertir.
Comment lire une Scrollmap
La Scrollmap affiche la page entière en version réduite, avec des indicateurs de pourcentage à différentes profondeurs indiquant quelle proportion de visiteurs a scrollé jusqu'à ce point. La couleur de fond évolue du chaud (rouge/orange = haut de page, vu par tous) au froid (bleu/vert = bas de page, peu de visiteurs).
Lecture de l'exemple Volcom
| Indicateur | Zone | Lecture |
|---|---|---|
| 100% | Début de la fiche produit | Tous les visiteurs voient le haut de la page — zone stratégique maximale |
| 75% | Section Description | 3 visiteurs sur 4 voient la description — bon signal d'engagement |
| 26% | Section Avis clients | Seulement 1 visiteur sur 4 voit les avis → à remonter ou dupliquer plus haut |
| 8% | Footer | Très peu de visiteurs scrollent jusqu'en bas |
La ligne de flottaison (Fold)
La ligne de flottaison est la limite entre ce qui est visible sans scroller et ce qui nécessite une action. Tout ce qui est au-dessus du fold est vu par 100% des visiteurs à l'arrivée sur la page.
Sur mobile, le fold est beaucoup plus haut qu'en desktop. Un CTA visible immédiatement sur desktop peut être entièrement sous le fold sur mobile — toujours comparer les deux.
Ce qu'il faut analyser en priorité
- CTA principal sous le fold — si "Ajouter au panier" n'est visible que pour 60% des visiteurs sur mobile, c'est une friction critique
- Ruptures de scroll brutales — chute soudaine à un endroit précis → bloc trop long, rupture visuelle ou contenu peu engageant
- Éléments de réassurance peu vus — livraison, retours, avis clients souvent placés trop bas → à remonter ou dupliquer
- Recommandations produit invisibles — blocs "Vous aimerez aussi" vus par moins de 20% → impact commercial limité
Actions fréquentes issues de la Scrollmap
- Remonter un CTA clé au-dessus du fold mobile
- Dupliquer le bouton d'ajout au panier en sticky footer sur mobile
- Condenser ou supprimer des sections peu vues qui allongent inutilement la page
- Remonter les avis clients plus haut dans la fiche produit
- Ajouter un ancre visuel fort (flèche, gradient) pour inciter au scroll
Bon réflexe : Comparer la Scrollmap Mobile vs Desktop en parallèle. Les différences sont souvent radicales — ce qui fonctionne en desktop peut être totalement invisible sur mobile.