La notion de Above the Fold reste un élément important de la conception d’un site Web, bien qu’elle soit devenue de plus en plus complexe au fil des ans. Bien qu’elle ne soit plus considérée comme aussi conséquente qu’autrefois, elle nécessite toujours d’être comprise et prise en compte pour tous les sites web qui cherchent à présenter une expérience engageante pour leurs visiteurs.
Qu’est-ce que Above The Fold ?
Le concept de Above The Fold remonte à plusieurs siècles, aux débuts de l’imprimerie. Les journaux, en raison de la façon dont ils étaient imprimés sur de grandes feuilles de papier, étaient pliés une fois arrivés dans les kiosques à journaux. De ce fait, seule la moitié supérieure du papier était visible pour le passant.
L’industrie de la presse a rapidement compris que pour capter une audience, elle devait présenter des titres, du contenu et des images qui attirent l’attention sur la moitié supérieure de la page. Ce principe de base reste le même pour le contenu numérique.
Bien sûr, les sites Web n’ont pas de pli physique comme les journaux, le pli à cet égard se rapporte à la barre de défilement.
Tout ce qui n’est pas visible immédiatement, qui nécessite un défilement, est considéré comme en dessous du pli. Malheureusement, la version numérique du above the fold n’est pas aussi simple que la version imprimée.
Dimensions
La première considération pour un site Web est la façon dont ses dimensions apparaissent au lecteur. Tous les écrans ne sont pas les mêmes. De plus, avec la prolifération des pads et des téléphones, chaque site se présente de manière très différente. C’est sans parler des questions relatives aux résolutions d’écran et aux plug-ins de navigateur.
Les dimensions des téléphones sont devenues sans doute le domaine le plus important à considérer attentivement, son utilisation ayant éclipsé les ordinateurs de bureau en 2016. Les téléphones mobiles sont de formes et de tailles diverses, tout comme leurs écrans, donc contrairement à un journal grand format, la ligne de pliage est un concept beaucoup moins prévisible.
Outils en ligne pour définir le placement au-dessus du pli
Il existe de nombreux outils en ligne gratuits que vous pouvez utiliser pour tester visuellement et placer différents aspects de votre site Web relatifs à son « pli ». Bien qu’ils soient extrêmement utiles pour vous aider à avoir une idée physique de la mise en page, ils ne peuvent fournir qu’une présentation superficielle du site Web et non une analyse approfondie. Pour cette raison, il est recommandé de procéder à une optimisation complète du site web.
Best Practices
S’il est vrai qu’il n’existe pas de règles strictes et rapides pour le placement au-dessus du pli, certaines meilleures pratiques fonctionnent souvent comme des lignes directrices utiles. Certaines d’entre elles sont des idées de bon sens, comme s’assurer que le contenu le plus engageant se trouve au-dessus du pli. D’autres pratiques sont liées aux dimensions mentionnées précédemment, comme la taille standard du pli de 1 000 pixels de large et 600 pixels de haut pour les écrans de 1 024 par 768 pixels. La plupart des tailles d’écran sont toutefois supérieures à cela en 2018, il est donc important d’ajuster votre site Web en conséquence.
Il est également important de ne jamais supposer que les meilleures pratiques signifient l’orthodoxie. Pendant de nombreuses années, les sites web ont été conçus comme les premières pages des journaux, mais cela a conduit à une sorte de « templatisation », où la majorité des sites se ressemblent. Les innovations, telles que le défilement vertical (ou le clic), signifient que le concept de » above the fold » est littéralement renversé, et l’expérience semble beaucoup plus naturelle pour le lecteur en conséquence.
Certains sites Web, en fait, ont complètement supprimé le pli, en concevant des pages sans contenu sous le pli et en éliminant entièrement le problème. Ces conceptions « compactes » sont esthétiquement agréables à l’œil et sont capables de s’adapter à toutes les tailles d’écran.
L’une des pires choses qu’un site Web puisse faire est de présenter un « faux fond » à la page. Il s’agit du cas où un site comporte des informations supplémentaires qui nécessitent un défilement, mais dont l’existence n’est pas apparente pour le visiteur. C’est le pire des mondes. Un pli n’a pas besoin d’être un obstacle, il doit couler naturellement et attirer le visiteur.
Plus d’infos ici.
Appel à l’action au-dessus ou en dessous du pli?
Un des mythes sur les conceptions au-dessus du pli est qu’il est toujours la meilleure pratique d’avoir un appel à l’action (CTA) clairement vu instantanément. C’est, comme beaucoup de choses liées à ce sujet, une simplification excessive du concept. L’endroit où placer l’appel à l’action dépend de plusieurs facteurs, les plus conséquents :
- Visiteurs certains
- Visiteurs incertains qui sont familiers avec votre produit – ou la proposition est simple
- Visiteurs incertains à qui on présente une proposition complexe
Les visiteurs certains sont ceux qui sont susceptibles de réagir à l’appel à l’action car ils ont en grande partie fait leur choix avant de visiter le site. C’est là que les marques connues ont un avantage, car le « visiteur certain » a peu à apprendre sur un produit ou un service. Dans ces cas, placer un appel à l’action au-dessus du pli est seulement une question de commodité.
Pour les visiteurs incertains qui comprennent simplement l’appel à l’action ou qui ont une certaine connaissance du produit ou du service, placer l’appel à l’action au-dessus du pli est généralement la meilleure pratique pour à peu près les mêmes raisons que celles énumérées ci-dessus, bien que le contenu informatif soit également important.
Pour les visiteurs incertains à qui l’on présente une proposition complexe, comme un produit ou un service qui ne leur est pas manifestement bénéfique, placer l’appel à l’action au-dessus du pli ne suffira pas. Ce qu’il faut, c’est une explication plus approfondie de la raison pour laquelle votre appel à l’action doit être suivi d’effet. En fait, placer votre appel à l’action à l’avant peut sembler un peu poussif.
Plus simplement, l’appel à l’action doit être placé dans une position où le visiteur a été le plus persuadé d’y donner suite.
Placement des annonces
Il faut toujours comprendre que la plupart de l’attention, quelle que soit la tactique de conception de votre site, sera toujours concentrée au-dessus du pli. Par conséquent, il va de soi que pour maximiser l’engagement publicitaire, vous devez inonder cette zone de publicités, n’est-ce pas ? Eh bien non. Les algorithmes de Google pénalisent sévèrement cette pratique et vous pourriez ruiner le classement de votre site Web de façon incommensurable si vous ne faites pas attention. De plus, vous pouvez pousser des informations importantes non seulement en dessous du pli, mais au-delà de la patience de votre visiteur.
Le placement des annonces est un équilibre complexe qui nécessite la connaissance du taux de rebond, l’analyse de l’engagement et le comportement des utilisateurs. Ces décisions sont mieux prises avec les bonnes données à portée de main.
L’importance de Above The Fold
Comme cela devrait être évident à ce stade, l’importance du design Above The Fold est essentielle, mais complexe. Par conséquent, il est sage de se méfier de tout conseil qui traite d’absolus. Il est certainement vrai de dire que les habitudes des utilisateurs ont énormément changé depuis les premiers jours d’Internet. Dans les années 90, en raison de la lenteur des connexions et des sites Web, il était courant que la plupart des « surfeurs » lisent rarement ce qui se trouve sous le pli. De nos jours, les gens sont beaucoup plus susceptibles d’utiliser la molette de défilement de leur souris.
Ceci a heureusement conduit au cramming, par lequel l’information était fourrée au-dessus du pli, largement disparu. Il est beaucoup plus courant aujourd’hui d’être accueilli par des designs minimalistes et élégants qui permettent au visiteur de découvrir ce que le site a à offrir.
Une étude récente de Google a montré que les publicités apparaissant au-dessus du pli avaient une visibilité de 73%, alors que celles situées en dessous n’avaient que 44%. Mais il faut mettre cela en balance avec le fait que le contenu qui attire le spectateur réduit considérablement cet écart, et que les publicités peuvent constituer un obstacle pour cela. Comme toujours avec ce sujet, le contexte et l’équilibre sont essentiels.