Mag je scrollen op een website? Realiteit én mythe
Gepost op 19 April 2010 door Anthony
Regelmatig vragen klanten ons om een website te bouwen waarbij je niet moet scrollen. Waarom niet scrollen? Omdat de belangrijkste info in één oogopslag zichtbaar moet zijn, is dan het vaak gehoorde argument.
Al sinds 1994 discussiëren webdesigners en usability architects over de zin en onzin van de page fold*, en slagen ze er maar moeilijk in om tot een conclusie te komen.
Scrollen mensen nu wel of niet?
Page fold, de foute reflex.
Als concept is de page fold zeker niet oninteressant. Het is immers een feit dat bezoekers bij het bezoeken van uw website in eerste instantie enkel de informatie ‘above the fold’ zullen zien. De reflex is dan: “Laten we alle informatie – en zeker de belangrijke – boven the fold zetten!”. Fout.
- Eye-tracking onderzoek toont aan dat bezoekers geen moeite hebben met scrollen, en de scrollbalk zelfs gebruiken om te weten hoelang een pagina is.
- Onderzoek toont bovendien aan dat een pagina met minder informatie boven the fold beter scrollgedrag oplevert dan websites met veel informatie boven the fold.
- Een logisch opgebouwde, lange pagina kan veel informatie bevatten en de bezoeker behoorlijk wat klikwerk besparen.
Hoe ga je wèl om met de page fold?
Als je redeneert vanuit de gebruiker, dan zijn de principes eenvoudig. In plaats van alles in het werk te stellen om informatie boven de page fold te plaatsen, ga je moeite doen om de bezoeker te laten scrollen.
- Teasen, niet doodslaan.
De bezoeker bij het openen van een pagina meteen doodslaan met alle informatie waarvan jij denkt dat ze relevant is, kan niet meteen gebruiksvriendelijk genoemd worden. Bovendien levert het slecht scrollgedrag op.
Probeer de meest teasende informatie kernachtig bovenaan te plaatsen, en stimuleer daarmee de bezoeker om verder te lezen. - Toon dat het niet gedaan is.
Baken de page fold niet af met een doorlopende lijn, maar laat enkele afbeeldingen of wat tekst boven de page fold uitkomen. In één oogopslag maak je de bezoeker duidelijk dat er nog meer informatie te vinden is. - Vertel een verhaal.
Met bezoekers die meer teksten scannen in plaats van lezen, wordt het goed vertellen van een verhaal steeds belangrijker. Combineer visuele elementen met tekst om een krachtig begin te formuleren boven the fold, en werk langzaamaan naar een climax toe onderaan de pagina.
Conclusie
Dat bezoekers niet verder kijken dan de page fold is duidelijk een mythe. De realiteit is wel dat je moeite moet doen om de bezoeker te stimuleren om verder te kijken. Een goede webdesigner zal daar dan ook steeds rekening mee houden.
(*) Met de page fold bedoelt men het deel van een webpagina dat zichtbaar is zonder te scrollen.
Karl Gilis zegt:
Het artikel vanb CXPartners (waarop dit artikel gebaseerd is) is nogal kort door de bocht, wat ze zelf in hun latere aanpassingen en comments ook toegeven.
Of mensen al dan niet scrollen hangt vooral af van het type pagina en het type website. Op http://usability-blog.be/paginavouw-feit-of-fictie/ staat een mooi overzicht van al die paginatypes.
Uit grootschalig onderzoek van Nielsen blijkt trouwens dat anno 2010 links boven de vouwlijn nog steeds 80% meer kliks krijgen dan links onder de vouwlijn. Toch blijven opletten dus met de paginaopbouw.
Maar inderdaad: scrollen op zich is geen probleem.
Diedert Debusscher zegt:
Helemaal mee eens. Uit gebruikerstesten blijkt trouwens dat de rechterkolom (van het klassieke drieluikscherm) nu veel minder bekeken wordt dan vroeger. Ook dat pleit voor scrollen en tegen een horizontale schermopbouw waar je per se alles in wilt proppen.
Koen zegt:
@Karl. Bedankt voor de aanvulling. Het was onze bedoeling te verduidelijken dat scrollen echt wel geen probleem is. Zonder daarom een uitgebreid ‘argumentarium’ te schrijven.
Dat links boven de vouwlijn nog steeds 80% meer clicks krijgen, lijkt me evident. De meeste webbouwers zullen de belangrijkste info ook boven de vouwlijn plaatsen. Ook bij nieuwssites.
Beta tester zegt:
Er wordt meestal van links boven naar rechtsonder gelezen. Dus links en boven de vouwlijn je info plaatsen lijkt me idd ideaal.
Edwin zegt:
Leuke blog.
Je schrijft ““Laten we alle informatie – en zeker de belangrijke – boven the fold zetten!”. Fout.”
Alle informatie bovenaan zetten is fout, de belangrijkste info boven de fold zetten is doorgaans wél een goede keuze.
Mensen scrollen wel meer dan vroeger, maar info boven de fold krijgt nog altijd meer aandacht.
Enne, niet alles geloven wat eye-track studies zeggen. Die zijn niet zwart/wit 100% exact.
Perifeer zicht, om maar iets te zeggen, kan je er bijvoorbeeld niet mee meten.
Koen zegt:
Dankjewel Edwin. Voor het compliment én voor de commentaar. Zoals we al eerder beaamden in de reacties, zal de belangrijkste info inderdaad boven de vouwlijn staan.
Alleen is het zo dat in de ogen van een opdrachtgever soms iets teveel items ‘belangrijk’ zijn, waardoor je een overload aan info krijgt boven de vouwlijn.
Thomas zegt:
Ik pleit ook voor scrollen! Het is niet altijd evident om een klant te overtuigen dat scrollen wel degelijk gebruiksvriendelijk is. De argumenten uit dit blog bericht zijn in ieder geval overtuigend. Ik verwijs ook soms door naar mijn vriend Google. In Google Images hebben ze al een tijdje de paginering vervangen door scrollen. Het is een algemene tendens die je op meerdere sites terug vindt.
Scrollen is bij smarth phones, tablets en dergelijke ook vrij eenvoudig. Maar om de laadtijd te verkorten bij lange pagina’s, gebruik ik dikwijls de jQuery plugin: “Lazy Load”. Op die manier worden afbeeldingen in de page fold niet ingeladen. “Scroll to Top” is ook een handige jQuery plugin om bezoekers met één muisklik bovenaan de website te laten navigeren. Dit kan van pas komen bij lange pagina’s.