Vandaag las ik een interessant artikel over usability testen en de “pagina vouw” en hoe gebruikers daadwerkelijk omgaan met dit fenomeen. De conclusie: gebruikers hebben geen moeite met de vouw in een webpagina. Het usability bedrijf cx partners heeft in de afgelopen 6 jaar 800 usability testen uitgevoerd. Bij slechts 3 testen bleek dat de paginavouw een barrière was voor gebruikers om door te scrollen, op zoek naar informatie. Dit is nog geen 0,4% van alle gebruikers. Wat kun jij hiervan leren?

Wat is de vouw

De vouw is een fenomeen dat vroeger werd gebruikt bij kranten. Kranten werden vaak in 2 delen gevouwen waarbij de belangrijkste content boven de vouw stond. Dit zie je nog steeds bij krantenrekken waar de informatie “boven de vouw” je aandacht moet trekken. Let wel: tegenwoordig worden kranten gelukkig in tabloid formaat aangeleverd en zijn de oude broad-sheet varianten bijna verleden tijd.

Wat vinden gebruikers

Uit de usability testen blijkt dat gebruikers geen enkel probleem hebben met de vouw. Zij voelen zich prima bij scrollen als zij op zoek gaan naar informatie. Gebruikers verwachten zelfs dat zij lange pagina’s moeten scrollen.

Ik denk zelf dat het muiswieltje hier ook een belangrijke bijdrage aan heeft geleverd. Het muiswieltje is het ding waar veel gebruikers zomaar uit automatisme overheen bewegen. En dan ook meteen aan het scrollen zijn. Bij mij is het muiswieltje (ook wel scrollwieltje genoemd) zelfs een soort van zenuwtrek.

Hoewel gebruikers geen moeite hebben met scrollen is het verstandig om je webdesign toch zo aan te passen dat de website uitnodigt tot scrollen. Dit bleek namelijk ook uit de gehouden usability testen.

Daarvoor worden 3 simpele tips gegeven die je voor je website kunt gebruiken.

3 tips

- Less is more. Zorg dat er minder informatie boven vouw staat. Minder informatie boven de vouw nodigt gebruikers uit tot onderzoeken wat zich onder de vouw afspeelt. Goed gebruik van witte ruimtes en plaatjes moedigt scrollen aan.

- Zorg ervoor dat een klein beetje content zichtbaar wordt net boven de vouw. Dit moedigt de gebruiker aan tot scrollen.

- Vermijd scrollbars binnen een webpagina. Elementen zoals i-frames zorgen ervoor dat gebruikers geen pagina gaan scrollen en dus belangrijke informatie missen.

Tegen de laatste tip liep ik dit weekend nog aan:

- vermijd horizontale scrollbars. Deze zijn irritant en verminderen de gebruikerservaring. Ik weet dat dit niks met “de vouw” te maken heeft maar als je zo’n horizontale scrollbar hebt op je website:

eruithalen dat ding!

Vond je dit artikel bruikbaar? Abonneer je dan gratis via RSS op mijn artikelen of abonneer je per email op mijn nieuwsbrief.

Stem of voeg toe aan:  

1. Chris Rommers

   oktober 19, 2009 om 2:03 pm | Permalink

   Ha, fijn, eindelijk munitie in de strijd tegen…

   – “Ik wil geen lange teksten op de pagina’s hoor.”
   – “Ik scroll zelf echt noooooit en als ik het niet doe, doet niemand het.”
   – “Kunnen de onderkant en bovenkant niet vast blijven staan of zo?” (“Oh, u wilt dus eigenlijk frames? Wacht even, dan installeer ik ook meteen Frontpage terug op m’n computer. Als we dan toch terug naar 1989 gaan…”)

   Tnx Hans
2. Jeroen van Eck

   oktober 19, 2009 om 3:42 pm | Permalink

   Nog een extra tip: probeer “scroll stoppers” te vermijden. Dit zijn visuele delen van een pagina (bijvoorbeeld een horizontale balk of een witvlak) die op de vouw terug komen waardoor het lijkt alsof de pagina eindigt terwijl er nog belangrijke content onder de vouw staat.
3. Dave

   oktober 19, 2009 om 3:55 pm | Permalink

   Deels me eens..maar bij less is more zorg je er maar beter voor dat het belangrijkste boven de vouw staat, zeker als je wilt dat bezoekers actie gaan ondernemen. Het hangt vooral af van het type pagina waar je over spreekt. Als je de buy now knop op een productpagina helemaal onderdaan je pagina begraaft heb je een probleem..

   Dit artikel hier is een mooie opvolger voor het ENG-talig
   http://usability-blog.be/paginavouw-feit-of-fictie/

   Dave
4. Hans Keeren

   oktober 19, 2009 om 7:48 pm | Permalink

   Jeroen, inderdaad. Die had ik er nog bij kunnen vermelden. Die stond nl. ook in het artikel van cx.

   Dave, ik zou de “buy now” knop ook boven de vouw plaatsen.
5. Chris Rommers

   oktober 30, 2009 om 8:11 am | Permalink

   Hoi Hans, in dit kader misschien leuk voor de lezers van je blog: wij hebben op onze website een pagina staan waarop de volgende onderwerpen worden behandeld:

   – Populairste beeldschermresoluties onder internetgebruikers
   – Vaste breedte voor het contentgedeelte van je webdesign
   – De breedte van je webdesign “schaalbaar” maken?
   – Afstemming hoogte op tekstlengte
   - Afstemming hoogte op schermhoogte en tekstlengte
   – Afstemming hoogte op schermhoogte alleen (‘in-screen scrolling’)

   Hier staat-ie:
   http://www.webgenerator.nl/webdesign-tips-schermresoluties.htm
6. Hans Keeren

   oktober 30, 2009 om 9:25 am | Permalink

   Hoi Chris, bedankt. Je bent lekker bezig met je branding op de vrijdagochtend