Wat is above the fold op een website?
Above the fold is het deel van je pagina dat iemand ziet zonder te scrollen. Het eerste scherm, dus.
Dat stuk bepaalt in een paar seconden of een bezoeker blijft of teruggaat naar de zoekresultaten. Daarom krijgt het zoveel aandacht.
Er is trouwens geen vaste hoogte. Wat erin past hangt af van het scherm waarop iemand kijkt.
Waar de term vandaan komt
Uit de krantenwereld. Een opgevouwen krant liet alleen de bovenste helft van de voorpagina zien, en dat was het deel dat je in de kiosk moest overtuigen.
Op een website werkt het net zo, alleen is de vouw hier de onderkant van je scherm.
Er is geen vaste hoogte
Een telefoon toont ongeveer zeshonderd pixels, een laptop het dubbele en een groot bureaubladscherm nog veel meer. Dezelfde pagina heeft dus overal een andere vouw.
Daarom ontwerp je niet naar één maat maar zorg je dat het belangrijkste altijd bovenaan staat. Meer over dat gebied lees je bij viewport.
Waarom het zoveel invloed heeft
Omdat mensen snel oordelen. Binnen enkele seconden besluit iemand of hij op de goede plek is, en dat oordeel is gebaseerd op wat hij op dat moment ziet.
Is het onduidelijk wat je doet, dan is teruggaan makkelijker dan zoeken. Meer over wat dat met je cijfers doet lees je bij bounce rate.
Mijn vuistregels
- Zorg dat in één zin duidelijk is wat je aanbiedt en voor wie.
- Zet er één vervolgstap onder, niet drie.
- Ontwerp eerst voor de telefoon; daar is de ruimte het krapst.
- Laat aan de onderkant iets half zichtbaar, zodat iemand ziet dat er meer is.
Die laatste is een klein trucje met veel effect. Een scherm dat precies stopt bij de rand, oogt alsof de pagina daar afgelopen is.
Wat het niet betekent
Het betekent niet dat alles boven de vouw moet. Dat is een misverstand uit de tijd dat scrollen nog onwennig was.
Bezoekers scrollen prima, zolang ze een reden hebben om door te gaan. Dat is precies wat je eerste scherm moet geven.
Mensen scrollen wel degelijk
Op een telefoon is scrollen de natuurlijkste beweging die er is. Een lange pagina is dus geen probleem.
Wat wel een probleem is: een eerste scherm dat geen aanleiding geeft om verder te kijken. Meer daarover lees je bij waarom haken bezoekers af op het eerste scherm.