Nicht alles ist gleich wichtig.
Und das muss man sehen.
Ein Element
Zwei gleiche: Wo fangen Sie an?
Eins tritt zurück: Jetzt gibt es eine Reihenfolge
Sechzehn gleiche: kein Einstieg
Alle anderen treten zurück: ein Einstieg
Drei Stufen: eine Lesereihenfolge
Alles gleich: Wo fangen Sie an?
Die Headline wird größer
Der Text tritt zurück
Die Handlung bekommt die Akzentfarbe
Betonen durch Zurücknehmen.
Oft ist es leichter, das Unwichtige leiser zu machen, als das Wichtige lauter.
Wir lesen nicht, wir scannen.
Der Blick springt über einen Screen und sucht nach Einstiegen. Hierarchie bestimmt, wo er landet.
Viel Text, wenig Hierarchie
F-Muster: zwei Zeilen, dann nur noch der linke Rand
Wenig Text, ein Bild, eine Handlung
Z-Muster: oben quer, diagonal zurück, unten zur Handlung

Wie ist die Hierarchie der Elemente?
tagesschau.de, Screenshot 2026

Und hier? Für wen ist diese Seite gemacht?
de.wikipedia.org, Screenshot 2026
Öffnen Sie Ihre meistgenutzte App.
Wenn sie am Ziel der Nutzenden vorbeigeht: Sie ist da, aber falsch.
Wenn es zu viele Stufen gibt: Mehr als drei oder vier sieht niemand.
Wenn alles groß ist: Dann ist nichts groß.
Und manchmal ist flach richtig: Gleichwertiges soll gleich aussehen.
Die dunkle Seite
Hierarchie entscheidet, was gesehen wird. Und was nicht.
Eine Kontoseite. Wo kündigen Sie hier?
Hier: klein, blass, zwischen den Pflichtlinks im Footer
Ehrlich: Kündigen steht beim Vertrag, als zweite Aktion
Wem nützt diese Hierarchie?
Verweise
Dahinter: Pop-out. Weiter: Räumlichkeit, Kontrast und Hervorhebung, Nähe und Abstand und Figur und Grund. Prüfen: Unschärfe- und Graustufentest.
Danke für's Mitmachen