À retenir
- C'est la zone visible sans défilement (scroll).
- Elle détermine la première impression de l'utilisateur.
- Sa position est variable selon la taille de l'écran utilisé.
La ligne de flottaison est la limite invisible en bas de l'écran qui sépare ce que l'on voit immédiatement sur une page web de ce qui nécessite de faire défiler la page (scroller). C'est comme la partie émergée d'un iceberg : c'est la vitrine visible dès le chargement sans aucune action de l'utilisateur.
Étymologie
Ce terme est une métaphore issue de la marine, où il désigne la limite entre la coque d'un navire hors de l'eau et sa partie immergée. Le concept a d'abord été transposé à la presse papier (la partie visible d'un journal plié en deux) avant d'être adopté par le web design.
Exemples d'usage
- Le menu de navigation et le titre principal d'un site web, généralement placés tout en haut.
- Un bouton d'achat sur une fiche produit qui doit être visible sans descendre dans la page.
- La publicité principale (header banner) qui s'affiche dès l'ouverture d'un média en ligne.
Cas d'usage
Ce concept intervient principalement en web design (UI/UX) et en marketing digital. Il permet de prioriser les informations pour captiver l'internaute dès les premières secondes et optimiser le taux de conversion.
Bonnes pratiques
Il ne faut pas chercher à tout condenser en haut de la page, mais s'assurer que les éléments essentiels (le 'qui sommes-nous' et l'action principale) sont au-dessus de cette ligne. Il est aussi crucial de vérifier sa position sur différents appareils (smartphones, tablettes, PC) car elle varie selon la résolution de l'écran.
Synonymes
Antonymes
Conseil
Pour bien débuter, imaginez que votre écran est un cadre : tout ce qui dépasse du cadre est 'sous la ligne'. Testez régulièrement votre site avec l'outil d'inspection de votre navigateur (touche F12) pour simuler différents formats de smartphones.
Questions fréquentes
La ligne de flottaison est-elle la même pour tout le monde ?
Non, elle dépend de la taille de l'écran de l'utilisateur, de la résolution et même de la présence de barres d'outils sur le navigateur.
Est-il grave de mettre du contenu important sous la ligne ?
Non, le défilement est devenu naturel, mais le contenu au-dessus doit être assez accrocheur pour donner envie de découvrir la suite.