In Usability-Tests beobachten wir häufig Benutzer, die eine Änderung auf dem Bildschirm übersehen, von der die Designer dachten, dass sie offensichtlich und sehr auffällig wäre. Wie immer in der Usability, wenn Sie an einem Design gearbeitet haben, wissen Sie, wonach Sie suchen müssen, wo Sie danach suchen müssen, wann es erscheint und was es bedeutet. Also ja, es ist für Sie offensichtlich und Sie würden das Erscheinen einer wichtigen Nachricht oder eines Datenobjekts nicht verpassen, wenn Sie Ihr eigenes Design überprüfen. Aber Benutzer tun es oft. Warum?, Wegen der Blindheit, die eine Millionen Jahre alte Tatsache der menschlichen (und protohumanen) Wahrnehmung ist und wahrscheinlich nicht so bald verschwinden wird.
Also, was ist change blindness? In Alfred Hitchcocks Psycho, einem der berühmtesten Filme aller Zeiten, sieht Detective Arbogast Norman Bates ‚ Haus an, das auf einen dunklen wolkenlosen Himmel projiziert wird. Die Kamera bewegt sich zurück zum Gesicht des Detektivs und folgt ihm, als er in Richtung Haus geht. Die Szene ist immer noch dunkel, aber der Himmel ist plötzlich voller Wolken geworden.,
Ob die Änderung der Textur des Himmels beabsichtigt war (vielleicht Hitchocks subtile Warnung für das, was kommen sollte) oder ein Kontinuitätsfehler, die meisten Zuschauer werden es wahrscheinlich nicht bemerken. Bewegte Bilder haben oft kleine Inkonsistenzen wie diese von einer Szene zur nächsten-Änderungen im Hintergrund, in der Kleidung der Schauspieler, Make-up oder Positionen, aber diese werden ignoriert, wenn sie während der Schnitte zwischen den Szenen gemacht werden.
Dieses Phänomen wird Change Blindness genannt und geht über Filme hinaus — es gilt für die Wahrnehmung von Szenen im Allgemeinen, ob auf eine Leinwand oder im wirklichen Leben projiziert., Change Blindness ist sehr robust: Selbst wenn Menschen gewarnt werden, dass eine Veränderung eintreten kann, können Veränderungen in einer Szene unentdeckt bleiben.
Definition: Änderungsblindheit bezieht sich auf die Tendenz der Menschen, Änderungen in einer Szene zu ignorieren, wenn sie in einer Region auftreten, die weit von ihrem Fokus entfernt ist Aufmerksamkeit.
In der Psychologie wird Change Blindness vielleicht am besten durch eine Reihe von Experimenten veranschaulicht, die Mitte der 1990er Jahre durchgeführt wurden., In diesen Experimenten wurden den Teilnehmern gezeigt, ein Bild einer komplexen Szene, für etwa eine halbe Sekunde; dann die Anzeige ging leer für einen Bruchteil einer Sekunde, und schließlich das gleiche Bild war wieder angezeigt. Beim zweiten Anzeigen der Szene wurden jedoch einige Details geändert — z. B. ein Objekt, dessen Größe, Farbe oder ein Element hinzugefügt oder entfernt wurde. Die Teilnehmer des Experiments sollten die Änderungen in den beiden Bildern identifizieren. In einigen dieser Studien radelten die Menschen viele Male durch die beiden Versionen, bis sie die Veränderung erkennen konnten., Für viele dauerte es 20 oder 40 Wechsel, um es zu finden.
Die flackernde Qualität des Displays (eine Szene, gefolgt von einem leeren Bildschirm, gefolgt von derselben Szene) ist ein wesentlicher Bestandteil der Farbenblindheit. In Filmen spielt der Szenenschnitt die Rolle eines Flimmers; und bei der Interaktion mit einem Computer wird das Flimmern durch das Laden einer neuen Seite (oder eines UI-Elements) verursacht, sobald der Benutzer eine Taste gedrückt hat., Es stellt sich jedoch heraus, dass das Flimmern nicht wörtlich sein muss — Szenenänderungen, die auftreten, wenn der Benutzer blinkt oder während einer Sakkade (wenn er seine Augen in einen anderen Bereich des Bildschirms bewegt), sind ebenfalls sehr anfällig für Farbenblindheit.
Zauberer nutzen die Neigung des Menschen, die Blindheit zu verändern, wenn sich ihre Augen bewegen: Sie verwenden ein aufmerksamkeitsanziehendes Gerät, um Augenbewegungen an dieser Stelle auszulösen, und führen gleichzeitig unbeobachtete Aktionen durch, die für ihre Tricks unerlässlich sind.
Warum Change Blindness Passieren?,
Der grundlegende Grund, warum die Erblindung auftritt, ist eine Einschränkung unserer Aufmerksamkeitskapazitäten. Jede komplexe Szene hat eine Vielzahl von Details, und es ist schwer und ineffizient für die Menschen, um alle von ihnen zu kümmern. Was wir normalerweise tun, ist Abkürzungen zu nehmen.
Veränderung ist und war schon immer wichtig für den Menschen — sie kann wesentliche Informationen über unsere Umwelt vermitteln., Die meisten Veränderungen in der Natur werden durch Bewegung vermittelt (mit wenigen Ausnahmen wie Chamäleons kann sich ein physisches Objekt ohne Bewegung nicht sofort ändern), und Bewegung wird leicht durch menschliches peripheres Sehen erkannt. Sobald das menschliche Auge Bewegungen in der Peripherie erkennt, betrachtet es die Quelle der Bewegung-zentrales Sehen tritt ein und liefert ergänzende, detaillierte Informationen. Dieses Verhalten ist ein Überbleibsel unseres Lebens in freier Wildbahn, bei dem jede Bewegung ein Raubtier signalisieren könnte, das darauf wartet, uns zu jagen.
Änderungsblindheit tritt auf, wenn Bewegung als Hinweis auf Veränderung schwach oder vollständig fehlt., Wenn der Bildschirm flackert, wird die Bewegung gemieden — wir sehen zwei statische Versionen der Szene. Die einzige Möglichkeit, herauszufinden, was sich geändert hat, besteht darin, alle entsprechenden Elemente in der Vorher-Nachher-Version zu überprüfen und zu vergleichen. Diese Aufgabe ist sehr schwierig — es ist nicht nur mühsam, die unzähligen kleinen Details in der Szene zu inspizieren, sondern unsere Erinnerung an die vorherige Version der Szene ist wahrscheinlich ziemlich schlecht. In der Tat sind die Chancen, dass wir ohnehin viele Elemente dieser Szene nicht beachtet haben.
Aber die Erblindung geschieht auch während einer Augenbewegung., Mit anderen Worten, wenn zwei (möglicherweise bewegungsbedingte Änderungen) wie in der Zaubershow miteinander konkurrieren, gewinnt normalerweise eine Änderung und zieht das Auge an, aber diese Augenbewegung blockiert die Erkennung der zweiten Änderung. Diese Ursache ist besonders wichtig im Schnittstellendesign.
Blindheit im Schnittstellendesign ändern
Bei normalen Interaktionen mit einer Benutzeroberfläche tritt häufig Blindheit auf, wenn ein neues Element (z. B. ein anderes Bild in einem Produktbildkarussell oder der Inhalt eines Dropdown-Menüs) auf dem Bildschirm als Ergebnis einer Benutzeraktion angezeigt wird und sich auch andere Bereiche des Bildschirms ändern., Es wird erwartet, dass der Ort der Änderung das sichtbare Designelement ist, das direkt auf die Benutzeraktion reagiert, und der Benutzer bewegt die Augen in diese Richtung — tatsächlich verteilt sich die Änderung jedoch auf mehrere Regionen des Bildschirms.
Wenn Benutzer beispielsweise in Aldikos Android-App auf das Hamburger-Menü tippen, erwarten sie, dass die Änderungen auf dem Bildschirm mit dieser Aktion zusammenhängen — nämlich, dass die neuen Elemente in dem Bereich lokalisiert werden, der den Menüinhalt umschließt., Ihre Augen bleiben in diesem Bereich und es ist unwahrscheinlich, dass sie bemerken, dass die Schaltfläche Action-Overflow in der oberen rechten Ecke des Bildschirms durch ein Suchsymbol ersetzt wurde.
An anderer Stelle haben wir besprochen, wie das Suchfeld nicht durch ein Suchsymbol auf dem Desktop ersetzt werden sollte; Auf einem mobilen Bildschirm ist das Muster jedoch besser verwendbar als auf dem Desktop, da unsere Forschung zeigt, dass das Lupenwerkzeug auch dann ziemlich auffindbar ist, wenn das Suchfeld nicht vorhanden ist., Wenn das Suchfeld jedoch standardmäßig nicht sichtbar ist und Benutzer auf das Suchsymbol klicken, sollte das Textfeld daneben angezeigt werden (anstatt weiter auseinander auf dem Bildschirm), um sicherzustellen, dass die Benutzer es nicht verpassen.
Semipersistente Navigationsleisten oder schwebende Schaltflächen, die oben auf der Seite angezeigt werden, sind ebenfalls in Gefahr, unentdeckt zu bleiben, da sie häufig durch das Scrollen der Seite maskiert werden., Beispielsweise werden semipersistente Navigationsleisten am oberen Bildschirmrand angezeigt, wenn der Benutzer nach oben scrollt. Die Hoffnung ist, dass die Leute diese Balken bemerken und eine der Optionen in ihnen auswählen, anstatt sich ganz oben auf die Seite zu streichen. Leider kann die Bewegung der Seite die Bewegung, die durch das Erscheinen der Leiste verursacht wird, leicht blockieren, insbesondere wenn sich die Farbe der Leiste in die Farbe der Seite einfügt, wie im Beispiel der New York Times unten.,
(Unser peripheres Sehen ist verantwortlich für die Bewegung und auch Schatten., Wenn sich das“ Schatten “ – Profil einer Seite ändert, z. B. weil in einer Ecke ein großer Farbblock mit Kontrastfarbe angezeigt wurde, ist es für uns einfacher, sein Erscheinungsbild zu erkennen, als wenn derselbe Block subtil in den Rest der Seite einfügt und das Schattenprofil der Seite nicht wesentlich ändert.)
Es gibt viele andere Designaspekte, die durch Änderungsblindheit beeinflusst werden können — Fehlermeldungen oder andere Benachrichtigungen, Ergebnisse, die zu schnell angezeigt werden, oder das Ändern von Navigationsleisten können aufgrund dieses Phänomens ebenfalls ignoriert werden, wie in unserem Begleitartikel zu demselben Thema diskutiert.,
So verhindern Sie Änderungsblindheit im Schnittstellendesign
Um Änderungsblindheit zu vermeiden, analysieren Sie Ihr Design auf konkurrierende Änderungen, die gleichzeitig auftreten und die Aufmerksamkeit voneinander ablenken können. Hier sind einige Techniken dafür:
- Nehmen Sie jeweils eine Änderung vor. Im obigen Aldiko-Beispiel könnte die Suche in der oberen rechten Ecke platziert und immer sichtbar sein.
- Gruppieren Sie alle Elemente, die sich gleichzeitig im selben Bereich des Bildschirms ändern, um sicherzustellen, dass die Bewegung die Aufmerksamkeit auf alle lenkt., Eine weitere einfache Lösung für das Aldiko-Design besteht beispielsweise darin, die Suche im Menü zu verschieben. (Beachten Sie jedoch, dass das Ausblenden der Suche unter einem Menü die Auffindbarkeit erheblich beeinträchtigt und möglicherweise nur auf browse-schweren Websites akzeptabel ist.)
- Verwenden Sie Animation, um Änderungen zu signalisieren, aber vermeiden Sie zu viele konkurrierende Animationen auf dem Bildschirm, um eine Verwässerung der Aufmerksamkeit zu verhindern.
- Dimmen Sie die Bereiche des Bildschirms, die sich nicht ändern, um auf Änderungen aufmerksam zu machen.,
- Wenn Sie der Seite schwebende Elemente hinzufügen, während der Benutzer scrollt, zeigen Sie sie neben dem Aufmerksamkeitsfokus des Benutzers an (z. B. am unteren Rand der Seite für Schaltflächen von hinten nach oben) und verwenden Sie Farben, die mit dem Rest der Seite kontrastieren.