Eerder deze week kon je op Frankwatching.com het artikel ‘Een steeds betere website: 10 quick wins uit eyetracking’ lezen. Eén van de onderwerpen die Charlotte van Dael in haar verhaal behandelde was de beruchte ‘page fold’, de paginavouw, en dat mensen niet scrollen op sites. Dat maakte de tongen flink los, getuige het aantal reacties. En blijkbaar zijn ook de geleerden het daar niet over eens.
Mensen scrollen niet, blijkt uit onderzoek
Charlotte schrijft in haar stuk, onder punt 2, “Mensen scrollen niet” en adviseert om de “belangrijkste zaken in [de] first view” te plaatsen. Ze verwijst hiervoor naar de resultaten van 2 onderzoeken:
- 77% van de mensen scrollt niet (Nielsen en Loranger, 2009)
- Van alle webpagina’s wordt:
- 25% korter dan 4 seconden en
- 52% korter dan 10 seconden getoond (Weinrich en Herder, 2006)
Ook Anne-Roos Hassing schreef onlangs over de paginavouw.
Dan zijn korte teksten de oplossing, toch?
Je zou denken dat korte teksten dan oplossing zijn. Maar toch is dat niet zo. Want lezers vinden scrollen de gewoonste zaak van de wereld (ClickTale, 2006). Op de ruim 100.000 onderzochte pagina’s waarop je kón scrollen, werd:
- 76% gedeeltelijk gescrolld en
- 22% zelfs helemaal naar beneden
Grote sites maken zich niet druk over de vouw
Het Britse cx partners wijst er in het artikel ‘The myth of the page fold: evidence from user testing’ (2009) op dat onder meer de BBC, Amazon.com en The New York Times een (heel) lange homepagina hebben:
BBC, Play.com, Amazon.com en The New York Times hebben een (heel) lange homepagina (bron: cxpartners.co.uk; klik voor een grotere versie)
“Minder content boven de vouw zou ertoe kunnen leiden dat mensen gaan kijken onder de vouw”, stelt cx partners, en geeft daarbij een aantal tips mee:
- ‘Less is more’
Laat je niet verleiden om alles maar boven de vouw te proppen. Gebruik witruimte en beeld om je bezoeker te inspireren tot verder kijken. - Scherpe horizontale lijnen ontmoedigen scrollen
Dit betekent niet dat je helemaal geen horizontale elementen over de volle breedte meer moet gebruiken. Zorg dat een klein deel van je content net zichtbaar is, boven de vouw uit steekt om scrollen aan te moedigen. - Mijd in-page scrollbalken
De scrollbalk van je browser is een indicator van de hoeveelheid content op de pagina. iFrames en andere elementen met scrollbalken doorbreken deze conventie en kunnen ertoe leiden dat content niet wordt gezien.
Het klopt dus allebei
Je bezoekers scrollen dus niet op je site… én ze scrollen wél, zoals ook 2C Usability ondervond (2009).
Mensen scrollen niet:
Wanneer bezoekers een homepage of overzichtspagina openen, hebben ze niet de behoefte om de gehele pagina te gaan lezen om op zoek te gaan naar de informatie die ze zoeken. De informatie moet direct tot ze komen. Ze verwachten dan ook snel datgene te zien wat ze zoeken om verder te kunnen klikken naar een specifieker gedeelte, dieper op de website.
Mensen scrollen wel:
Wanneer pagina’s dieper in de website bekeken worden en meer specifieke informatie bevatten, leveren lange pagina’s lang niet altijd problemen op. [...] In dergelijke gevallen zijn gebruikers veel meer gefocust op de content van een pagina. Ze zullen de pagina eerder uitvoerig bekijken en tekst beter lezen dan op een homepage. Daardoor zullen gebruikers op dergelijk specifieke pagina’s eerder scrollen.
Wat moet je dan: verschillend gebruik voor verschillende sites
Het Vlaamse usability-blog maakt onderscheid tussen verschillende typen sites en pagina’s als het gaat over de paginavouw. Onze zuiderburen sluiten aan bij cxpartners als het gaat om nieuwssites en grote, bekende webwinkels. Maar voegen daar ook iets aan toe. Dat focust zich vooral op home- en overzichtspagina’s van “doorsnee bedrijven en organisaties”:
Op een overheidswebsite of de site van een doorsnee bedrijf scrollen mensen liever niet op homepages en overzichtspagina’s. Dat zeggen ze spontaan tijdens gebruikerstesten. Het blijkt ook uit hun surfgedrag tijdens gebruikerstesten en wordt gestaafd door analyse van logfiles. [...] Mensen verwachten op dergelijke websites, en zeker op de homepage, dat de belangrijke info onmiddellijk zichtbaar is. Dat ze geen moeite moeten doen om die te zien.
En over detailpagina’s zeggen ze:
Op detailpagina’s speelt lengte nauwelijks een rol. Mensen zullen zo lang blijven scrollen als uw informatie hen interesseert. Maak boven de vouwlijn wel duidelijk wat de pagina te bieden heeft.
Het draait ook om aandacht
- Aandacht volgt een bepaald patroon: ze is het hoogst bovenaan, bij de eerste 540 pixels, én onderaan, ongeveer 500 pixels vanaf de onderkant.
- Aandacht verslapt exponentieel bij het naar beneden scrollen.
- Informatie bovenaan krijgt ongeveer 17 keer meer aandacht dan informatie onderaan de pagina.
Verdeling van aandacht van sitebezoekers tijdens scrollen (bron: ClickTale; klik voor een grotere versie)
Conclusie: er is eigenlijk geen conclusie
Er is geen pasklaar antwoord op de vraag of mensen op sites wel of niet scrollen. Het ene onderzoek wijst uit bezoekers niet scrollen, het andere dat ze dat duidelijk wel doen. Voor grote bedrijven als BBC en Amazon zijn onderzoeksresultaten in elk geval geen belemmering om toch voor een lange homepagina te kiezen.
Of je scrollen tot een minimum wilt terugbrengen, is dus een keuze. En welke keuze je maakt, ligt aan jouw type site, aan welke content je biedt, hoe je die (grafisch) presenteert, aan welke ‘trucs’ je toepast om mensen aan te sporen verder te scrollen, enzovoort. Toverwoord is allicht: testen, testen en nog eens testen.
Eén tip springt er voor mij in elk geval uit: laat je niet verleiden om alles maar boven de vouw te proppen. Plaats belangrijke elementen en content boven de vouw, in het aandachtsgebied van de eerste 540 pixels, en spoor mensen aan om verder te scrollen.
Naschrift: mensen lezen 77% van wat de juiste informatie lijkt
Overigens strookt de conclusie van Usability-blog met wat Stanford Poynter in 2007 ondervond als het gaat om hoe mensen lezen van een beeldscherm. Is de lezer eenmaal op de pagina waar hij daadwerkelijk antwoord op zijn vraag denkt te vinden, dan leest hij maar liefst 77% van de tekst:
- Online 77% van tekst gelezen
- In krant 62%
- Op tabloidformaat 57%
Maar daarover schrijf ik graag een andere keer.
Christiaan W. Lustig (1977) is consultant interactieve media bij de 
Jasper van Weerd 
Dries bultynck 
Eduard Blacquière 
Jip 
Frank Janssen 
Goede opsomming.
Ik denk dat een eenduidig antwoord moet zijn: “Houd rekening met verschillende typen pagina’s, let op het doel van de pagina/bedenk wat de bezoeker daar komt doen”.
Ik kan me heel goed bedenken dat bezoekers hun gedrag afstemmen op het (hun) doel, en het type pagina. Dat doe ik immers ook.
1) Zorg dat de bezoeker (boven de fold) begrijpt wat voor informatie hij/zij op de pagina gaat aantreffen.
2) Belangrijkste/interessantste info boven de fold.
3) Rekening houden mét de fold.
Vooral 3 vind ik persoonlijk belangrijk. Het is gewoon belangrijk en goed dat er in de design-fase al goed wordt nagedacht over de fold, en welke informatie/elementen daar wordt getoond. Ik denk dat veel webdesigners daar nog niet actief genoeg mee bezig zijn.
Dat de aandacht verslapt tijdens het scrollen heeft naar mijn mening niets met de handeling zelf te maken, maar met slecht opgebouwde content/website.
Excuus voor de belabberde opmaak van mijn bericht. Tijdens het typen zaten er toch echt witregels tussen.
Leuk om te zien dat je een artikel hebt geschreven na de lange – maar interessante – discussie bij het artikel van Charlotte.Het vormt een mooie samenvatting van diverse onderzoeken. Het blijft mijns inziens van belang om de meest belangrijke zaken boven de fold te plaatsen, omdat de bezoeker anders een handeling meer uit moet voeren (plus 23% zal er niet eens komen). Verder is het onderscheid dat gemaakt wordt tussen verschillende type websites (winkel / nieuws, bekend / onbekend) en de type pagina’s (home / detail) erg herkenbaar en ook bruikbaar. Zeker iets om rekening mee te houden.Ik ben benieuwd of dit artikel nog tot reacties gaat leiden, dus ik blijf ‘m vandaag even volgen…
Ha, Remco, dat van die opmaak gebeurd mij nou ook altijd hier. Best zonde soms, want je reactie lijkt daardoor meteen zo slordig.
Ik ben het verder met je eens: je moet gewoon goed nadenken over de fold.
Mijn visie op de fold: Natuurlijk zijn er heel veel mensen die wel scrollen, afhankelijk van de intentie van de bezoeker en afhankelijk van de pagina. Maar er zijn ook mensen die niet scrollen. Om het meeste uit je website te halen moeten je must-reads dus gewoon wel bovenaan de pagina staan.
Zo bereik je de wel- en de niet-scrollers.
AndroidFaq,
Eens, echter vraag ik me af of mensen die echt niet scrollen op een website, daar wel op hun plek zijn. Zijn ze wel op zoek naar de informatie op jouw website, of zijn ze er gewoon via pagina 11 van Google terecht gekomen.
Ik ben het er niet helemaal mee eens dat er geen conclusie is. In genoemde artikelen staat 2x dat er een percentage is dat niet scrolled. Dus hoe je het ook draait of keert, als informatie niet zichtbaar is mag je er niet vanuit gaan dat men dit gaat opzoeken. En daarmee kan je commercieel gezien wel eens de plank misslaan.
Ga eens na hoeveel “ruis” (banners, favorieten, alleen al op deze pagina staan 4 reclame blokken) er tegenwoordig op sites te vinden is. Gooi dat er eens af en er is waarschijnlijk genoeg ruimte.
Interessante discussie! Een paar dingen die mij opvallen.
1. Allereerst worden resultaten van onderzoeken uit 2006 genoemd. Websites van 2006 (die vaak daarvoor al zijn ontworpen) verschillen fundamenteel van website ano 2009 dus die resultaten zijn wat mij betreft achterhaald.
2. Amerikaanse websites verschillen nogal van Europese. De eerste zijn vaak veel drukker en Amerikanen zijn daar meer aan gewend dan Europese bezoekers en zullen eerder geneigd zijn te scrollen.
3. Remco heeft een goed punt, houd rekening met ‘the fold’ bij het design. Volgens mij is een goede website ontworpen met een bepaald ‘routing’ systeem in gedachte. Net als een supermarkt, je plaatst artikelen voor en achter in de winkel en ook op bepaalde hoogte. Sommige websites lijken soms te stoppen onder de vouw en nodigen dus niet uit tot verder scrollen.
4. Last but not least, theorie is zoals zo vaak theorie. Test altijd je eigen website bij je bezoekers!
Misschien kan hier zelfs nog een technisch element aan worden toegevoegd: hoever kun je naar beneden scrollen als je 1 of zelfs 2 keer je muiswiel een slinger geeft. Sinds de muiswiel kun je aanzienlijk eenvoudiger even snel naar beneden scrollen maar dit blijf je ook niet ongelimiteerd doen. Na 1 of 2 keer die beweging gemaakt te hebben ben je toch wel klaar met zoeken en wil je iets relevants zijn tegengekomen.
Ik vermoed dat als je hiernaar onderzoek zou je ook een ‘conclusie’ kunt trekken over hoelang je de pagina kunt maken tegenwoordig.
@ Gert-Jan
Klopt. Maar er staat ook een aanzienlijk percentage dat wél scrollt. Dat is nu net het dilemma. Maar…
@ John
… dit is zeker waar: het verschil tussen theorie en praktijk is immers dat de praktijk uitwijst dat de theorie niet klopt. ;-) Testen is dus het devies.
@ Remco de Vries
Ik heb gemerkt dat je 1 witregel krijgt als je 2 witregels maakt als je je reactie typt. ;-)
Het grote verschil van het wel of niet scrollen ligt hem denk ik in de bekendheid van een website. Op een bekende site zoals Amazon verwacht je interessante info en weet je al enigzins wat je kan verwachten. Voor de website van de loodgieter verderop is de vouw volgens mij wel erg belangrijk. Dat zijn websites waar je op komt om te kijken of dit is wat je zoekt en zo niet klik je weg.
Om maar even een metafoor te gebruiken: Als je kleding gaat kopen, dan weet je dat ze bij bijv. de H&M vaak wel leuke dingen hebben en ga je binnen even kijken. Je gaat niet alle kleine kledingwinkeltjes binnen om te kijken of ze toevalig iets leuks hebben, dat doe je pas als je iets leuks in de etalage ziet hangen.
Mooie verhandeling Christiaan. Mijn indruk is verder dat boven de vouw de reden te vinden moet zijn om naar onder te scrollen. Moeilijk onderzoekbaar, zeker omdat de vouw zo “fluïde” is. Een hoge banner / sfeerbeeld aan de bovenzijde wordt mijns inziens gelijk omzeild, en “afgescrolled”. Die krijgen weinig stipjes in menig eyetracking- en mousetracking-overzichten dat ik gezien heb. Of dat betekent dat je geen sfeerbeeld meer moet introduceren aan de bovenkant vraag ik me af… juist herkenbaarheid van de afzender en vertrouwen is ook een grote factor in de beslissing om langer dan 1 seconde op een website te verblijven (en te scrollen)
De EO is uiteraard betrouwbaar :-) die heeft alleen een heeeeeeeel klein logootje nodig bovenaan…
@ Marnix
Tja, da’s misschien het voordeel van een (min of meer) household name. :-D Martijn zegt dat eigenlijk ook, hierboven.
Het is toch ook niet meer dan logisch dat scroll-gedrag afhangt van het type informatie die men zoekt. Zoek je nieuw, dan blader je niet verder in de playboy. zoek je Patricia Paay naakt, dan wel…
Maar wel leuk, goed en duidelijk dat je ons er op wijst Christiaan!
@Mark,
Absoluut. Echter wijkt het gedrag van mensen soms zo ver af, dat dit niet tot de mogelijkheden lijkt te behoren.
@Christiaan; bedankt voor het delen. Na dit te lezen moest ik denken aan de buying modalities. Dit gaat uit van grofweg vier type gebruikers.
Ik heb geprobeerd om een onderzoek te vinden die deze twee (scrollen en buing modes) combineert. Helaas niet gevonden. Iemand anders?
Wellicht een idee voor de volgende die dit onderzoekt om dit mee te nemen. :)
Leuk artikel, maar wanneer gaat frankwatching nu eindelijk eens dat irritante font afschaffen dat alleen in IE een beetje leesbaar is.
@Anton,
Font is prima in Google Chrome.
@ Yasser. Hier is wel degelijk een relatie in te vinden. Interessant punt. Veel webwinkels hebben hun productpagina’s hier ook op geoptimaliseerd. Op basis van de buying modality wordt er een prioriteit gegeven aan de content en deze wordt op die moment verdeeld over de webpagina, al dan niet boven de fold. De mensen die ‘waiting for your cat to bark’ hebben gelezen zal dit bekend in de oren klinken.
Goed artikel Christiaan! Top. Ik spreek je snel een keer.
Ha Christiaan, beetje late reactie, sorry, maar super dat je zo’n duidelijk overzicht in dit artikel hebt gegeven van recente inzichten en onderzoeken!! Goed artikel! Mooi ook weer dat er zoveel reacties op komen. Het blijft intrigeren :-)
Zolang ik bij onze gebruikersonderzoeken nog wekelijks zie dat een aanzienlijk deel (ik zou dat eens overall moeten gaan turven) van de mensen (inderdaad vooral op homepages en overzichtspagina’s) niet scrolt, blijf ik ervan overtuigd dat als je ook die mensen wilt bereiken, je de belangrijkste zaken boven de vouw moet plaatsen met inderdaad visuele indicatie wanneer er meer onder de vouw staat. In veel gevallen scheelt je dat anders gewoon simpelweg omzet.
Interessante tool van Google Labs: bekijk op willekeurige webpagina hoeveel mensen gemiddeld hoeveel % van jouw pagina kunnen zien. Google Labs Browser Size - http://browsersize.googlelabs.com/
[...] niet zo eenduidig is en niet opgaan in alle gevallen. lees hier meer over op Frankwatching: De paginavouw: mensen scrollen niet.. of wel? Desondanks is het een handig hulpmiddel om te bepalen hoe mensen je pagina [...]
Wie dit leest scrollt en n=n+1
@Stefan: Klopt, maar als er boven de vouw niks stond wat je interessant vond, was je niet gaan scrollen om een reactie te plaatsen.