--- title: "Signifier" url: "https://www.insideuxdesign.com/de/glossar/signifier" language: "de" description: "Was ist ein Signifier im UX-Design und wie unterscheidet er sich von Affordance? Erfahre es mit Beispiel und Praxistipps für klare Hinweise." published: "2026-10-14T15:19:54+02:00" updated: "2026-10-14T15:19:54+02:00" --- # Signifier Ein Signifier ist ein wahrnehmbarer Hinweis, der zeigt, was du mit einem Element tun kannst und wo, zum Beispiel ein Türschild „Ziehen“ oder ein Button mit klarer Fläche. - **Buchstabe:** S - **Englischer Begriff:** Signifier UX-Glossar · engl. Signifier # Signifier Ein Signifier ist ein wahrnehmbarer Hinweis, der zeigt, was du mit einem Element tun kannst und wo, zum Beispiel ein Türschild „Ziehen“ oder ein Button mit klarer Fläche. Stell dir vor, du stehst vor einer Glastür in einem Bürogebäude. Auf beiden Seiten hängt derselbe Bügelgriff. Du ziehst, nichts passiert. Du drückst, die Tür geht auf. Öffnen ließ sie sich die ganze Zeit. Gefehlt hat nur ein Hinweis, wie. Am Bildschirm passiert dasselbe ständig: Ein grauer Text in einer App ist in Wahrheit ein Button, aber nichts verrät das. ## Einfach erklärt Ein Signifier (auf Deutsch etwa „Hinweiszeichen“) ist ein wahrnehmbarer Hinweis, der dir zeigt, was du mit einem Ding tun kannst und wo. Im Alltag ist das zum Beispiel das Schild „Ziehen“ an einer Tür oder eine flache Metallplatte, die förmlich zum Drücken einlädt. Der Begriff stammt von Don Norman, Kognitionswissenschaftler und Autor des Klassikers [The Design of Everyday Things](https://www.insideuxdesign.com/de/ressourcen/the-design-of-everyday-things). Norman hatte 1988 den Begriff Affordance ins Design gebracht. Weil dieser in der Praxis oft unscharf verwendet wurde, schlug er 2008 in einer Kolumne für die Fachzeitschrift ACM Interactions vor, stärker von Signifiers zu sprechen. In der überarbeiteten Ausgabe seines Buchs von 2013 hat er das Konzept ausführlich eingeführt. ## Affordance und Signifier: der Unterschied Eine [Affordance](https://www.insideuxdesign.com/de/glossar/affordance) beschreibt, welche Handlung zwischen einem Objekt und einem Menschen überhaupt möglich ist. Ein Stuhl ermöglicht Sitzen, eine Tür ermöglicht Öffnen. Der Signifier ist das Signal, das diese Möglichkeit sichtbar macht. Kurz gesagt: Die Affordance bestimmt, was geht. Der Signifier zeigt, was geht und wo. Digital ist dieser Unterschied besonders wichtig. Auf einem Bildschirm könnte fast jedes Element anklickbar sein. Ob es eine Handlung erlaubt, entscheidet der Code. Ob Menschen das bemerken, entscheiden die Signifier: farbige, unterstrichene Links, Buttons mit Fläche oder Rahmen, ein Mauszeiger, der zur Hand wird, eine Lupe im Suchfeld oder ein Platzhaltertext, der sagt, was ins Feld gehört. Norman weist auch auf Signifier hin, die niemand absichtlich gestaltet hat. Sein Beispiel ist ein Trampelpfad quer über eine Wiese: Er zeigt, wo Menschen tatsächlich gehen wollen. Solche sozialen Hinweise gibt es auch digital, etwa Bewertungen oder Angaben dazu, wie viele andere etwas schon genutzt haben. ## Ein Beispiel Ein Beispiel: In einer Banking-App stehen unter dem Kontostand drei Wörter in grauer Schrift: „Überweisen“, „Daueraufträge“ und „Export“. Man kann sie antippen, sie sehen aber aus wie eine Beschriftung. Viele Menschen suchen die Überweisung deshalb im Menü und brauchen deutlich länger als nötig. Nach der Überarbeitung bekommt jedes Element ein Icon, eine farbige Fläche und abgerundete Ecken. Die Funktionen sind dieselben. Jetzt sieht man ihnen aber an, dass man sie antippen kann. ## Häufige Missverständnisse Oft heißt es: „Der Button braucht mehr Affordance.“ Gemeint ist fast immer ein deutlicherer Signifier, denn klicken ließ sich der Button ja schon vorher. Ein Signifier ist außerdem nicht automatisch ein Icon. Auch Text, Position, Form, Farbe und Bewegung geben Hinweise. Und Signifier können täuschen: Ein unterstrichenes Wort, das kein Link ist, verspricht eine Handlung, die es nicht gibt. ## In der Praxis - **Mach Klickbares eindeutig.** Gib interaktiven Elementen mindestens ein klares Merkmal wie Farbe, Fläche oder Unterstreichung. Wie schnell ein Icon allein missverstanden wird, zeigt der Artikel [Die 4 meistgestellten Fragen zum Burger-Menü](https://www.insideuxdesign.com/de/blog/die-4-meistgestellten-fragen-zum-burger-menue). - **Bleib konsistent.** Wenn Links mal blau und mal schwarz sind, verlieren Signifier ihre Aussagekraft. Ein [Design System](https://www.insideuxdesign.com/de/glossar/design-system) hilft, Hinweise überall gleich zu gestalten. - **Teste ohne Erklärung.** Im [Usability-Test](https://www.insideuxdesign.com/de/glossar/usability-test) siehst du, ob Menschen eine Funktion von selbst finden. Musst du sie darauf hinweisen, fehlt ein Signifier. ## Verwandte Begriffe [Affordance](https://www.insideuxdesign.com/de/glossar/affordance), [Mentales Modell](https://www.insideuxdesign.com/de/glossar/mentales-modell), [Microcopy](https://www.insideuxdesign.com/de/glossar/microcopy), [Hamburger-Menü](https://www.insideuxdesign.com/de/glossar/hamburger-menue) ## Quellen - [Don Norman: Signifiers, not affordances. ACM Interactions 15 (6), 2008](https://jnd.org/signifiers-not-affordances/) - [Don Norman: The Design of Everyday Things, Revised and Expanded Edition. Basic Books, 2013](https://jnd.org/the-design-of-everyday-things-revised-and-expanded/) ## Weitere Begriffe [ ### A/B-Test Ein A/B-Test ist ein Experiment, bei dem zwei Varianten einer Seite oder eines Elements gleichzeitig an zufällig aufgeteilte Besuchende ausgespielt werden. So entscheidest du anhand echter Daten, welche Variante besser funktioniert. ](https://www.insideuxdesign.com/de/glossar/a-b-test) [ ### ARIA ARIA ist ein W3C-Standard, der HTML um Rollen, Zustände und Eigenschaften ergänzt. So erfahren Screenreader, was ein Element ist und wie es sich gerade verhält. ](https://www.insideuxdesign.com/de/glossar/aria) [ ### Affordance Eine Affordance beschreibt, welche Handlung ein Objekt möglich macht und ob Menschen das erkennen: Ein Button lädt zum Drücken ein, ein Griff zum Ziehen. ](https://www.insideuxdesign.com/de/glossar/affordance) [ ### Alternativtext Ein Alternativtext ist eine kurze Textfassung eines Bildes im HTML-Attribut alt. Screenreader lesen ihn vor, damit Menschen, die das Bild nicht sehen, dieselbe Information bekommen. ](https://www.insideuxdesign.com/de/glossar/alternativtext) [ ### Arbeitsgedächtnis Das Arbeitsgedächtnis hält Informationen für kurze Zeit fest, damit du mit ihnen arbeiten kannst. Es fasst nur wenig, deshalb sollten Interfaces möglichst wenig Merkarbeit verlangen. ](https://www.insideuxdesign.com/de/glossar/arbeitsgedaechtnis) [ ### Atomic Design Atomic Design ist eine Methode, Benutzeroberflächen aus kleinen, wiederverwendbaren Bausteinen aufzubauen: von einzelnen Elementen wie Buttons bis zu ganzen Seiten. ](https://www.insideuxdesign.com/de/glossar/atomic-design) [ ### BFSG Das Barrierefreiheitsstärkungsgesetz (BFSG) verpflichtet seit dem 28. Juni 2025 viele Unternehmen, bestimmte Produkte und digitale Dienstleistungen wie Onlineshops barrierefrei zu gestalten. ](https://www.insideuxdesign.com/de/glossar/bfsg) [ ### Barrierefreiheit Barrierefreiheit bedeutet, dass Websites, Apps und digitale Dokumente so gestaltet sind, dass alle Menschen sie nutzen können, auch mit einer Seh-, Hör-, motorischen oder kognitiven Behinderung. ](https://www.insideuxdesign.com/de/glossar/barrierefreiheit) [ ### Card Sorting Card Sorting ist eine Research-Methode, bei der Menschen Begriffe auf Karten in Gruppen sortieren. So siehst du, wie sie Inhalte gedanklich ordnen, und kannst eine verständliche Navigation planen. ](https://www.insideuxdesign.com/de/glossar/card-sorting) [ ### Cognitive Load Cognitive Load ist die geistige Anstrengung, die nötig ist, um eine Oberfläche zu verstehen und zu bedienen. Je weniger unnötige Denkarbeit ein Design verlangt, desto leichter fällt die eigentliche Aufgabe. ](https://www.insideuxdesign.com/de/glossar/cognitive-load) [ ### Contextual Inquiry Contextual Inquiry ist eine Research-Methode, bei der du Menschen in ihrem echten Arbeitsumfeld beobachtest und befragst. So siehst du, wie sie Aufgaben tatsächlich erledigen, nicht nur, wie sie davon erzählen. ](https://www.insideuxdesign.com/de/glossar/contextual-inquiry) [ ### Conversion Eine Conversion ist eine gewünschte Aktion auf einer Website oder in einer App, etwa ein Kauf oder eine Anmeldung. Die Conversion Rate zeigt, welcher Anteil der Besuche dazu führt. ](https://www.insideuxdesign.com/de/glossar/conversion)