Paginavouw en scrollen: feiten en fictie

In het artikel ‘The myth of the page fold: evidence from user testing’ stelt het Britse cxpartners dat rekening houden met de paginavouw overbodig is omdat surfers geen bezwaar hebben tegen scrollen.
Dat willen wij toch even nuanceren. (Geef toe, dat had je van ons niet verwacht: de woorden ‘wij’ en ‘nuanceren’ zo dicht bij elkaar.)

Wat is de paginavouw?

Met de term paginavouw wordt de imaginaire lijn bedoeld tussen dat deel van de webpagina dat je kan zien zonder te scrollen en dat deel dat zichtbaar wordt nadat je scrolt.

De vouwlijn ligt traditioneel op ongeveer 570 pixels van de bovenrand. Dat komt plusminus overeen met wat iemand op zijn scherm ziet in een resolutie van 1024 op 768. Uit recente cijfers over schermresolutie blijkt echter dat 70% van de surfers in hogere resoluties surft. Je moet uitgaan van die realiteit en dus rekening houden met meerdere vouwlijnen op 1 pagina.

Scrollen mensen nu of niet?

Dat hangt ervan af.

Waar hangt het van af? Van het type pagina en type website.

1. Home- en overzichtspagina’s

A. Nieuwswebsites

Op nieuwswebsites speelt paginalengte nauwelijks een rol. De meeste bezoekers komen om het nieuws te overlopen. Zij hebben liever een lange pagina met bijvoorbeeld per artikel een titel en een veelzeggende introzin dan een korte pagina met enkel headlines. Het overlopen van de lange pagina brengt de lezer immers sneller op de hoogte dan de korte pagina, die te weinig info bevat en hem dus verplicht om meer te klikken.

Voor nieuwswebsites zouden we zelfs bijna durven zeggen: hoe langer, hoe beter.

Nieuwswebsites moeten zich weinig aantrekken van de lengte van hun home- en rubriekpagina’s.

B. Grote, bekende webwinkels

Grote webwinkels die duizenden producten aanbieden én die bekend zijn bij het grote publiek kunnen zich probleemloos langere home- en overzichtspagina’s veroorloven. We hebben het dan over online shops zoals Amazon of reiswebsites zoals Neckermann.

De meeste bezoekers weten wat ze van dergelijke websites kunnen verwachten. Hun surfgedrag kan ruwweg in 2 groepen verdeeld worden:

• Zoekers
  Mensen die weten wat ze willen. Zij gebruiken de zoekfunctie. De rest van de homepage kan hen gestolen worden.
• Browsers
  Dit omvat zowel koopjesjagers die komen zien wat de interessante aanbiedingen zijn als surfers die ‘ongeveer’ op zoek zijn naar iets. Zij overlopen vluchtig de homepage of ‘slenteren’ door de overzichtspagina’s die hen interesseren (bijvoorbeeld de overzichtspagina van ‘romans – thrillers’ of ‘skivakanties’).

Opgelet: we zeggen duidelijk dat bekende webwinkels het zich kunnen veroorloven. Het is dus geen must.

Amazon trekt zich weinig aan van de vouwlijn. eBay doet toch haar best om zoveel mogelijk nuttige info boven de vouwlijn te plaatsen.

C. Doorsnee bedrijf of organisatie

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. (Gebruik daarvoor de functie ‘site overlay’ in je Google Analytics account.)

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.

Dat verwachtingspatroon is ook logisch. Ze komen naar zo’n website om iets te doen. En dat doel willen zo snel mogelijk bereiken. Dat gaat het best door alle links naar alle belangrijke onderdelen meteen te tonen.

VMW doet haar uiterste best om alle info boven de vouwlijn te plaatsen, zowel op de homepage als op de overzichtspagina’s.

Mag er dan niets onder de vouwlijn staan?
Natuurlijk mag je zaken onder de vouwlijn plaatsen, al was het maar omdat de meerderheid surft in hogere resoluties dan 1024 x 768. En uiteraard zullen sommige mensen wel scrollen. Ga er echter niet van uit dat je bezoekers wel zullen scrollen. Plaats daarom boven de vouwlijn altijd de belangrijke links, de top taken van je bezoekers. Lager op je pagina kan je dan minder belangrijke info zoals nieuws, evenementen, etc. plaatsen.

Hoe kan je meer mensen laten scrollen?
Door duidelijk te maken dat de pagina niet stopt bij de paginavouw. Zorg bijvoorbeeld dat al een stuk te zien is van de content die lager op de pagina staat. Dat helpt om meer mensen te laten scrollen. En vermijd dat er net op die plek over de hele schermbreedte een lege zone is of een dwaze reclame staat.

Vlerick en Belgium.be plaatsen de essentiële links boven de vouwlijn. Doordat de titels van de lager liggende blokken zichtbaar zijn, zal een redelijk percentage bezoekers wel scrollen.

2. Detailpagina’s

Op detailpagina’s speelt lengte nauwelijks een rol. Mensen zullen zo lang blijven scrollen als jouw informatie hen interesseert.

Maak boven de vouwlijn wel duidelijk wat de pagina te bieden heeft. Daar zijn verschillende manieren voor, afhankelijk van het type detailpagina.

A. Productpagina’s

• Executive summary
  Een korte samenvatting van de belangrijkste info op de pagina. De productpagina’s van Amazon zijn hier een mooi voorbeeld van. Je ziet meteen foto, productnaam, prijs en of het product in voorraad is of niet. Alles wat dus superbelangrijk is, heb je meteen gezien.

• Tabbladen
  Tabbladen of in-page tabs zijn interessant als je echt veel informatie hebt over een bepaald product (vb: productbeschrijving, technische specificaties, referenties). Je gebruikt ze best in combinatie met een executive summary. Zoals bijvoorbeeld op KeepYourCooler.com.

B. Contentpagina’s

• Betekenisvolle springlinks
  Een aanklikbare inhoudstafel van de pagina. De lange detailpagina’s van de provincie Vlaams-Brabant zijn hier een mooi voorbeeld van. Lees ons artikel over springlinks voor meer achtergrondinfo.

Opgelet: ook bij detailpagina’s moet je altijd duidelijk maken dat de pagina niet ‘stopt’ bij de paginavouw. Geef een hint van de content onder de paginavouw.

Gebruikerstesten zijn belangrijk, maar ze zeggen niet alles

De conclusies van het Britse artikel zijn volledig gebaseerd op gebruikerstesten. Zoals je weet, zijn wij fervente voorstanders van gebruikerstesten. Maar ze zijn niet zaligmakend.

Gebruikerstesten zijn kwalitatief onderzoek. Om een boude stelling als ‘de paginavouw is een mythe’ hard te maken, heb je meer bewijsmateriaal nodig. Cijfers uit kwantitatief onderzoek, zoals logfile-analyse. Daarbij zal je vaak zien dat links boven de vouwlijn gemakkelijk 3 keer zo veel aangeklikt worden als links onder de vouwlijn. En het weigeringspercentage van zinloos lange pagina’s zal hoger liggen dan korte pagina’s.

Of mensen scrollen op een pagina of niet, is belangrijk. Maar het is niet het enige wat telt. Hoeveel mensen verlaten zo’n pagina met weinig content boven de vouwlijn? Hoeveel mensen kopen het product op zo’n pagina?

Moraal van het verhaal

Is de paginavouw een mythe? Neen. De paginavouw heeft wel degelijk impact op het surfgedrag van de gebruiker. Het is 1 van de tips waar je absoluut rekening mee moet houden als je webteksten wil schrijven die echt aanslaan bij je bezoeker.

Plaats belangrijke zaken bovenaan op de pagina en houd er in je design rekening mee dat je duidelijk maakt dat de pagina niet stopt bij de paginavouw.