Designpsychologie
Kernfrage
Wohin schauen Menschen zuerst?
Aufmerksamkeit ist knapp. Jede Seite, jedes Plakat und jeder Bildschirm konkurriert mit zahllosen anderen Reizen um sie. Was zuerst auffällt, entscheidet oft darüber, ob etwas gelesen, verstanden und genutzt wird.
Lernziel: Du steuerst Aufmerksamkeit gezielt über Kontrast, Grösse und Position und erkennst, wann Auffälligkeit und Wichtigkeit nicht übereinstimmen.
Aufmerksamkeit ist eine knappe Ressource.
3.1 / Auffälligkeit
Was sich abhebt, wird zuerst gesehen.
Wir können nicht alles gleichzeitig beachten und filtern deshalb ständig. Zwei Kräfte wirken zusammen: Reize, die sich stark von ihrer Umgebung unterscheiden, ziehen den Blick an (reizgesteuert). Zugleich suchen wir nach dem, was zu unserem Ziel passt (zielgesteuert).
Salienz bezeichnet, wie stark sich ein Reiz von seinem Umfeld abhebt, etwa durch Farbe, Helligkeit, Grösse, Form oder Bewegung. Ein einzelnes rotes Element zwischen grauen springt sofort ins Auge (Pop-out). Forschung zur Merkmalssuche, etwa von Anne Treisman, zeigt, dass solche Einzelmerkmale sehr schnell gefunden werden.
Die Folge für die Gestaltung: Setze Kontrast sparsam ein. Wenn alles auffällt, fällt nichts mehr auf.
Wenn alles laut ist, hört man nichts.
3.2 / Lesemuster
Menschen lesen Seiten selten von oben nach unten.
Eye-Tracking-Studien der Nielsen Norman Group zeigen zwei typische Wege, je nachdem, ob eine Seite vom Text oder vom Bild lebt:
TEXTREICHE SEITEN
F-Muster
Eine Zeile über die volle Breite, eine kürzere darunter, dann der Blick am linken Rand entlang nach unten.
BILDSTARKE LAYOUTS
Z-Muster
Von oben links nach oben rechts, diagonal nach unten links und zum Schluss nach unten rechts.
Diese Muster sind Tendenzen, keine Gesetze. Sie hängen von Aufgabe, Layout, Inhalt und Vorwissen ab. Wer gezielt sucht, liest anders als jemand, der stöbert. Gute Gliederung kann das Muster verändern.
Für die Gestaltung heisst das: Wichtige Wörter an den Anfang von Zeilen und Absätzen setzen, aussagekräftige Zwischenüberschriften nutzen und wichtige Information nicht im rechten unteren Bereich verstecken.
Muster sind Tendenzen, die Aufgabe entscheidet.
3.3 / Hierarchie
Hierarchie sagt: Das hier zuerst, das danach.
Visuelle Hierarchie ordnet Inhalte nach Wichtigkeit. Vier Mittel stehen im Vordergrund:
01
Grösse
Grösseres wirkt wichtiger.
02
Kontrast
Stärkerer Kontrast zieht den Blick an.
03
Position
Oben und links wird in westlicher Leserichtung oft zuerst beachtet.
04
Weissraum
Freiraum um ein Element hebt es hervor und gruppiert zugleich.
Eine einfache typografische Hierarchie nutzt drei Stufen: Überschrift, Zwischenüberschrift, Fliesstext. Mehr Stufen brauchen gute Gründe.
Ein praktischer Test: Kneife die Augen zusammen oder blende das Layout unscharf ein. Was bleibt sichtbar? Das sehen Menschen zuerst. Entspricht es dem, was zuerst wichtig sein soll?
Hierarchie ist eine Entscheidung, kein Zufall.
3.4 / Blinde Flecken
Wir übersehen mehr, als wir denken.
01
Veränderungsblindheit
Menschen übersehen oft grosse Veränderungen in einem Bild, wenn gleichzeitig eine kurze Unterbrechung auftritt. Verwandt ist die Unaufmerksamkeitsblindheit: Im bekannten Experiment von Simons und Chabris (1999) bemerkte etwa die Hälfte der Beobachtenden einen Gorilla nicht, während sie auf eine andere Aufgabe achteten.
02
Banner-Blindheit
Nutzende übersehen Elemente, die wie Werbung aussehen oder dort stehen, wo Werbung erwartet wird, selbst wenn die Information für sie wichtig wäre (Benway & Lane, 1998).
Für die Gestaltung heisst das: Rückmeldungen und Änderungen (Bestätigung, Fehlermeldung) nah am Ort der Handlung und deutlich zeigen. Wichtige Information nicht in Werbeformaten oder typischen Werbebereichen platzieren.
Was nicht erwartet wird, wird oft nicht gesehen.
Übung
Anwenden, auswerten, übertragen
Aufgabe: Blinzeltest und Umbau. Wähle ein Design (Webseite, Plakat oder App-Screen).
SCHRITT 1
Zeige das Design fünf Sekunden lang, verdecke es dann und notiere aus dem Gedächtnis, was aufgefallen ist.
SCHRITT 2
Vergleiche die Antworten mehrerer Personen. Was wurde genannt, was wurde vergessen?
SCHRITT 3
Lege fest, was zuerst auffallen soll, und baue die Hierarchie über Grösse, Kontrast, Position und Weissraum um.
SCHRITT 4
Wiederhole den Test mit anderen Personen.
Auswertung: Hat sich die Erinnerung verändert? Welches Mittel hat am stärksten gewirkt? Kleine Gruppen liefern Hinweise, aber keine Beweise.