Boven de vouw

'Above the fold' verwijst naar het gedeelte van een webpagina of app-scherm dat direct zichtbaar is voor een gebruiker zonder te scrollen, zodra de pagina in het browservenster wordt geladen. De term is afkomstig uit de krantenwereld, waar de meest in het oog springende kop en afbeelding op de bovenste helft van de voorpagina werden geplaatst, zichtbaar wanneer de krant werd gevouwen en op een standaard werd geplaatst. In digitaal ontwerp varieert de exacte pixelgrens van de vouw aanzienlijk per apparaat, schermresolutie en browserinterface, waardoor er geen vaste afmeting is. Een veelgebruikte aanname is dat het zichtbare gebied op een typische desktopcomputer ergens tussen de 600 en 1000 pixels verticaal hoog is, terwijl het op mobiele apparaten aanzienlijk korter is, vaak minder dan 700 pixels.

Het concept blijft belangrijk omdat de content die direct zichtbaar is (above the fold) aanzienlijk meer aandacht krijgt dan content verderop op de pagina. Oogvolgonderzoek, waaronder studies van de Nielsen Norman Group, toont consequent aan dat gebruikers binnen de eerste paar seconden een indruk vormen van de geloofwaardigheid en relevantie van een pagina, en een groot deel van dat oordeel is gebaseerd op wat direct zichtbaar is. Voor commerciële pagina's betekent dit dat de waardepropositie, de belangrijkste call-to-action, vertrouwenssignalen zoals reviews of beveiligingsbadges, en belangrijke navigatie-elementen vaak direct zichtbaar zijn om de kans te verkleinen dat een bezoeker de pagina verlaat voordat hij of zij begrijpt wat de pagina te bieden heeft.

Het meten van de prestaties van het bovenste gedeelte van een pagina omvat doorgaans een combinatie van het bijhouden van de scrolldiepte, waarbij wordt geregistreerd welk percentage bezoekers specifieke punten op een pagina bereikt, en heatmaps of aandachtsanalysetools die visualiseren waar klikken, muisbewegingen en oogcontact zich concentreren. Analisten constateren vaak dat zelfs op goed ontworpen pagina's 20 tot 50 procent van de bezoekers nooit verder scrollt dan het eerste zichtbare gedeelte, met name op landingspagina's die via betaalde zoekresultaten of sociale media worden bereikt. Dit onderstreept waarom het bovenste gedeelte een onevenredig groot aandeel heeft in conversies. De scrolldiepte varieert echter enorm per contenttype en intentie; bij lange productpagina's, artikelen en vergelijkingspagina's scrollt het merendeel van de betrokken bezoekers vaak veel verder dan het zichtbare gedeelte wanneer de content erboven hun aandacht weet vast te houden.

Een hardnekkige misvatting is dat alles wat belangrijk is, direct zichtbaar moet zijn. Dit werkt echter vaak averechts en leidt tot rommelige, overweldigende lay-outs die de eigenlijke boodschap verbergen onder concurrerende visuele elementen. Modern responsive design heeft dit concept bovendien gecompliceerd, omdat de positie van de vouwlijn verschilt op een telefoon in portretmodus, een tablet en een breedbeeldscherm. Een lay-out die geoptimaliseerd is voor één schermformaat kan daardoor cruciale content op een ander scherm onzichtbaar maken. Daarnaast zijn gebruikers gewend geraakt aan scrollen als een normale interactiemethode, waardoor de oude aanname dat alles onder de vouwlijn in feite onzichtbaar is, minder absoluut is dan in de beginjaren van het internet, met name voor betrokken bezoekers met een hoge intentie.

In een CRO Contextuele analyse van de content boven de vouw is meestal een van de eerste diagnostische stappen bij een audit van een landingspagina of homepage, omdat deze direct van invloed is op het bouncepercentage en het percentage bezoekers dat de rest van de pagina bekijkt. Professionals testen doorgaans variaties in de duidelijkheid van de headline, de zichtbaarheid en formulering van de primaire call-to-action, en de toevoeging van een subtiele visuele aanwijzing, zoals gedeeltelijk zichtbare content of een scrollindicator, die aangeeft dat er meer relevante informatie verderop te vinden is. Het doel is niet om elk element binnen een vaste pixelgrens te persen, maar om ervoor te zorgen dat het initiële scherm, ongeacht de afmetingen op een bepaald apparaat, de kernwaardepropositie duidelijk genoeg communiceert om de bezoeker te verleiden om te scrollen of te klikken en zo verder in de funnel te komen.