Le Journal d'UX
L'actualité UX,
au-dessus de la ligne de flottaison.
Wiki UX Above the fold

Above the fold

Concept
Définition

Zone visible d'une page web avant que l'utilisateur ne scrolle. L'expression vient de la presse papier : la moitié supérieure d'un journal plié en deux. En web, la ligne de flottaison varie selon la taille d'écran, la résolution et le navigateur. Le concept reste pertinent pour les landing pages et les pages d'accueil commerciales. Sur les contenus éditoriaux, les études montrent que les utilisateurs scrollent sans problème si le contenu le justifie.

En pratique

Placer la proposition de valeur et le call-to-action principal dans la zone visible au chargement. Ne pas entasser tout le contenu en haut de page pour éviter le scroll : la densité nuit à la lisibilité. Mesurer le scroll depth dans les analytics pour savoir où les utilisateurs décrochent. Le fold est un repère, pas une barrière. Sur mobile, le fold est plus bas que sur desktop : adapter le contenu prioritaire en conséquence.

Exemple

Des tests A/B chez Chartbeat sur 2 milliards de pages vues ont montré que 66% de l'attention se concentre sous le fold. La zone juste après la ligne de flottaison reçoit plus d'engagement que le haut de page, souvent occupé par des banners ignorées.

Voir aussi
Mobile first
Responsive design
Taux de conversion (*Conversion Rate*)
Taux de rebond (*Bounce Rate*)
Sources
Chartbeat, Scroll Behavior Across the Web, 2013
Nielsen Norman Group, Scrolling and Attention
Le Journal d'UX est un média indépendant sur l'expérience utilisateur. Liens curatés, wiki UX en français, communauté.