Was sind Affordance und Signifier?

Was Affordance bedeutet

Den Begriff prägte der Psychologe James J. Gibson. Er verwendete ihn zuerst 1966 im Buch The Senses Considered as Perceptual Systems. Die bekannteste Definition gab er 1979 in The Ecological Approach to Visual Perception.

Nach Gibson ist eine Affordance, was die Umwelt einem Lebewesen im Guten oder Schlechten bietet. Der Begriff beschreibt eine Beziehung. Stufen von einem Meter Höhe bieten einem krabbelnden Baby kein Klettern an. Einem müden Erwachsenen können sie dagegen ein Platz zum Ausruhen sein.

Im Sinne Gibsons muss eine Möglichkeit nicht sichtbar sein. Daran erinnert auch Norman: Gibsons Affordances mussten weder wahrnehmbar noch überhaupt bekannt sein.

Normans Übertragung auf die Oberfläche und der Signifier

Don Norman brachte den Begriff 1988 mit dem Buch The Design of Everyday Things ins Design, änderte aber seine Bedeutung. Für Norman war eine Affordance eine Handlungsmöglichkeit, die man leicht wahrnehmen kann. Man nennt das wahrgenommene Affordance (perceived affordance).

Laut Norman wurde der Begriff unter Designern viel verwendet und oft falsch. 2008 versuchte Norman, das in seinem Text „Signifiers, not affordances“ in der Zeitschrift ACM Interactions zu korrigieren. Sein Vorschlag war kurz: Vergessen Sie die Affordance, liefern Sie Signifier.

Norman definiert den Signifier als Zeichen, das in der physischen oder sozialen Welt sinnvoll gedeutet werden kann. Das Konzept kam auch in die überarbeitete Ausgabe des Buchs von 2013.

Den Unterschied sage ich in einem Satz. Affordance heißt, dass etwas machbar ist. Signifier ist das, was Ihnen zeigt, dass es machbar ist.

Derselbe Screen mit und ohne Signifier

Sehen Sie, was Sie bei ausgeschalteten Signifiern verlieren:

• Speichern: Ohne Rahmen und Füllung liest sich das Wort wie ein Label. Dass man darauf tippen kann, merken Sie erst beim Ausprobieren.
• Versandkarten: Füllt die erste Karte den Screen ganz aus, wirkt die Liste beendet. Die kostenlose Abholung im Laden bleibt auf der vierten Karte.

Wie Signifier auf dem Screen aussehen

Auf dem Screen besteht die eigentliche Schwierigkeit für mich darin, dem Nutzer zu zeigen, wo er klicken kann.

Hoa Loranger von der Nielsen Norman Group zählt in ihrem Artikel von 2015 die Signifier der Klickbarkeit auf. Für Links ist Blau nach ihr noch immer die sicherste Farbe. Bei Buttons empfiehlt sie, die Rechteckform und einen klaren Rahmen beizubehalten, die Ecken dürfen gern abgerundet sein.

Derselbe Artikel nennt eine frühe Studie: Flache Buttons dreidimensional zu machen, steigerte die Klicks um 416 %. Loranger fügt hinzu, dass der Effekt heute kleiner, aber noch immer groß ist. Es wirkt auch umgekehrt: Geben Sie einer nicht klickbaren Überschrift eine Hintergrundfarbe, sieht sie wie ein Button aus, und der Nutzer irrt sich.

Beim Scrollen ist es genauso. Kim Flaherty beschreibt in ihrem Artikel von 2016 die „Illusion der Vollständigkeit“: Der sichtbare Screen wirkt wie das Ende des Inhalts, dabei geht es weiter.

Flahertys Empfehlung: Zeigen Sie einen Teil des folgenden Inhalts am Rand. In seitlich scrollbaren Bereichen erfüllen herausragende Inhalte und ein Folienzähler dieselbe Aufgabe.

Meine Notiz

Ein Problem, das ich in Audits oft sehe, sind Bedienelemente, die funktionieren, aber nicht sichtbar sind. Ein „Bearbeiten“ ohne Rahmen im Flat Design oder eine Reihe von Karten über die volle Breite sind Beispiele dafür.

Findet der Nutzer diese Elemente nicht, glaubt er, die Funktion gebe es nicht. Im Bericht notiere ich das als „Affordance da, Signifier fehlt“. Die Korrektur ist meist ein Rahmen oder eine Karte, die über den Rand ragt.

Ob ein Signifier funktioniert, entscheidet das mentale Modell des Nutzers. Blaue Unterstreichung als Link zu lesen, haben wir im Web gelernt. Einen selbst erfundenen Hinweis erkennt der Nutzer vielleicht nicht.

Solche Probleme markiere ich im UX Audit Screen für Screen.

Verwandte Begriffe

Wie gut ein Signifier funktioniert, sehen Sie im Test der Usability. Buttons, Links und Karten sind Teile der Benutzeroberfläche. Die Verbindung zu den Heuristiken finden Sie auf der Seite zu Nielsens 10 Heuristiken.