Scroll en UX : types, métriques et bonnes pratiques

Le scrolling est l'une des interactions les plus naturelles et fréquentes sur le web. Nous le faisons des dizaines de fois par jour sans y penser : glisser sur un téléphone ou tourner la molette de la souris pour voir plus de contenu. Mais derrière cette action quotidienne se cachent des décisions de design qui impactent directement l'expérience utilisateur et la conversion.

Dans cet article, nous expliquons ce que signifie le scroll en UX, quels types existent, comment mesurer la profondeur de scroll comme métrique CRO, et quelles sont les bonnes pratiques pour s'assurer que les utilisateurs arrivent exactement là où vous en avez besoin.

Qu'est-ce que le scroll

Dans le contexte web, le scroll (ou scrolling) est l'action de déplacer le contenu visible d'une page vers le haut, le bas, la gauche ou la droite pour accéder au contenu qui ne tient pas à l'écran. Le terme vient de l'anglais to scroll, signifiant défiler ou faire dérouler.

Le scrolling existe parce que les pages web contiennent plus d'informations qu'un seul écran peut afficher à la fois. Au début du web, il existait un mythe selon lequel "tout ce qui est important doit être au-dessus de la ligne de flottaison". Aujourd'hui, à l'ère du mobile, le scrolling est la manière principale dont les gens consomment le contenu.

Types de scroll en web design

Tous les scrollings ne se valent pas. Chaque type a ses avantages, ses risques et ses cas d'utilisation optimaux.

Scroll traditionnel (fini)

Le scroll standard : la page a un début et une fin définis. L'utilisateur scrolle vers le bas et, en atteignant le footer, il n'y a plus de contenu. C'est le plus prévisible et le plus répandu.

Quand l'utiliser : sur la plupart des pages web — articles, landing pages, pages produit.

Scroll infini

Le contenu se charge automatiquement au fur et à mesure que l'utilisateur scrolle, sans besoin de cliquer "suivant". Il n'y a pas de fin visible.

Exemples : fils de réseaux sociaux (Instagram, X), Pinterest, certains sites e-commerce.

Avantages :

• Maintient les utilisateurs engagés.
• Élimine la friction de la pagination.

Inconvénients :

• Rend difficile l'accès au footer (s'il en existe un).
• Peut causer de la fatigue et un sentiment de perte de contrôle.
• Moins bon pour le SEO : les pages sans pagination définie sont plus difficiles à crawler.

Scroll parallaxe

Différentes couches du design se déplacent à différentes vitesses pendant le scrolling, créant un effet de profondeur tridimensionnel. C'est visuellement saisissant mais peut être problématique.

Avantages :

• Crée des expériences immersives et mémorables.
• Idéal pour le storytelling visuel.

Inconvénients :

• Peut causer des vertiges ou un malaise chez les utilisateurs sensibles.
• Ralentit la page si mal optimisé.
• Peut distraire du contenu principal.

Scroll sticky (éléments fixes)

Certains éléments de la page — comme la navigation, un CTA ou un résumé — restent fixés à l'écran pendant que l'utilisateur scrolle le reste du contenu.

Exemples : menus de navigation sticky, boutons "Ajouter au panier" fixes sur mobile, barres de progression.

Avantages :

• Maintient les éléments clés accessibles.
• Réduit la friction de conversion.

Type de scroll	Expérience	Risque principal	Meilleur usage
Traditionnel	Prévisible	Aucun significatif	Tous types de sites
Infini	Addictif	Fatigue, mauvais SEO	Fils, grands catalogues
Parallaxe	Immersif	Performance, vertiges	Storytelling, portfolios
Sticky	Fonctionnel	Occupe de l'espace utile	CTAs, navigation

Profondeur de scroll : la métrique CRO que vous devriez mesurer

La profondeur de scroll mesure jusqu'où les utilisateurs descendent réellement sur une page. Elle est généralement exprimée en pourcentage : une profondeur de scroll de 75 % signifie que l'utilisateur a vu trois quarts de la page.

Pourquoi c'est important

• Cela révèle si le contenu engage : si la plupart des utilisateurs décrochent à 25 %, quelque chose ne va pas en haut de la page.
• Cela montre où placer les CTAs : si 80 % des utilisateurs atteignent 50 % de la page, votre CTA principal devrait être là ou avant.
• Cela complète le taux de rebond : un utilisateur peut rebondir (visiter une seule page) tout en ayant lu l'article entier. La profondeur de scroll ajoute du contexte.

Comment mesurer la profondeur de scroll avec GA4

Google Analytics 4 enregistre automatiquement un événement scroll quand l'utilisateur atteint 90 % de la page. Mais pour une analyse plus granulaire, vous devez configurer des événements personnalisés :

1. Dans Google Tag Manager, créez un déclencheur Scroll Depth.
2. Définissez les seuils : 25 %, 50 %, 75 %, 90 %.
3. Créez une balise GA4 qui envoie un événement personnalisé (ex. scroll_depth) avec le pourcentage comme paramètre.
4. Dans GA4, enregistrez scroll_depth_percentage comme dimension personnalisée pour pouvoir segmenter et analyser.

Avec cette configuration, vous pouvez voir dans GA4 quel pourcentage d'utilisateurs atteint chaque seuil sur chaque page, vous donnant les données pour optimiser la structure et les CTAs.

Bonnes pratiques du scroll en UX

1. Signaler qu'il y a plus de contenu

Si la portion visible de la page semble complète, les utilisateurs ne scrolleront pas. Utilisez des indices visuels comme des flèches, du texte tronqué, des images partiellement visibles ou des animations subtiles qui invitent au scrolling.

2. Chargement rapide

Le scrolling perd toute efficacité si la page est lente à charger. Optimisez les images, utilisez le lazy loading et minimisez le JavaScript inutile. Un scrolling fluide nécessite une page rapide.

3. Contenu progressif

Structurez votre contenu de sorte que chaque section du scroll apporte de la valeur. Ne remplissez pas avec du contenu de faible qualité juste pour allonger la page. Une page courte qui accroche est meilleure qu'une page longue qui ennuie.

4. CTAs visibles sans scroller (et renforcés pendant le scroll)

Votre CTA principal devrait être visible sans scroller (au-dessus de la ligne de flottaison), mais il devrait aussi se répéter à des points stratégiques tout au long de la page. Un CTA sticky sur mobile est une excellente pratique pour les pages longues.

5. Éviter le scroll horizontal

Le scroll horizontal semble non naturel sur le web et frustre les utilisateurs. Il n'est acceptable que dans des cas très spécifiques comme les carrousels d'images ou les tableaux de données larges sur mobile. Même dans ce cas, signalez clairement qu'il y a du contenu caché à droite.

6. Barre de progression

Sur les articles longs, une barre de progression en haut indique aux utilisateurs combien il reste à lire. Elle réduit l'incertitude et les motive à terminer.

7. Respecter le scroll natif

Évitez de détourner le scroll (scroll hijacking) — c'est-à-dire modifier la vitesse ou le comportement naturel du scrolling. C'est l'une des pratiques les plus détestées par les utilisateurs et peut causer une frustration immédiate.

Scroll et conversion

Le scrolling n'est pas qu'une interaction de navigation. C'est un indicateur d'intérêt et d'engagement :

• Les utilisateurs qui scrollent en profondeur sont plus engagés et plus susceptibles de convertir.
• La position des éléments de conversion par rapport à la profondeur de scroll est critique. Un formulaire que seulement 20 % des utilisateurs voient doit être repositionné.
• Dans les tests A/B, déplacer des sections de contenu et mesurer l'impact sur la profondeur de scroll est une technique CRO très efficace.

Conclusion

Le scrolling est la manière dont les utilisateurs consomment votre contenu. Mesurer comment ils le font — avec la profondeur de scroll — et designer pour le faciliter — avec les bonnes pratiques UX — sont deux piliers de l'optimisation de la conversion.

Ne supposez pas que tous vos utilisateurs lisent la page entière. Mesurez, analysez et ajustez. Les données de scroll vous diront exactement où vous perdez votre audience et où placer vos éléments de conversion.

Si vous souhaitez optimiser l'expérience de votre site web pour de meilleures conversions, découvrez nos services d'agence CRO ou commencez avec une analyse gratuite sur Scan&Boost.

— Adrià Vidal, Boost