Affordance

Ein gutes Interface sollte die Besucher einer Website nicht verwirren, sondern sie führen. Vom Anfang bis zum Ende, klickbar, leitend. Genau das ist der Job der Affordance: Sie sorgt dafür, dass Besucher intuitiv verstehen, was möglich ist. Dafür haben sich im Laufe der Zeit verschiedene Affordance-Arten herauskristallisiert.

• Echte Affordance: Physische Eigenschaften, die eine Handlung ermöglichen, das ist ein Türgriff, der klar zum Ziehen einlädt.
• Wahrgenommene Affordance: Das, was du glaubst, tun zu können, zum Beispiel mit einem digitalen Button, der klickbar aussieht.
• Falsche Affordance: Wenn ein Element suggeriert, dass du etwas tun kannst, obwohl es nicht funktioniert, etwa ein Text, der aussieht wie ein Link, aber keiner ist.
• Verborgene Affordance: Wenn Funktionen zwar existieren, aber nicht sofort sichtbar sind, zum Beispiel Wischen auf dem Smartphone für zusätzliche Optionen.

Affordance verwandelt ein nüchternes Interface in Cinematic-Webdesign-Erlebnisse.

Gute Affordance ist aus unserer Erfahrung kein Zufall, sondern eine Strategie. Und sie funktioniert nur, wenn sie unaufdringlich und hilfreich bleibt.

• Klare visuelle Hinweise geben (Farbe, Form, Schatten).
• Einheitliche Konventionen nutzen (z. B. Blau für Links).
• Feedback einsetzen, z. B. mit Mikrointeraktionen.
• Konsistenz wahren: Gleiche Handlungen sollten gleich aussehen.

Und das lassen wir mal lieber:

• Reine Deko ohne Funktion.
• Übermäßige Bewegung, die ablenkt.
• Animationen über 300 Millisekunden – wirken träge.
• Wiederholungen ohne Mehrwert.
• Ignorieren von Accessibility-Settings wie prefers-reduced-motion.