KommDesign.de — Texte — Wahrnehmung

Warum Animationen schlecht sind

Ein Ausflug in die Wahrnehmungspsychologie

Das zweigeteilte Gesichtsfeld

Als Gesichtsfeld bezeichnet man den Bereich der Umwelt, der in einem gegebenen Moment in unseren Augen, genauer: auf der Netzhaut, der lichtempfindlichen Zellschicht im Augenhintergrund, abgebildet wird - salopp ausgedrückt "alles, was wir sehen".  Unser Gesichtsfeld wirkt zwar glatt, übergangslos und einheitlich, es sei denn man trägt eine klitzekleine Brille oder hat, sagen wir, 12 Tequila konsumiert, dieser Eindruck ist jedoch falsch. Tatsächlich wird es von zwei getrennten Nervenbahnen und daran angeschlossenen Hirnzentren mit völlig unterschiedlichen Eigenschaften versorgt. Diese kooperieren allerdings normalerweise so unauffällig und perfekt, daß wir sie nicht ohne weiteres unterscheiden können.

Zum "wo":

Das eine System - nennen wir es "zentrales" System - ist für die Stelle der Netzhaut zuständig, mit der unser Blick Dinge fixiert, was zugleich der Punkt mit der höchsten Sehschärfe ist. Bei einem Computermonitor wäre das eine Zone etwa von der Größe eines Markstücks. Beim Lesen springen wir mit diesem "Fixationspunkt" z.B. in mehreren Schritten über eine Textzeile, und picken uns dabei soviel Information heraus, daß wir den Sinn des Ganzen - hoffentlich - verstehen. Das andere, "periphere" System ist sozusagen für den Rest zuständig, also die Zone, die vom Fixationspunkt bis zum äußersten Rand unseres Gesichtsfeldes reicht. Auf der folgenden Grafik ist dies schematisch dargestellt.

Das zentrale System fokussiert Informationen, nimmt Dinge detailliert wahr, analysiert sie inhaltlich, und schickt die Ergebnisse dann gewissermaßen an unser Bewußtsein. Dieser Funktion entsprechend ist sein räumliches Auflösungsvermögen, also die Fähigkeit, Gesehenes in Feindetails aufzulösen, sehr hoch. Gleichzeitig ist die Farbempfindlichkeit der Netzhaut in der Region um den Fixationspunkt maximal und nimmt nach außen rasch ab. 

Das periphere System hat andere, nicht minder wichtige Funktionen. Zunächst beruht die Steuerung der Blickbewegungen zu einem guten Teil auf den Informationen, die es an das Gehirn liefert. Es scannt aber auch die Umwelt permanent auf Veränderungen, unterbricht gegebenenfalls laufende Handlungen, und lenkt die Aufmerksamkeit und die Blickbewegungen entsprechend um. Die Logik die hinter diesem sog. "Orientierungsreflex" steckt, ist ebenso einfach wie bestechend: Was sich verändert bzw. bewegt, könnte ja (a) uns fressen oder (b) uns verletzen oder aber (c) von uns gefressen werden. Also schauen wir vorsichtshalber erst einmal nach, bevor wir uns weiter mit unseren Handlungszielen beschäftigen. Dieser biologischen Funktion entsprechend ist das zeitliche Auflösungsvermögen des Systems, also die Fähigkeit, schnelle Bewegungen oder kurzdauernde Veränderungen wahrzunehmen, besonders hoch - sehr viel größer als die des zentralen. Da andererseits Formen und Farben für seine Funktionen keine wesentliche Rolle spielen, ist die Sehschärfe und die Farbempfindlichkeit im peripheren Gesichtsfeld gering. 

Sehr wichtig ist noch, daß sich dieser Reflex überhaupt nicht für Inhalte interessiert, er wird durch alle Veränderungen oder Bewegungen ausgelöst, sei es eine ins Blickfeld krabbelnde Spinne, ein umfallender Stuhl, oder eben ein Ticker in der Statuszeile eines Browsers. In der folgenden Tabelle sind die wesentlichen Merkmale der beiden Systeme noch einmal im Überblick dargestellt. 

Wir können also festhalten: 

Bewegung und Veränderung hat in der Hierarchie der Reize, auf die unser Gehirn biologisch programmiert ist, immer die höchste Priorität.

Das ist Ihnen alles egal, und Sie möchten trotzdem eine animierte Website? Oder Ihr quengeliger Kunde möchte eine Animation und ist auch durch Drohen und gutes Zureden nicht davon abzubringen?

"Aber, die YX GmbH hat doch einen glitzernden Sternenhimmel mit einem durchstartenden 3D-Raumkreuzer auf Ihrer Homepage. Mit rauchendem Feuerschweif! Und wie sieht das denn aus, wenn bei uns garnix passiert? Die halten uns doch für notleidend."

Also gut. Über Geschmack läßt sich streiten, und der Kunde ist König. Aus den Eigenschaften des peripheren Alarmsystems kann man einige einfache Regeln ableiten, die es erlauben, Animationen, wenn sie denn sein müssen, wenigstens so zu gestalten, daß die Besucher/innen möglichst wenig gestört werden:

• Regelmäßiges Blinken ist besser als unregelmäßiges, weil sich das periphere Gesichtsfeld an eine regelmäßig wiederkehrende Veränderung leichter anpassen bzw. schneller beruhigen kann.

• Aus dem gleichen Grund sind glatte, saubere Bewegungen weniger beeinträchtigend als unruhige, ruckartige und eine regelmäßige Animation besser als unregelmäßige - z.B. mit komplexen Richtungswechseln in der Bewegung.

• Synchrones Blinken mit gleichen On- und Off-Phasen der Elemente ist wiederum besser als asynchrones.

• Eine Animation ist - natürlich - besser als mehrere, weil sich die ablenkende Wirkung mit jeder zusätzlichen Bewegungs- bzw. Störquelle potenziert.

• Animationen, die ein Ende haben oder abgeschaltet werden können, sind besser als endlose, die sich nicht kontrollieren lassen. Wie gesagt: auch wenn man den Blick von all den beweglichen Dingen, die uns so bezaubern, einmal losgerissen hat, stört eine andauernde Unruhe im äußeren Gesichtsfeld weiter die Informationsverarbeitung im zentralen.

Zusammenfassend sind animierte und blinkende Zutaten ein gutes Mittel, die Aufnahme, das Verarbeiten und das Behalten von Informationen auf einer Website wirksam zu stören. Dabei habe ich bisher noch außer Acht gelassen, daß sie ja auch höhere Wartezeiten verursachen und so erheblich dazu beitragen können, daß ungeduldige Gäste auf den Besuch einer Site kurzerhand verzichten. Visuelle Effekte, die beeindrucken sollen und dann einen Teil ihres Publikum vertreiben, bevor sie sich überhaupt entfalten konnten, sind nun aber - um es auch aus dieser Perspektive noch einmal zu betonen - schlecht.

Es gibt durchaus noch andere Techniken, die Aufmerksamkeit zu lenken, etwa durch biologische Auslösereize, wirksame Schlüsselwörter und intensive Farben bzw. Kontraste. Diese Reize ziehen die Aufmerksamkeit auch an, lassen aber trotzdem zu, daß die Benutzer/innen sie irgendwann ohne Qualitätseinbußen bei der Wahrnehmung der eigentlichen Inhalte ignorieren. Und in mindestens 90% der Fälle sind diese Methoden allen nur denkbaren Animationen, Tickern oder Blinkern vorzuziehen.

Es sollte noch erwähnt werden, daß es natürlich auch Fälle gibt, in welchen Animationen gewissermaßen genau die Informationen transportieren, die die Besucher/innen inhaltlich interessiert. Die schönsten mir bekannten Beispiele sind folgende:

In der "Hall of Shame" der Website www.iarchitect.com , die idiotisches Interface-Design an den Pranger stellt. Dort werden Bedienungsvorgänge mit der Maus zur Demonstrationszwecken animiert dargestellt, und auch in Erklärungen werden Animationen z.T. geschickt eingesetzt, um die Leser/innen im Verstehen zu unterstützen.

Auf der Website www.wetter.de kann man sich einen eigenen eindruck vom Wettergeschehen bilden, indem man Satellitenfilme betrachtet, in denen die Wolkenbewegungen und Bewegungen von Niederschlagsfeldern gezeigt werden.

www.mydailyyoga.com ist ein Angebot für geplagte Bildschirmarbeitende, wo Yoga-Entspannungsübungen sozusagen "live" vorgemacht werden.

Im Gegensatz zu einem stillvergnügt vor sich hinrotierenden Firmenlogo oder einem Blinkelämpchen als endlos nervende Markierung auf einer Navigationsleiste ist bei diesen Beispielen die Bewegung im Fokus der Aufmerksamkeit und geht mit den Zielen der Benutzer/innen konform. Allerdings - so scheint mir - wird das positive Potential, das in Animationen stecken kann, bisher noch sehr wenig genutzt.

Wenn dieser Artikel von Bannerwerbung anstatt vom Webdesign handeln würde,  wäre das Urteil über Animationen ein völlig anderes: Animierte Banner wirken stärker als statische, d.h. sie werden eher wahrgenommen und erzielen höhere Klickraten (Quellen am Ende dieser Seite). Nach allem was hier gesagt wurde, nimmt das auch nicht mehr Wunder: Schließlich bauen sie auf einem biologischen Reflexsystem auf, das die Aufmerksamkeit unwillkürlich lenkt - und Aufmerksamkeit erregen ist die erste Hürde, die man als Werbetreibender nehmen muß. Natürlich kollidieren damit die Interessen von Content-Abietern und Werbetreibenden. Für erstere ist eine Animation - wie ich hoffentlich deutlich machen konnte - ungünstig, für letztere dagegen sehr zu empfehlen. Ich kann dieses Problem hier allerdings nur erwähnen, eine Lösung kann ich leider nicht präsentieren.