Wanneer iemand op je website komt, scant hij of zij de pagina razendsnel. In een fractie van een seconde bepaalt het oog wat belangrijk lijkt en wat niet. Met visuele hierarchie stuur je die blik: je laat zien wat er eerst gezien moet worden en wat later. Goed gedaan voelt een pagina vanzelfsprekend, slecht gedaan voelt ze rommelig. In dit artikel leg ik uit hoe je die volgorde bewust opbouwt.

Niet alles is even belangrijk

De grootste fout is alles even veel nadruk geven. Als elke kop groot is, elke knop fel en elk blok even opvallend, dan weet het oog niet waar het moet beginnen. Bepaal daarom eerst wat het belangrijkste is op elke pagina: meestal je kernboodschap en de actie die je wilt dat iemand doet. De rest is ondersteunend en mag dus rustiger zijn.

Welke middelen je hebt

Grootte

Grotere elementen vallen eerder op. Een grote kop bovenaan trekt logischerwijs als eerste de aandacht.

Kleur en contrast

Een afwijkende kleur springt eruit. Reserveer je opvallendste kleur voor je belangrijkste knop, niet voor van alles.

Plaatsing

Wat bovenaan en links staat, zien mensen eerder. De belangrijkste boodschap hoort dus niet onderaan verstopt.

Een goede pagina vertelt je oog vanzelf waar het moet kijken. Dat is geen toeval, dat is ontwerp.

De volgorde van lezen

Mensen lezen een pagina vaak in een vast patroon: eerst bovenaan, dan met de blik naar beneden langs de opvallende punten. Zorg dat je belangrijkste boodschap op dat pad ligt. Een kernzin die pas na drie schermlengtes scrollen verschijnt, wordt door de meeste bezoekers nooit gezien. Zet wat telt waar het oog vanzelf langskomt.

Eén duidelijke volgende stap

Visuele hierarchie helpt ook bij actie. Als er op een pagina vijf knoppen even hard om aandacht vragen, kiest niemand. Geef de belangrijkste actie de meeste nadruk en maak eventuele tweede opties duidelijk minder opvallend. Zo help je de bezoeker kiezen in plaats van te overweldigen.

Test het met een snelle blik

Een handige check: kijk twee seconden naar je pagina en kijk dan weg. Wat is blijven hangen? Als dat je belangrijkste boodschap is, klopt je hierarchie. Zo niet, dan trekt er iets te veel aandacht dat dat niet verdient. Deze simpele test verraadt verrassend veel.

Tot slot

Visuele hierarchie bepaalt wat je bezoekers het eerst zien en in welke volgorde. Met grootte, kleur en plaatsing leid je het oog naar wat telt. Geef niet alles evenveel nadruk, maar maak duidelijke keuzes. Wil je weten of jouw pagina het oog goed stuurt? Laat het me bekijken.

Verder lezen: De eerste indruk: zo houd je bezoekers op je site · Een call-to-action die bezoekers in beweging zet