Het begrip above the fold verwijst naar het gedeelte van een webpagina dat direct zichtbaar is zonder dat je eerst moet scrollen. Het is het stuk van de pagina dat verschijnt zodra iemand de pagina opent — het “bovenste deel” dat de bezoeker als eerste ziet. De rest van de pagina, dus wat je pas ziet als je naar beneden scrolt, heet dan below the fold.
Waar komt de term vandaan?
Oorspronkelijk komt above the fold uit de krantenwereld. Een krant werd vaak dubbelgevouwen op het punt waar hij op een rek hing, waarbij alleen de bovenste helft zichtbaar was voor mensen die er langs liepen. Daar werd het belangrijkste nieuws, grote foto’s en opvallende koppen geplaatst, dus letterlijk “boven de vouw”. Toen het internet en webdesign opkwamen, werd deze metafoor overgenomen: het “vouwpunt” is nu het punt tot waar je ziet op het scherm zonder scrollen.
Waarom is het belangrijk?
Het gedeelte above the fold is vaak het meest waardevolle stuk van een pagina, omdat hier de eerste indruk plaatsvindt. Bezoekers bepalen in de eerste seconden of ze blijven of verder klikken naar een andere pagina. Als ze niet direct zien wat ze zoeken, is de kans groter dat ze weggaan.
Bij webshops, landingspagina’s of websites is het dus slim om daar meteen duidelijk te maken wat je aanbiedt, wat de bezoeker kan doen en waarom hij/zij verder zou scrollen of klikken. Ook zoekmachines houden rekening met wat bezoekers zien en hoe ze reageren. Goed zichtbaar belangrijke content kan dus bijdragen aan betere vindbaarheid.
Waar moet je op letten bij het inrichten van het gedeelte above the fold?
Omdat schermen en apparaten sterk verschillen (desktop, laptop, tablet, mobiel), is er geen vaste “afstand van boven tot vouw” die voor iedereen gelijk is. Op een desktop zie je vaak meer in één keer dan op een smartphone.
Bij het ontwerpen kun je denken aan het volgende:
Plaats een duidelijke titel of kop die meteen zegt wat de bezoeker krijgt of welk probleem je oplost.
Voeg een korte ondersteunende tekst toe die verduidelijkt wat uniek is aan jouw aanbod.
Zorg dat er een zichtbare actieknop (bijvoorbeeld “bekijk aanbod”, “vraag offerte aan”) aanwezig is zodat bezoekers meteen weten wat de volgende stap is.
Gebruik een aantrekkelijk beeld of visueel element dat past bij je merk of dienst, maar pas op dat het beeld niet zo groot is dat het belangrijkste stukje tekst buiten beeld valt.
Houd het overzichtelijk. te veel elementen bovenaan kunnen verwarrend zijn en de aandacht verdelen.
Misvattingen of aandachtspunten
Er bestaat de gedachte dat alles wat belangrijk is boven de vouw moet staan, omdat veel gebruikers toch niet scrollen. Hoewel het waar is dat dit deel veel aandacht krijgt, is scrollen tegenwoordig heel gewoon. Een studie laat zien dat gebruikers in een groot deel van de gevallen wel scrollen.
Daarnaast: zelfs als iets onder de vouw staat, betekent dat niet automatisch dat het niet gezien zal worden. Het gaat er vooral om dat je bezoeker goed wordt “gevangen” in het bovenste stuk en nieuwsgierig wordt naar meer. En zorg dat het Design aangeeft dat er meer is onder de vouw, bijvoorbeeld door visuele cues die uitnodigen tot scrollen.
Kort samengevat
Above the fold is het deel van de webpagina dat je direct ziet zonder te scrollen en dat van groot belang is voor de eerste indruk, gebruikerservaring en vaak ook vindbaarheid. Omdat schermen verschillen, moet je flexibel zijn in de opbouw, maar altijd zorgen dat de kernvraag of aanbieding meteen duidelijk is. Voor je website is het dus slim om bovenaan te laten zien wat je doet, waarom het waardevol is en wat de bezoeker nu kan doen, zodat je bezoeker verder gaat in plaats van wegklikt.