Visuele hiërarchie: zo stuur je waar bezoekers kijken
Bezoekers lezen niet, ze scannen. Met formaat, contrast en witruimte bepaal jij wat ze als eerste zien — als je durft te kiezen wat belangrijk is.
Binnen een paar seconden heeft een bezoeker je pagina gescand en besloten of hij blijft. In die scan leest hij niet — hij kijkt. Waar zijn ogen landen, bepaalt wat hij van je onthoudt. Visuele hiërarchie is het vak van dat sturen: met formaat, kleur, contrast en witruimte bepaal jij in welke volgorde iemand je pagina tot zich neemt. Geen mysterieuze designtruc, maar een handvol principes die je op elke pagina kunt toepassen.
Alles benadrukken is niets benadrukken
De meest gemaakte fout is goedbedoeld enthousiasme: álles is belangrijk, dus alles wordt groot, vet of gekleurd. Het resultaat is een pagina waarop niets meer opvalt — als een winkelstraat waar elke gevel schreeuwt. Hiërarchie betekent kiezen. Eén boodschap per pagina krijgt het hoofdpodium; de rest ondersteunt of verdwijnt. Dat kiezen voelt ongemakkelijk, maar de bezoeker die in één oogopslag snapt waar de pagina over gaat, blijft langer dan degene die moet puzzelen.
De gereedschapskist
- Formaat. Groot wint van klein — altijd. Je belangrijkste kop hoort met afstand het grootste element op de pagina te zijn.
- Contrast. Eén opvallende kleur voor je belangrijkste knop werkt alleen als de rest van de pagina die kleur níet gebruikt.
- Witruimte. Ruimte om een element heen maakt het belangrijker. Een knop in een lege zone trekt meer aandacht dan dezelfde knop tussen vijf andere blokken.
- Positie. Wat bovenaan staat, wordt het eerst gezien. Maar ook onderweg gelden regels: mensen scannen in een F-patroon, van linksboven naar beneden.
- Richting. Gezichten en pijlen sturen blikken. Een foto van iemand die naar je knop kijkt, laat bezoekers hetzelfde doen.
De kniptest
Wil je weten of je hiërarchie klopt? Doe de kniptest: kijk vijf seconden naar je pagina, kijk weg en noem hardop wat je hebt onthouden. Is dat niet je kernboodschap, dan wijst je pagina de verkeerde kant op. Nog eerlijker is de knijptest: knijp je ogen half dicht zodat je de tekst niet meer kunt lezen. De vlekken die dan nog opvallen, zijn wat je bezoeker als eerste ziet. Horen je logo, je kop en je belangrijkste knop daar niet bij, dan is er werk aan de winkel.
Onze conclusie
Visuele hiërarchie is geen kwestie van smaak maar van keuzes durven maken: één hoofdboodschap, één opvallende actie, en de moed om de rest kleiner te maken. Je bezoeker scant toch wel — de vraag is of jij bepaalt wat hij ziet.
Benieuwd wat bezoekers op jouw site als eerste zien? We kijken graag een keer mee.
Meer over dit onderwerp
Donkere modus op je website: hip of hinderlijk?
Donkere modus staat op steeds meer websites, maar past hij ook bij jouw merk? Over leesbaarheid, contrast en de bezoeker laten kiezen. Lees verder
Animaties op je website: functioneel of afleidend?
Beweging kan je website richting, feedback en uitstraling geven, of bezoekers wegjagen. Drie vuistregels voor animatie met een functie. Lees verder
Website laten herontwerpen: wanneer is het tijd?
Leeftijd is geen reden voor een nieuwe website — dalende resultaten wel. Deze signalen vertellen of het tijd is voor een redesign. Lees verderHulp nodig bij dit onderwerp?
Vul onderstaand formulier in en we nemen zo spoedig mogelijk contact met je op. Liever zelf contact opnemen? Bel dan even met 085-4015005.
We werken voor een brede variatie aan klanten, van ZZP-er tot multinational en van reclamebureau tot eindgebruiker. Al onze klanten hebben wel iets gemeen: ze delen onze no-nonsense aanpak en maken graag stappen.
