UX & Design

Above the Fold

Contenu visible sans scroller - zone la plus stratégique d'une page web.

Above the fold désigne la partie d'une page web visible sans scroller. C'est la zone la plus stratégique : elle doit communiquer votre proposition de valeur, afficher un CTA clair et convaincre le visiteur de rester.

Ce qui doit y figurer

Quatre éléments suffisent : une promesse claire disant ce que vous faites et pour qui, une preuve immédiate, un visuel montrant le produit en situation et un bouton unique. Tout le reste peut descendre plus bas. Le visiteur doit pouvoir décider en cinq secondes s’il est au bon endroit, sans avoir à interpréter votre vocabulaire. Une seule action proposée, jamais deux boutons concurrents.

Adapter la hauteur au mobile

Il n’existe pas une ligne de flottaison mais des dizaines, selon les écrans et les navigateurs. Sur mobile, comptez environ six cents pixels utiles une fois les barres déduites : une image plein écran suffit à repousser votre bouton hors champ. Vérifiez le rendu sur les trois résolutions les plus fréquentes de votre trafic réel. Testez avec la barre d’adresse visible, cas de loin le plus fréquent.

Erreurs qui coûtent des conversions

Un carrousel automatique, une bannière de consentement mal conçue ou un titre créatif qui ne dit pas le métier font perdre le visiteur avant le premier scroll. À l’inverse, tout empiler nuit à la lisibilité. Gardez un objectif unique par écran et mesurez le taux de scroll plutôt que de deviner ce qui bloque. Une carte de chaleur tranche ce débat en une semaine.

Exemple concret

Une PME B2B remplace un carrousel automatique par une promesse fixe et un bouton unique. Sur 12 000 visites mensuelles, le taux de clic vers le formulaire passe de 6 à 9,5 pour cent, soit 420 clics de plus et environ 40 demandes de devis supplémentaires.

Termes associés

Pour aller plus loin

Above the Fold en pratique : UX & Design

Pour aller au-delà de la définition, découvrez notre accompagnement CRO et expérience.

Voir CRO