Une limite d’écran, pas une hauteur universelle

La ligne de flottaison correspond au bas de la zone visible avant de défiler. Elle change avec la taille du navigateur, le zoom, les barres du mobile et le retour à la ligne des textes. Une capture desktop ne représente pas tous les visiteurs.

Le premier écran doit aider à comprendre la proposition et à trouver une prochaine étape. Il n’a pas besoin de contenir toutes les fonctionnalités, preuves et objections. Tout compresser peut rendre le message moins lisible.

Les visiteurs peuvent défiler

Les travaux de NN/g sur le défilement montrent une répartition de l’attention dans les situations étudiées. Ce sont des observations contextualisées, pas un pourcentage applicable à chaque site actuel. La suite de la page mérite donc autant une structure claire qu’un premier écran soigné.

À consulter : NN/g: Scrolling and Attention

Relire le premier écran

Analyse une capture correspondant à un usage concret. Regarde d’abord l’original, puis la prédiction d’attention. Reviens ensuite sur la page pour vérifier le fonctionnement de l’action principale.

La promesse peut-elle être expliquée sans défiler ?
L’action a-t-elle un libellé compréhensible ?
L’illustration aide-t-elle le message ou attire-t-elle toute l’attention prédite ?
La suite apporte-t-elle une démonstration ou une réponse utile ?
Sur mobile, les informations essentielles restent-elles lisibles sans chevauchement ?

Ne pas confondre tiers supérieur et hero

Heatpoints utilise notamment une grille de neuf zones pour résumer une carte. Une zone dominante hors de la rangée supérieure est hors du tiers supérieur de l’image. Cela ne signifie pas qu’elle est hors du hero ou sous la ligne de flottaison.

Notre étude de sites est présentée avec cette définition géométrique. Elle ne mesure pas la profondeur de défilement des visiteurs et ne prouve pas que les pages concernées convertissent mal.

À consulter : Définition de l’étude