Als we teruggaan naar de begindagen van de uitgeverswereld, krijgen we de term “above the fold” als term die werd gebruikt voor inhoud die verscheen op de bovenste helft van de voorpagina van een krant. Inhoud boven de vouw verscheen voor lezers als de meest zichtbare, met pakkende koppen en levendige beelden vaak gebruikt om de aandacht van lezers te trekken in de hoop dat als ze langs de kiosk liepen het hen zou overtuigen om een krant te kopen.
Nu snel vooruit naar de overgang van aper naar digitaal als diezelfde uitgevers verhuisden hun bedrijven van print naar online. Omdat webdesign zich sinds het begin van de jaren negentig heeft ontwikkeld, is de term blijven hangen. Dus wat betekent “boven de vouw” voor uw homepage? En doet het er nog steeds toe in 2019?
Waarom is Above The Fold belangrijk voor mijn website?
In het tijdperk van digitale marketing verwijst de vouw niet langer naar een daadwerkelijke vouw in een krant, in plaats daarvan verwijst het naar de inhoud die als eerste wordt geladen wanneer u een website bezoekt, uw aandacht grijpt en u naar binnen trekt.
In de wereld van webdesign, waar u zich zorgen maakt over contentlay-out en -plaatsing, omdat inhoud die boven de vouw verschijnt, is wat het eerst zichtbaar is wanneer de websitebezoeker de pagina laadt. Die inhoud is het belangrijkste onroerend goed dat de meeste aandacht krijgt van de bezoekers van uw site en de gebruikerservaring moet dat weerspiegelen. Jakob Nielsen schat dat “…webgebruikers 80% van hun tijd besteden aan het bekijken van informatie boven de vouw van de pagina. Hoewel gebruikers tegenwoordig meer scrollen, besteden ze nog steeds maar 20% van hun aandacht aan informatie onder de vouwlijn.”
Op de eerste plaats moet je jezelf afvragen wat de belangrijkste inhoud is om mij te helpen mijn zakelijke doelen te bereiken.
Als je die vraag hebt beantwoord, weet je wat je op die plek met hoge zichtbaarheid moet plaatsen. De inhoud moet onmiddellijk de aandacht van de gebruiker trekken en hem de inhoud bieden waarnaar hij op zoek is, zodat hij niet stuitert en een andere site bezoekt.
Snelle tips om de conversie te verhogen
- Heroïde afbeelding: Word hier niet te etherisch. Hoe zien uw tevreden klanten eruit? Wat ervaren ze? Laat een beeld zien dat een positieve aspiratie oproept.
- Header Copy: Verlies geen duidelijkheid om slim te zijn. Als u verwart, verliest u. Blijf bij een eenvoudige boodschap die precies laat zien wat u doet of die zich inleeft in de kern van de uitdaging waarmee zij worden geconfronteerd.
- Aanroep tot actie (CTA): Uw primaire CTA moet duidelijk zijn en geplaatst in de rechterbovenhoek van de navigatie EN in de held sectie.
- Tagline: Koppel de duidelijke kopregel aan een regel van één of twee zinnen die uw merk positioneert om het probleem van uw klant te helpen oplossen.
- Navigatie: Minder is meer. Goede website-ontwerp leidt de gebruiker precies waar u wilt dat ze gaan. Te veel opties kunnen leiden tot beslissingsmoeheid.
- Laadsnelheid: De laadtijd van uw homepage kan bezoekers aan het bouncen brengen.
Plaatsing van advertenties boven de vouw verbetert hun zichtbaarheid en genereert meer advertentie-inkomsten dan advertenties die op minder zichtbare plaatsen zijn geplaatst.
Hoe meet je “The Fold” in webdesign?
In het kort, het is onmogelijk om precies te bepalen waar de vouw wordt geplaatst op uw website. De exacte locatie verschilt vanwege de verscheidenheid aan beeldschermformaten (desktop en laptop), schermresoluties, browserplug-ins en afmetingen van verschillende mobiele telefoons en tablets.
Als vuistregel zijn de meeste webdesigners het erover eens dat de vouwlijn ruwweg 1000 pixels breed en 600 pixels hoog is. Dit is de beste schatting van de meest voorkomende monitor/browsercombinatie van 1024×768 pixels, met het browservenster gemaximaliseerd en zonder geïnstalleerde werkbalken bovenaan die de inhoud naar beneden duwen.
Als u nieuwsgierig bent naar hoe u meer te weten kunt komen, kijk dan eens naar het analyseprogramma van uw website (als u er geen hebt, is Google Analytics een prima plek om te beginnen), dat u zou moeten kunnen vertellen wat de meest voorkomende schermafmetingen zijn voor uw bezoekers. Hoewel de gebruikelijke schermgrootte van 1024×768 van oudsher de juiste is, winnen nieuwe afmetingen aan populariteit, zoals 320×568 en 360×640, allemaal door de toename van het mobiel bekijken van websites.
Mobiele weergave en responsief ontwerp
In de afgelopen jaren is het gebruik van mobiele apparaten voor surfen op het web sterk toegenomen en dat maakt het concept van optimalisering van webdesign voor content boven de vouw nog ingewikkelder.
Een van de uitdagingen is dat mobiele apparaten een grote verscheidenheid aan schermformaten bieden en dat gebruikers op mobiele apparaten meestal in portretmodus surfen in plaats van in landschapsmodus. Dit heeft weer gevolgen voor de grootte van het scherm waarop een ontwerper belangrijke inhoud moet weergeven.
Optimizely zegt hierover het volgende: “Nu zoveel mensen webpagina’s op zoveel verschillende apparaten bekijken, maken de huidige webdesignpraktijken gebruik van responsive design: het gebruik van flexibele lay-outs, afbeeldingen en cascading stylesheets. Bij responsive design is er geen vaste lay-out voor een pagina, en stroomt de inhoud over naar een scherm van elke grootte. Responsieve webpagina’s reageren of “reageren” op de omgeving waarin ze worden geconsumeerd of doorbladerd.”
Hoewel de belangrijke inhoud nog steeds hoger op de pagina moet staan, moeten de pagina’s tegenwoordig zo worden ontworpen dat gebruikers worden verleid om te scrollen, zodat ze geen belangrijke inhoud missen.
De vouw zal als concept altijd blijven bestaan, maar het is een regel die kan worden gewijzigd of aangepast, vooral na verloop van tijd. Omdat er zoveel verschillende apparaten en schermresoluties zijn om websites te doorbladeren, verschilt de vouw veel te veel van gebruiker tot gebruiker om er regelmatig op te kunnen vertrouwen. Maar door ervoor te zorgen dat alleen de belangrijkste elementen en inhoud boven de vouw worden geplaatst, kunt u een goede balans vinden tussen de bruikbaarheid van uw site en het aanbieden van de juiste inhoud “Above The Fold.”
Voor meer tips over homepage best practices of hoe u uw website snelheid te verbeteren check out deze blogs!
- 5 Homepage Best Practices
- 13 Manieren om Website Snelheid te Verhogen
Van landingspagina’s tot homepages, we hebben bedrijven net als de uwe geholpen gebruikerservaringen op te bouwen die leads naar een verkoop leiden. Plan een tijd om te praten.