Hierarchie

Prinzip // Gewichten

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

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

Und hier? Für wen ist diese Seite gemacht? de.wikipedia.org, Screenshot 2026

Und hier? Für wen ist diese Seite gemacht?
de.wikipedia.org, Screenshot 2026

Öffnen Sie Ihre meistgenutzte App.

Was sehen Sie zuerst, was als Zweites, was als Drittes? Und war das so gemeint?

Wann trägt Hierarchie nicht?

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?

Den Nutzenden, die kündigen wollen? Oder dem Anbieter, der sie halten will?

Verweise

Danke für's Mitmachen

https://christiannoss.de