Die Norman-Tür: drücken oder ziehen?

Kurz gesagt

• Eine Norman-Tür ist eine Tür, deren Aussehen ein falsches Signal gibt. Damit man versteht, wie sie aufgeht, muss ein Schild darauf.
• Der Name stammt von Don Norman, dem Autor des Buchs The Design of Everyday Things.
• Das Buch erschien 1988 zuerst unter dem Titel The Psychology of Everyday Things. Die überarbeitete Ausgabe kam 2013 heraus.
• Vox veröffentlichte im Februar 2016 ein Video über diese Türen. Roman Mars und Joe Posner von Vox sprachen darin mit Norman.
• In der Oberfläche entspricht ihr ein Button, den man nicht als Button erkennt, oder Text, der klickbar aussieht, es aber nicht ist.

Die Geschichte: Warum eine Tür ein Schild braucht

Sie gehen auf eine Tür zu. An der Tür ist ein senkrechter Griff, gut zum Anfassen. Sie fassen ihn, ziehen, und die Tür bewegt sich nicht. Dann fällt Ihnen ein kleiner Zettel auf: „Drücken“.

Solche Zettel sehe ich oft an Türen von Geschäften, Bankfilialen und Krankenhäusern. Die meisten sind mit Klebeband befestigt, weil sie nachträglich angebracht wurden. Wer die Tür gebaut hat, dachte, sie würde sich selbst erklären.

Warum die Tür nach Norman heißt

Don Norman ist Kognitionswissenschaftler und Usability-Ingenieur. 1988 schrieb er ein Buch mit dem Titel The Psychology of Everyday Things. Später hieß das Buch The Design of Everyday Things. Im Vorwort zur Ausgabe von 2002 sagt Norman, der neue Titel beschreibe den Inhalt besser.

Laut einem Beitrag von 99% Invisible vom 26. Februar 2016 war dieses seltsame Türproblem einer der Gründe, die Norman zum Schreiben des Buchs bewogen. Deshalb trägt die Tür seinen Namen.

Wer den Begriff zuerst verwendet hat, habe ich in den geöffneten Quellen nicht gefunden. Deshalb nenne ich kein Datum.

Das Vox-Video

Vox veröffentlichte am 26. Februar 2016 ein Video mit dem Titel „It's not you. Bad doors are everywhere.“ Laut 99% Invisible führten Roman Mars und Joe Posner von Vox das Gespräch mit Norman gemeinsam.

Die Kernidee steht im Titel: Das Problem liegt nicht bei Ihnen, sondern bei der Tür. Norman nennt im Video einen Maßstab. Wenn Sie sich bei einer Tür ständig irren, ist das nicht Ihre Schuld. Irren sich auch andere ständig, ist das ein gutes Zeichen dafür, dass die Tür wirklich schlecht ist.

Im Video kommt auch eine Tür mit flacher Platte vor. Bei ihr kann man nur drücken, deshalb braucht sie kein Schild.

Norman teilte das Video am nächsten Tag auf seiner Website jnd.org. Er schrieb, es sei sehr gut gemacht, und fügte gleich hinzu: „Ich bin allerdings befangen.“ (Übersetzung von mir.)

Griff, Platte und Signifikant

Die Lösung im Buch ist einfach. Laut der Zusammenfassung bei Wikipedia signalisiert eine flache Platte Drücken, ein langer, runder Stab Ziehen. Eine Tür lässt sich drücken oder ziehen; was Sie tun sollen, sagt das Teil, das an ihr sitzt.

Norman nennt diese Teile Signifikanten (Signifier). Den Begriff erklärte er 2008 im Artikel „Signifiers, not affordances“: Jeder wahrnehmbare Hinweis ist ein Signifikant, ob er absichtlich gesetzt wurde oder zufällig entstanden ist. Laut Wikipedia hat auch die Ausgabe von 2013 diesen Begriff aufgenommen.

Bei einer Norman-Tür sagt der Signifikant das Falsche. Der Griff sagt „ziehen“, die Tür öffnet sich durch Drücken. Das Schild ist ein Flicken, der nachträglich sagen will, was das Design nicht sagen kann.

Den Unterschied zwischen den beiden Begriffen erkläre ich mit Beispielen auf der Seite Affordance und Signifier.

Quellencheck: Was wir wissen und was nicht

Der Kern dieser Geschichte ist solide, weil die meisten Quellen auf Norman selbst oder auf ein Gespräch mit ihm zurückgehen. Aber nicht jedes Detail ist gleich gut belegt.

Probieren Sie es: Öffnen Sie diese Tür

Unten sehen Sie drei Türen. Sehen Sie sich jede an und entscheiden Sie, ob Sie drücken oder ziehen müssen. Raten Sie nur nach dem Aussehen der Tür.

Zum Spielen mit der Tastatur gehen Sie mit Tab zu den Buttons und drücken Enter oder die Leertaste. Das Ergebnis steht auch als Text unter jeder Tür.

Der Griff an Tür 1 und Tür 3 ist derselbe. Einer sagt die Wahrheit, der andere nicht. Nutzer können die beiden nicht unterscheiden und vertrauen zu Recht dem ersten Signal.

Die Lehre für heute: Norman-Türen in der Oberfläche

Auf dem Bildschirm gibt es keine Türen, aber dasselbe Problem. Ein Element sagt mit seinem Aussehen das eine und tut mit seinem Verhalten etwas anderes. Die Nutzer müssen raten.

Norman-Türen in der Oberfläche

• Ein Button, der wie Text aussieht. Er hat keinen Rahmen, keine Füllung, keine andere Farbe. So war „Speichern“ in der Demo.
• Eine Überschrift, die wie ein Button aussieht. Hoa Loranger warnt 2015 in einem Artikel bei NN/g davor: Lassen Sie nicht klickbare Elemente nicht wie Buttons aussehen. Schon eine Überschrift mit Hintergrundfarbe kann klickbar wirken.
• Ein Link, der sich nicht vom Text abhebt. Laut Loranger sollte sich die Linkfarbe deutlich vom Fließtext unterscheiden, und nicht klickbarer Text sollte weder blau noch unterstrichen sein.
• Ein Icon ohne Beschriftung. Loranger empfiehlt, außer bei allgemein bekannten Standard-Icons Text neben das Icon zu setzen.

Das hat einen messbaren Preis

Kate Moran veröffentlichte 2017 bei NN/g eine Eyetracking-Studie. Von 9 Seiten echter Websites gab es je zwei Fassungen: eine mit starken Signifikanten für klickbare Elemente, eine mit schwachen. Jede der 71 Personen sah von jeder Seite nur eine Fassung.

Auf den Seiten mit schwachen Signifikanten brauchten die Teilnehmenden im Schnitt 22 % mehr Zeit, um das zu klickende Element zu finden. Sie machten 25 % mehr Blickfixationen auf der Seite. Moran empfiehlt starke Signifikanten überall dort, wo Nutzer etwas finden müssen.

So finden Sie sie in Ihrem Produkt

Normans Maßstab aus dem Video funktioniert auch auf dem Bildschirm. Irren sich mehrere Personen an derselben Stelle, liegt das Problem nicht bei den Nutzern, sondern im Design. Am schnellsten sehen Sie das mit einem Usability-Test mit einigen Personen.

Vor dem Test können Sie auch selbst nachsehen. Machen Sie den Bildschirm unscharf oder sehen Sie aus der Entfernung hin und fragen Sie: Sieht alles Klickbare klickbar aus, und sieht nichts Nichtklickbares wie ein Button aus?

Diese Frage berührt auch die Heuristik „Konsistenz und Standards“ unter Nielsens 10 Heuristiken. Danach sollen sich Nutzer nicht fragen müssen, ob verschiedene Wörter, Situationen oder Aktionen dasselbe bedeuten.

Ein Hinweis wie „Tippen Sie zum Fortfahren auf den Text unten“ ist der „Drücken“-Zettel der Oberfläche. Sehen Sie so etwas, ist ein Norman-Button nicht weit. Korrigieren Sie zuerst den Button und löschen Sie dann den Hinweis.

Meine Notiz

Die Norman-Tür, die ich in Audits am häufigsten sehe, ist eine Hauptaktion, die zu reinem Text geworden ist. Dass eine Nebenaktion wie „Abbrechen“ als Text erscheint, ist in Ordnung. Sieht aber auch „Speichern“ so aus, verlassen Nutzer das Formular womöglich, ohne zu speichern.

Meist entsteht das aus dem Wunsch, schlicht auszusehen. Das Team entfernt die Rahmen einen nach dem anderen, der Bildschirm wird aufgeräumter, aber mit ihnen verschwindet auch das Signal. Für diesen Befund empfehle ich immer dasselbe: Die Hauptaktion auf dem Bildschirm ist gefüllt, und man erkennt auf einen Blick, dass sie ein Button ist.

Ich erzähle Teams die Türgeschichte gern. Jeder hat schon einmal an der falschen Tür gezogen und sich selbst die Schuld gegeben. Sagt jemand „Die Nutzer passen nicht auf“, erinnere ich ihn an diese Tür.