Above the Fold (Au-dessus de la ligne de flottaison) : Définition
Aussi appelé : viewport initial, écran initial
Above the Fold : zone de contenu visible sans défilement
Above the Fold (Au-dessus de la ligne de flottaison) désigne la zone de contenu visible sur l'écran au premier chargement, sans action de défilement de l'utilisateur. C'est l'espace critique où l'internaute forme ses premières impressions et décide de rester ou partir.
Qu’est-ce que Above the Fold et pourquoi est-ce important ?
Above the Fold est un concept fondamental en UX et CRO emprunté à la presse papier, où les journaux pliés ne montraient que la moitié supérieure en kiosque. Sur le web, c'est la zone décisive où les utilisateurs forment leur première impression en moins de 3 secondes et décident de rester ou partir. Nielsen Norman Group démontre que 40 à 60% des visiteurs n'effectuent jamais de scroll, rendant cette zone critique pour la conversion.
En CRO, optimiser l'above-fold signifie y placer stratégiquement votre proposition de valeur unique, vos éléments de preuve sociale (logos clients, avis, chiffres clés) et votre CTA principal. Cette zone influence directement le taux de rebond et la performance des Core Web Vitals (notamment le LCP). Sur mobile, où 70% des interactions restent dans le viewport initial, l'above-fold devient encore plus déterminant : avec seulement 300-400px disponibles, chaque pixel compte pour capter l'attention et générer l'action.
Exemple concret
Une SaaS B2B a restructuré son above-fold en plaçant sa valeur propre + CTA « Essai gratuit » en haut (au lieu d'une image large). Résultat : +34% de taux de clic vers la page d'essai et +18% d'inscriptions. Une e-commerce a testé la position de son panier : en haut du viewport vs. flotant en bas. Le panier flotant a généré +12% de taux d'ajout grâce à la visibilité permanente.
Benchmarks Above the Fold par secteur
| Secteur | Valeur | Source |
|---|---|---|
| SaaS & Services | 40-60% du trafic n'atteint jamais le scroll | Nielsen Norman Group 2024 |
| E-commerce | 70% des interactions sur l'above-fold en mobile | Google Mobile UX Report 2024 |
Questions fréquentes
Votre proposition de valeur unique (headline), preuve sociale (logos clients ou avis), et Call-to-Action principal. Évitez les images pures ou longs textes sans action possible. Le but : permettre à l'utilisateur de comprendre qui vous êtes et ce qu'il gagne en moins de 3 secondes.