Funktion zeigen

Kaufentscheidungen werden durch Interaktion beeinflusst – Buttons, Griffe, Oberflächen. Die Form sollte die Funktion signalisieren: ein Button lädt zum Klicken, ein Griff zum Ziehen. Die Frage ist: Wie wichtig ist intuitive Gestaltung, was passiert bei Diskrepanz zwischen Form und Funktion – und welche Evidenz ist dazu bekannt?

Studien

Die Wahrnehmung von Handlungsmöglichkeiten

Warren untersuchte 1984, wie Menschen Treppen-Affordanzen wahrnehmen. Mit 42 Probanden verschiedener Körpergrößen zeigte er: Menschen erkennen intuitiv, welche Stufen sie ohne Händeeinsatz besteigen können. Die kritische Höhe lag bei etwa 88% der Beinlänge – und diese Einschätzung war unabhängig von der tatsächlichen Körpergröße konsistent. Das Gehirn berechnet Handlungsmöglichkeiten automatisch aus der Objektform.

Affordanzen im Digital Design

Die Forschung zu digitalen Affordanzen zeigt: Buttons, die erhaben aussehen, werden häufiger geklickt als flache. Eingabefelder mit Rahmen signalisieren 'Hier tippen' besser als randlose. Gute digitale Affordanzen reduzieren Lernkurven um bis zu 40%. Das Flat Design hat viele Affordanzen zerstört und musste mit Schatten und Animationen nachbessern.

Prinzip

Welches Prinzip für Customer Experience Design lässt sich daraus ableiten? Die Form eines Elements sollte seine Funktion unmissverständlich kommunizieren, da Menschen automatisch und unbewusst aus der visuellen Gestaltung ableiten, wie sie mit einem Objekt interagieren können. Dieses Prinzip ist besonders relevant für digitale Interfaces und physische Touchpoints, wo Nutzer binnen Sekunden entscheiden müssen, welche Aktion möglich oder erforderlich ist. Während klare Affordanzen die Benutzerfreundlichkeit drastisch erhöhen und Fehlerquoten reduzieren, können missverständliche Formgebungen selbst bei technisch einwandfreien Produkten zu Frustration und Abbrüchen führen. Das Prinzip funktioniert am besten, wenn kulturelle Konventionen und erlerntes Verhalten berücksichtigt werden, da Affordanzen teilweise auf gemeinsamen Erfahrungen basieren. Die folgenden Guidelines zeigen, wie sich dieses Prinzip konkret umsetzen lässt.

Guidelines

Buttons wie Buttons aussehen lassen

Klickbare Elemente sollten erhaben, umrandet oder anders visuell als 'klickbar' markiert sein. Flat Design hat viele Affordanzen zerstört – kompensiere mit Schatten, Rahmen oder Hover-Effekten. Folgende Beispiele verdeutlichen diese Guideline:

• Material Design: Google's Material Design nutzt Schatten, um Erhöhung zu simulieren – erhobene Elemente sind klickbar, flache nicht.

Eingabefelder erkennbar gestalten

Bereiche für Texteingabe sollten durch Umrandung, Hintergrund oder Linie klar erkennbar sein. Ein leerer Bereich ohne visuelle Abgrenzung sagt nicht 'Hier tippen'. Folgende Beispiele verdeutlichen diese Guideline:

• Formulare: Klassische Formulare mit klaren Rahmen um jedes Feld haben höhere Ausfüllraten als minimalistische 'Underline-only' Designs.

Interaktive von statischen Elementen unterscheiden

Nutzer müssen auf den ersten Blick erkennen können, was klickbar ist und was nicht. Farbe, Unterstreichung, Cursor-Änderung – mindestens ein klares Signal. Folgende Beispiele verdeutlichen diese Guideline:

• Links: Unterstrichene, farbige Links sind ein etablierter Standard. Wer davon abweicht, muss andere klare Signale geben.