Boven de vouw blijft een belangrijk onderdeel van website-ontwerp, hoewel het begrip met het jaar complexer is geworden. Hoewel het misschien niet meer zo belangrijk is als vroeger, moet het nog steeds begrepen en overwogen worden door alle websites die hun bezoekers een boeiende ervaring willen bieden.
Wat is Above The Fold?
Het concept van Above The Fold gaat eeuwen terug, tot het begin van de drukpers. Kranten werden, door de manier waarop ze op grote vellen papier werden gedrukt, gevouwen zodra ze in de kiosken lagen. Dit leidde ertoe dat alleen de bovenste helft van het papier zichtbaar was voor de voorbijganger.
De krantenindustrie kwam er al snel achter dat om een publiek te trekken, ze aandachttrekkende koppen, inhoud en beeldmateriaal op de bovenste helft van de pagina moesten presenteren. Dit basisprincipe blijft hetzelfde voor digitale inhoud.
Natuurlijk hebben websites geen fysieke vouw zoals kranten, de vouw heeft in dit verband betrekking op de scrollbar.
Alles wat niet onmiddellijk zichtbaar is, waarvoor je moet scrollen, wordt beschouwd als onder de vouw. Helaas is de digitale versie van boven de vouw niet zo eenvoudig als de gedrukte versie.
Afmetingen
De eerste overweging voor een website is hoe de afmetingen op de lezer overkomen. Niet alle schermen zijn hetzelfde. Bovendien, met de proliferatie van pads en telefoons, elke site presenteert op zeer verschillende manieren. En dan hebben we het nog niet eens over schermresoluties en browserplug-ins.
De afmetingen van telefoons zijn misschien wel het belangrijkste gebied geworden om zorgvuldig te overwegen, nu het gebruik ervan in 2016 desktops heeft overschaduwd. Mobiele telefoons komen in verschillende vormen en maten, net als hun schermen, dus in tegenstelling tot een broadsheet krant, de vouwlijn is een veel minder voorspelbaar concept.
Online tools voor het bepalen van Above The Fold Placement
Er zijn veel gratis online tools die u kunt gebruiken om verschillende aspecten van uw website visueel te testen en te plaatsen met betrekking tot zijn “Fold”. Hoewel deze zeer nuttig zijn om u te helpen een fysiek idee van de lay-out te krijgen, kunnen ze alleen een oppervlakkige presentatie van de website geven en geen diepgaande analyse. Om deze reden is het aanbevolen dat een volledige website optimalisatie wordt uitgevoerd.
Best Practices
Hoewel het waar is dat er geen harde en snelle regels zijn voor boven de vouw plaatsing, een aantal best practices werken vaak als nuttige richtlijnen. Sommige van deze zijn gezond verstand ideeën, zoals ervoor te zorgen de meest boeiende inhoud is boven de vouw. Andere praktijken hebben betrekking op de eerder genoemde afmetingen, zoals de standaard vouwgrootte van 1.000 pixels breed – 600 pixels hoog voor schermen van 1.024 bij 768 pixels. De meeste schermgroottes zijn in 2018 echter groter dan dit, dus het is belangrijk om uw website hierop aan te passen.
Het is ook belangrijk om nooit aan te nemen dat best practices orthodoxie betekent. Jarenlang zijn websites ontworpen als voorpagina’s van kranten, maar dit heeft geleid tot een soort “templatization”, waarbij de meerderheid van de sites er hetzelfde uitziet. Innovaties, zoals verticaal scrollen (of klikken) betekent dat het concept van boven de vouw letterlijk wordt omgedraaid, en de ervaring voelt veel natuurlijker aan voor de lezer als gevolg daarvan.
Sommige websites, in feite, hebben de vouw helemaal afgeschaft, het ontwerpen van pagina’s met geen inhoud onder de vouw en het elimineren van het probleem volledig. Deze “Compact” ontwerpen zijn esthetisch een lust voor het oog en zijn in staat om alle schermformaten te passen.
Een van de slechtste dingen die een website kan doen is het presenteren van een “Valse bodem” naar de pagina. Dit is wanneer een site verdere informatie bevat die scrollen vereist, maar het bestaan ervan niet duidelijk is voor de bezoeker. Dit is de slechtste van alle werelden. Een vouw hoeft geen obstakel te zijn, het moet natuurlijk vloeien en de bezoeker naar binnen trekken.
Meer info hier.
Call To Actions Above Or Below The Fold?
Een van de mythes over boven de vouw ontwerpen is dat het altijd de beste praktijk is om een Call To Action (CTA) duidelijk direct zichtbaar te hebben. Dit is, zoals veel met betrekking tot het onderwerp, een over-simplificatie van het concept. Waar u de call to actions plaatst, hangt af van verschillende factoren, waarvan de belangrijkste zijn:
- Zekere bezoekers
- Onzekere bezoekers die bekend zijn met uw product – of het voorstel is eenvoudig
- Onzekere bezoekers die een complex voorstel krijgen
Zekere bezoekers zijn degenen die waarschijnlijk zullen reageren op de call to action, omdat ze grotendeels al een beslissing hebben genomen voordat ze de site bezoeken. Dit is waar bekende merken een voordeel hebben, omdat er voor de “zekere bezoeker” weinig te leren valt over een product of dienst. In deze gevallen is het plaatsen van een call to action boven de vouw slechts een kwestie van gemak.
Voor onzekere bezoekers die de call to action eenvoudig begrijpen of die enige kennis hebben van het product of de dienst, is het plaatsen van de call to action boven de vouw over het algemeen een best practice om grotendeels dezelfde redenen als hierboven genoemd, hoewel de informatieve inhoud ook belangrijk is.
Voor onzekere bezoekers die een complex voorstel krijgen voorgelegd, zoals een product of dienst waar ze niet vanzelfsprekend iets aan hebben, is het plaatsen van de call to action boven de vouw niet voldoende. Wat nodig is, is een meer diepgaande uitleg over waarom op uw call to action moet worden gereageerd. In feite kan het plaatsen van uw oproep tot actie vooraan een beetje opdringerig overkomen.
Eenvoudig gezegd, de oproep tot actie moet worden geplaatst op een positie waarbij de bezoeker het meest is overgehaald om ernaar te handelen.
Plaatsing van advertenties
Het moet altijd worden begrepen dat de meeste aandacht, ongeacht hoe tactisch u uw site ontwerpt, nog steeds boven de vouw zal worden gericht. Daarom is het logisch dat om advertentie betrokkenheid die je moet het gebied overspoelen met advertenties rechts te maximaliseren? Nou nee. Google algoritmen bestraffen deze praktijk ernstig en je zou kunnen ruïneren uw website ranking onmetelijk als je niet voorzichtig bent. Wat meer is, kunt u duwen belangrijke informatie niet alleen onder de vouw, maar voorbij het geduld van uw bezoeker.
Ad plaatsing is een complexe balans die kennis van bounce rate, betrokkenheid analyse, en gebruikersgedrag vereist. Deze beslissingen kunnen het beste worden genomen met de juiste gegevens bij de hand.
Het belang van Above The Fold
Zoals in dit stadium duidelijk zou moeten zijn, is het belang van above the fold design essentieel, maar complex. Als gevolg daarvan is het verstandig om op je hoede voor elk advies dat handelt in absolute waarden. Het is zeker waar om te zeggen dat de gewoonten van de gebruikers enorm veranderd zijn sinds de begindagen van het Internet. In de jaren ’90 was het door de trage verbindingssnelheden en de enorm trage websites gebruikelijk dat de meeste “surfers” zelden iets onder de vouw lazen. Tegenwoordig gebruiken mensen veel vaker het scrollwieltje op hun muis.
Dit heeft er gelukkig toe geleid dat cramming, waarbij informatie boven de vouw werd gepropt, grotendeels is uitgestorven. Het is tegenwoordig veel gebruikelijker om begroet te worden met minimalistische en elegante ontwerpen die de bezoeker in staat stellen te ontdekken wat de site te bieden heeft.
Een recente studie van Google heeft aangetoond dat advertenties die boven de vouw verschijnen een zichtbaarheid van 73% hebben, terwijl die eronder slechts 44% hebben. Maar dit moet worden afgewogen tegen het feit dat inhoud die de kijker trekt in vernauwt die kloof aanzienlijk, en advertenties kunnen een obstakel voor dat. Zoals altijd bij dit onderwerp zijn context en evenwicht de sleutel.