Navigatie: de 5-elementen regel

Vandaag begin ik met een test. Lees het artikel nog niet verder, maar doe eerst het onderstaande:

1) Bekijk eerst testpagina 1.
2) Bekijk nu testpagina 2.

Wat voor verschil merkte je op? Waarschijnlijk kon je bij de eerste pagina in 1 oogopslag zien wat er stond (5 boodschappen) en moest je bij de tweede pagina gaan tellen (waar het er 6 waren). Dit noem ik voor het gemak de 5-elementen regel. Een regel die ik sinds enige tijd toepas op mijn navigatie! Het komt er in het kort op neer dat je een navigatie onderdeel nooit meer laat zijn dan 5 elementen. Je bezoekers navigeren hierdoor gemakkelijker door je site, wat je zult merken in een verhoogd aantal bezochte pagina's.

Waarom is het getal 5 gemakkelijk?
Dit schijnt te maken te hebben met het gegeven dat een hand 5 vingers heeft. Hierdoor zijn mensen beter in staat om 5 onderwerpen in 1x in zich op te nemen.

Hoe pas ik dit toe in mijn navigatie?
Ik pas de 5-elementen regel toe op diverse plekken: de navigatie bovenin dit scherm had eerst 7 elementen; door deze anders weer te geven heb ik die teruggebracht tot aan de linkerkant 5, aan de rechterkant 2. Inhoudelijk zijn de linker onderdelen van groter belang voor de site dan de rechter 2.

Verder gebruik ik het in de middenkolom: alle blokken bestaan uit een kopje met daarna maximaal 5 onderdelen. Hierdoor is de lijst als geheel beter te lezen.

Wat is het effect?
Sinds ik deze nieuwe regel heb toegepast is het aantal pagina's per bezoek gestegen met 13% en de gemiddelde tijd die bezoekers doorbrachten met 32%.

Overige voorbeelden op het Nederlandse websites
Ik ben niet de enige. Kijk bijvoorbeeld ook eens bij martkplaats.nl.

Stem / Bookmark [?]