Layout variatie deel 5: horizontale scrollbalk

Dit artikel komt uit een serie over variatie in webdesign, waarbij een aantal mogelijkheden worden besproken om net wat meer variatie in je website te brengen.

Het is zo ongeveer les 1 bij elke webdesign opleiding: Horizontale scrollbalken zijn fout! Veel van de studenten nemen dit voor waar aan en zullen er nooit één gebruiken. Technisch gezien is het natuurlijk wel goed mogelijk om je website erg breed te maken in plaats van erg lang.

Het is één van de stelregels van usability goeroe Jakob Nielsen om geen horizontale scrollbalken te gebruiken. Hij geeft aan dat uit onderzoek is gebleken dat gebruikers een hekel hebben aan het horizontaal scrollen. Daarnaast geeft hij aan dat gebruikers het gewend zijn om verticaal te scrollen dus is het verstandig om aan dit verwachtingspatroon te voldoen. Als laatste reden geeft hij ook nog aan dat het voor bepaalde mensen moeilijk is om een totaal beeld te visualiseren op het moment dat ze in meerdere richtingen moeten scrollen.

Mijn mening is dat gebruikers een horizontale scrollbalk zo negatief vinden omdat ze in veel ander communicatiemiddelen niet gewend zijn om dingen naast elkaar te plaatsen. Lezen en schrijven is er ook op gebaseerd dat je een regel afkapt en op de volgende regel verder gaat. Het is ook niet mogelijk om een tekst te lezen die te breed is uitgerekt. Het menselijk oog is dan niet meer in staat om aan het eind van een regel te springen naar het begin van de regel er onder.

Horizontale scrollbalken hebben één groot voordeel ten opzichte van verticale scrollbalken. Horizontale scrollbalken bieden namelijk de mogelijkheid om oneindig veel informatie naast elkaar te plaatsen. In het dagelijks leven zijn we ook gewend om informatie naast elkaar te plaatsen. We doen dit om verschillende redenen en in verschillende situaties. Wanneer je een website of applicatie maakt waarin deze situatie wordt nagebootst kun je best een horizontale scrollbalk gebruiken.

Overzichten zoals kaarten, tijdbalken, productvergelijkingen en flowcharts kunnen heel goed gebruik maken van horizontale scrollbalken. Het is ook mogelijk om een “gewone” website op deze manier op te bouwen. Eigenlijk zie ik weinig voordelen bij een doorsnee website. Het is natuurlijk wel mogelijk om jezelf op deze manier creatief te onderscheiden.

Lees ook de andere delen in deze serie

1. Navigatie onderaan
2. Bewegende afbeelding
3. Sfeerafbeelding onderaan de pagina
4. Drie koloms websites variatie
5. Horizontale scrollbalk
6. Easter eggs

• Tweet