Zum Inhalt springen

Blickführung

Männliche Person, frontal, schaut in die Kamera; trägt kariertes Hemd über dunkelfarbigem T‑Shirt; heller Innenraum mit unscharfem Monitor oder Poster links und Fenster rechts.

von Richard Albrecht am 11.11.2026

Blickführung heißt, den Blick über eine Seite zu lenken: zuerst zum Wichtigsten, dann in einer beabsichtigten Reihenfolge weiter. Die Mittel dafür sind Größe, Helligkeit, Farbe, Abstand und Platzierung. Auch Personen auf Fotos führen den Blick mit, denn Betrachter folgen ihrer Blickrichtung.

Blickführung

Das gezielte Lenken des Blicks über eine Seite, vom Wichtigsten zum Nächsten.
Beispiel: „Für die Blickführung schaut die Person im Hero-Bild auf das Anmeldeformular.“

Abgrenzung zur visuellen Hierarchie: Sie legt die Rangfolge der Elemente fest. Die Blickführung ist der Weg, den das Auge daraus macht, und nutzt dafür auch Linien, Richtungen und Bildmotive.

Womit Blickführung arbeitet

Die Nielsen Norman Group nennt Größe, Tonwert, Farbe, Abstand und Platzierung. Entscheidend ist der Unterschied zur Umgebung in Helligkeit und Sättigung, weniger der Farbton selbst. Ein einzelnes kräftiges Element auf ruhiger Fläche zieht den Blick deshalb zuerst an; Kontrast ist das wichtigste Werkzeug der Blickführung.

Blickführung durch Gesichter

In einer Eyetracking-Studie mit 72 Teilnehmenden lenkten Gesichter, die zum Text eines Werbebanners schauten, mehr Aufmerksamkeit auf das ganze Banner, und Marke und Botschaft blieben besser in Erinnerung. Schaute das Gesicht den Betrachter direkt an, blieb der Blick eher am Gesicht hängen. Eine Studie von 2017 zeigt die Grenze: Der Blick zum Produkt machte es wahrscheinlicher, dass es angesehen wurde, aber nicht länger.

Blickführung auf Websites

Ein Hero-Bild mit Blickrichtung zur Überschrift, ein einzelner farbiger Call-to-Action und klare Abstände führen durch den ersten Bildschirm. Bilder helfen dabei nur, wenn sie etwas zeigen: Dekorative Bilder überspringen Nutzer, informative betrachten sie.

Siehe auch:

Visuelle Hierarchie

Die Rangfolge, in der Elemente einer Seite wahrgenommen werden, festgelegt über Größe, Kontrast, Farbe und Abstand.

#Gestaltungsgrundlagen

Kontrast als Gestaltungsmittel

Der bewusst eingesetzte Unterschied zwischen Elementen in Größe, Farbe, Helligkeit oder Form, der Bedeutung sichtbar macht.

#Gestaltungsgrundlagen

Leserichtung

Die Richtung, in der eine Schrift gelesen wird, und damit der Weg, den der Blick über eine Seite nimmt.

#Gestaltungsgrundlagen

Hero Image

Großes Bild im oberen Bereich einer Seite, das den Einstieg gestaltet und meist das größte sichtbare Element ist.

#Website-Struktur

Call-To-Action (CTA)

Element, das Besucher zu einer bestimmten Handlung auffordert, meist als Schaltfläche oder hervorgehobener Link.

#Website-Struktur

Störer

Auffälliges Element, das das Seitenraster bewusst durchbricht, um Aufmerksamkeit zu ziehen.

#Website-Struktur #Frontend-Entwicklung (HTML, CSS, JavaScript)