Bewegung nutzen

Kaufentscheidungen erfordern Aufmerksamkeit – und Bewegung zieht sie an. Banner, Animationen, Videos – sie fangen den Blick. Doch Aufmerksamkeit ist begrenzt. Die Frage ist: Wann fördert Bewegung die Wahrnehmung und wann stört sie, wie lässt sich Motion gezielt einsetzen – und welche Evidenz ist dazu bekannt?

Studien

Periphere Bewegungserkennung

Rensink und Kollegen untersuchten 2002, wie das visuelle System auf Veränderungen reagiert. Das Ergebnis: Bewegungen in der Peripherie werden mit 87-93% Wahrscheinlichkeit erkannt, statische Veränderungen gleicher Größe nur zu 35-40%. Der Grund ist evolutionär: Bewegung am Rand des Sichtfelds konnte Gefahr bedeuten. Das Gehirn hat einen eingebauten 'Bewegungsalarm' für die Peripherie.

Notification Design

Die Erkenntnisse wurden auf UI-Design angewandt: Animierte Benachrichtigungen am Bildschirmrand werden 3x häufiger bemerkt als statische. Aber Vorsicht: Zu viel Bewegung führt zu 'Animation Blindness' – das Gehirn lernt, konstante Bewegung zu ignorieren. Die Bewegung muss selektiv und bedeutungsvoll sein.

Prinzip

Welches Prinzip für Customer Experience Design lässt sich daraus ableiten? Bewegung ist das effektivste Mittel für periphere Aufmerksamkeit und sollte gezielt eingesetzt werden, um wichtige Inhalte oder Handlungsaufforderungen hervorzuheben. Da unser visuelles System evolutionär darauf programmiert ist, Bewegung am Sichtfeldrand als potenzielle Bedrohung zu interpretieren, löst sie automatisch eine Aufmerksamkeitsreaktion aus, die bewusste Entscheidungsprozesse umgeht. Allerdings funktioniert dieser Mechanismus nur bei sparsamer Anwendung – konstante oder übermäßige Bewegung führt zur Habituation und verliert ihre Wirksamkeit. Bewegung sollte daher strategisch und bedeutungsvoll eingesetzt werden, um den natürlichen Aufmerksamkeitsreflex nicht zu überlasten. Die folgenden Guidelines zeigen, wie sich dieses Prinzip konkret umsetzen lässt.

Guidelines

Bewegung sparsam einsetzen

Reserviere Animation für wichtige Momente. Ständige Bewegung führt zu Gewöhnung und wird ignoriert. Wenn alles sich bewegt, fällt nichts mehr auf. Folgende Beispiele verdeutlichen diese Guideline:

• Banking Apps: Animation nur bei Transaktionsbestätigung – das 'Häkchen' das erscheint. Keine dekorativen Animationen, die von wichtigem ablenken.

Wichtige Änderungen animieren

Wenn sich etwas Wichtiges auf der Seite ändert, animiere die Änderung. Ohne Animation werden Änderungen in der Peripherie übersehen (Change Blindness). Folgende Beispiele verdeutlichen diese Guideline:

• Warenkorb: Wenn ein Produkt hinzugefügt wird: Animation, die das Produkt zum Warenkorb 'fliegen' lässt. Ohne Animation bemerken viele die Änderung nicht.

Animation mit Bedeutung verbinden

Jede Animation sollte Information transportieren. Woher kommt etwas? Wohin geht es? Was ist passiert? Rein dekorative Animation ist Verschwendung des Bewegungsbudgets. Folgende Beispiele verdeutlichen diese Guideline:

• iOS: Apps zoomen aus ihrem Icon heraus – zeigt, woher sie kommen. Schließen zoomen zurück – zeigt, wohin sie gehen.