Visuelle Hierarchie

Visuelle Hierarchie ist das Prinzip, nach dem Inhalte auf einer Seite so angeordnet werden, dass das Auge automatisch in der richtigen Reihenfolge durch sie hindurchgeführt wird. Zuerst das Wichtigste, dann das Zweitwichtigste, dann der Rest.

Das klingt einfach, ist aber einer der Bereiche, in dem sich gutes von schlechtem Design am deutlichsten unterscheidet. Eine Seite ohne klare Hierarchie zwingt Besucher, selbst herauszufinden, was sie als nächstes lesen sollen. Viele tun das nicht.

Womit Hierarchie erzeugt wird

• Größe: Größere Elemente werden als wichtiger wahrgenommen. Eine große Headline liest man vor einem kleinen Fließtextabsatz.
• Gewicht: Fettdruck und starker Kontrast heben etwas hervor, auch wenn es nicht größer ist als der Rest.
• Position: Oben auf der Seite und oben links bekommt die meiste Aufmerksamkeit. Das ist in westlichen Ländern durch Lesegewohnheiten bedingt.
• Farbe und Kontrast: Ein farbiger Button auf neutralem Hintergrund zieht den Blick fast automatisch an.
• Abstand: Ein Element mit viel Weißraum um sich herum wirkt wichtig, auch ohne größer oder bunter zu sein.

Ein praktischer Test: Wenn du die Seite auf Armlänge hältst und die Augen zusammenkneifst, welche Elemente sind noch erkennbar? Genau das ist die Hierarchie, die Besucher wahrnehmen, bevor sie einen einzigen Satz gelesen haben.