Scrollen door verwachting

Een scrolbalk lijkt een mooie oplossing om extra veel informatie kwijt te kunnen op het scherm. Het lijkt alleen maar zo. Uit de praktijkmetingen blijkt dat webbezoekers nauwelijks scrollen. Volgens een onderzoek van Nielsen en Loranger (2006) scrolt 77% van de mensen helemaal niet. Scrollen is dus een hot-issue voor webontwerpers en usability experts, want die willen hun informatie ergens kwijt op een manier dat mensen het ook lezen.

Vergeet de vouwlijn

Op het moment dat ontwerpers over de indeling van een webpagina beginnen en er gescrold moet worden, dan komt al snel de vouwlijn ter sprake. De vouwlijn is de onderste rand van het webbrowser-scherm. Alles onder die vouwlijn is niet zichtbaar zonder te scrollen, dus 77% van de bezoekers zal de informatie onder deze vouwlijn niet zien. Veel usability experts vinden daarom dat de belangrijke informatie boven de vouwlijn moet komen te staan en denken daarmee te veel in termen van drukwerk. Maar een website is geen drukwerk. Er bestaat helemaal geen vaste vouwlijn want er zijn zoveel verschillende schermgroottes en misschien is de hoeveelheid informatie die ze boven hun ‘vouwlijn’ willen zetten veel te groot. Te veel informatie samengeperst op een website komt rommelig en onprofessioneel over.

Bepaal met hoogst geplaatste content de verwachting voor de totale pagina

Bedenk bij het ontwerpen dat je bij de bezoeker, die de bovenste tekst of foto ziet, een verwachting oproept. Die eerste titel, die bovenstaande tekst of foto, dàt bepaalt of mensen verder zullen scrollen en lezen of juist niet. Zorg er dus voor dat de hoogst geplaatste elementen in je pagina goed beschrijvend zijn en voorkom dat je verder in de pagina nieuwe onderwerpen aansnijdt.

Kies voor 960 × 600 pixels

De vaste vouwlijn bestaat niet, maar voor je ontwerp moet je wel een schatting maken over wat redelijkerwijs direct zichtbaar is. De bezoeker maakt zelf een verwachting over de rest, het onzichtbare deel van de pagina. Je mag er tegenwoordig van uitgaan dat de bezoeker een schermgrootte heeft van minimaal 1024 pixels breed en 768 pixels hoog. Doordat de webbrowser ook nog ruimte inneemt hou je een oppervlakte van ongeveer 960 bij 600 pixels over. Dat is dan de ruimte waarin je het doel en de boodschap van de gehele pagina glashelder moet weergeven.

Geef opties na het scrollen

De bezoekers die de moeite hebben genomen om je artikel of website helemaal te bekijken moet je extra helpen. Juist voor hen zorg je ervoor dat zij niet terug hoeven te scrollen als ze beneden zijn. Voor hen maak je relevante doorklikmogelijkheden aan de onderkant van je pagina. Deze personen zijn jouw belangrijkste bezoekers!

Ik adviseer altijd om bezoekers zo min mogelijk te laten scrollen. Als scrollen onvermijdelijk is, zoals met dit artikel, moet het doel of de boodschap van de gehele pagina direct bovenaan duidelijk zijn, zodat de overige informatie voldoet aan de verwachtingen van de bezoeker.

Bart van de Biezen

Bart van de Biezen

Als cognitief ergonoom bij Aan Zee Communicatie, onderzoek, ontwerp, spreek en schrijf ik over user interfaces en usability. M'n achtergrond: Industrieel Ontwerpen en daarna Psychologie aan de Universiteit Twente, afgestudeerd bij Philips op midair pointing voor een nieuwe generatie TV's, Apple Design Award voor CSSEdit, usability onderzoeker bij MetrixLab en blogger.