Wat is visuele hiërarchie?

Visuele hiërarchie is de volgorde waarin je oog een pagina afgaat. Grootte, kleur, contrast en ruimte bepalen samen wat je als eerste ziet en wat pas daarna.

Elke pagina heeft die volgorde, of je hem nu ontwerpt of niet.

Het verschil is of hij klopt met wat jij wilt vertellen.

Waarmee je hem stuurt

Met grootte, gewicht, kleur, contrast en vooral met ruimte. Ruimte is het krachtigste middel en het minst gebruikte.

Meer daarover lees je bij welke middelen je gebruikt voor nadruk.

Waarom het ertoe doet

Je bezoeker scant. Hij leest niet van boven naar beneden maar springt naar wat opvalt.

Meer daarover lees je bij ui.

Hoe je hem controleert

Knijp je ogen half dicht en kijk naar je pagina. Wat je dan nog ziet, is je hiërarchie.

Meer daarover lees je bij hoe je test of je hiërarchie klopt.

Mijn vuistregels

1. Eén element mag het meest opvallen.
2. Drie niveaus is genoeg.
3. Ruimte boven kleur.
4. Controleer met half dichtgeknepen ogen.

Die eerste is de moeilijkste keuze en de belangrijkste.

Het verschil met je koppenstructuur

Je koppenstructuur is de logische indeling voor zoekmachines en schermlezers. Visuele hiërarchie is wat het oog ziet.

Meer daarover lees je bij het verschil met een koppenstructuur.

Waar het misgaat

Als alles evenveel aandacht vraagt. Dan kiest je bezoeker niets en scrollt hij door.

Meer daarover lees je bij typografie.

Veelgestelde vragen hierover