# Signifier
Signifier is a term introduced by [[Don Norman]] in the revised 2013 edition of *The Design of Everyday Things* to clarify the distinction between what actions are possible ([[Affordance]]) and what communicates those possibilities to users. While affordances exist whether or not they are perceivable, signifiers are the perceptual cues that signal to users where actions should take place and how. Norman adopted this term because "affordance" was being misused in design to mean "the way we communicate where to click."
Signifiers are essential to good [[Interaction Design (IxD)]] because users cannot act on affordances they don't perceive. A door that opens by pushing affords pushing (the affordance), but a flat metal plate signals "push here" (the signifier). A button that can be clicked affords clicking, but its raised appearance, color, and label signify clickability. Effective signifiers are discoverable, understandable, and consistent. Poor or absent signifiers lead to user confusion and errors—the hallmark of bad design.
## Affordance vs Signifier
```
┌─────────────────────────────────────────────────────────────┐
│ AFFORDANCE vs SIGNIFIER │
├─────────────────────────────────────────────────────────────┤
│ │
│ AFFORDANCE SIGNIFIER │
│ (What IS possible) (What SIGNALS possible) │
│ │
│ ┌─────────────────────┐ ┌─────────────────────┐ │
│ │ │ │ │ │
│ │ The door CAN be │ │ The flat plate │ │
│ │ pushed open │ │ SIGNALS "push" │ │
│ │ │ │ │ │
│ │ (Physical fact) │ │ (Perceptual cue) │ │
│ │ │ │ │ │
│ └─────────────────────┘ └─────────────────────┘ │
│ │
│ • Exists in reality • Must be perceived │
│ • Relationship: user-object • Communication: design │
│ • Can be hidden • Should be visible │
│ • From Gibson's psychology • Norman's design term │
│ │
│ Good design: Signifiers accurately communicate affordances │
│ │
└─────────────────────────────────────────────────────────────┘
```
## Types of Signifiers
| Type | Description | Example |
|------|-------------|---------|
| **Explicit** | Clear labels, text | "Push" sign on door |
| **Implicit** | Shape, position suggest action | Raised button surface |
| **Iconic** | Symbols indicating function | Play ▶ Pause ⏸ icons |
| **Conventional** | Learned associations | Blue underlined = link |
| **Social** | Others' behavior as signal | Queue forming at door |
| **Accidental** | Unintended cues | Wear marks showing use |
## Signifiers in Digital Design
| Element | Signifier | Affordance Communicated |
|---------|-----------|------------------------|
| **Button** | Raised appearance, color, label | Can be clicked |
| **Link** | Blue text, underline | Can be clicked/navigated |
| **Text field** | Border, placeholder, cursor | Can be typed in |
| **Slider** | Track with handle | Can be dragged |
| **Checkbox** | Square box | Can be toggled |
| **Scrollbar** | Bar indicating position | Can scroll |
| **Drag handle** | ⋮⋮ six-dot pattern | Can be dragged |
| **Hover state** | Cursor change, highlight | Interactive element |
## Signifier Quality
| Quality | Description |
|---------|-------------|
| **Discoverable** | Users can find them |
| **Understandable** | Meaning is clear |
| **Consistent** | Same signifier = same meaning |
| **Visible** | Perceivable at right time |
| **Accurate** | Correctly indicates affordance |
| **Accessible** | Works for all users |
## Problems with Signifiers
| Problem | Description | Example |
|---------|-------------|---------|
| **Missing** | No signifier for real affordance | Hidden feature |
| **False** | Signifier for non-existent affordance | Unclickable button-styled element |
| **Misleading** | Wrong affordance communicated | Push door looks like pull |
| **Inconsistent** | Same signifier, different meanings | Varying icon meanings |
| **Overwhelming** | Too many competing signifiers | Cluttered interface |
| **Inaccessible** | Only works for some users | Color-only signifiers |
## Physical vs Digital Signifiers
| Aspect | Physical World | Digital World |
|--------|----------------|---------------|
| **Affordances** | Constrained by physics | Can be anything |
| **Signifiers** | Often inherent in form | Must be designed |
| **Consistency** | Limited by material | Requires standards |
| **Discovery** | Touch, manipulate | Hover, click, explore |
| **Feedback** | Immediate, physical | Designed, may lag |
## Norman's Design Vocabulary
| Term | Definition |
|------|------------|
| **Affordance** | What actions are physically possible |
| **Signifier** | What communicates where to act |
| **Constraint** | What limits actions |
| **Mapping** | Relationship between control and effect |
| **Feedback** | Information about action result |
| **Conceptual model** | User's understanding of system |
## Designing Effective Signifiers
| Guideline | Application |
|-----------|-------------|
| **Make signifiers visible** | Don't hide interactive elements |
| **Use conventions** | Build on learned patterns |
| **Be consistent** | Same appearance = same function |
| **Provide feedback** | Confirm actions were received |
| **Don't rely on single channel** | Combine visual, text, shape |
| **Test discoverability** | Users should find affordances |
## Examples
| Design | Signifier | Notes |
|--------|-----------|-------|
| **Door push plate** | Flat metal plate | Signals "push here" |
| **Door pull handle** | Vertical bar | Signals "pull" |
| **Faucet** | Blue/red markings | Signals temperature |
| **Toggle switch** | Position, sometimes color | Signals on/off state |
| **Mobile swipe** | Partial content visible | Signals "swipe for more" |
## References
- Norman, D. (2013). *The Design of Everyday Things* (revised edition)
- Norman, D. (2008). "Signifiers, Not Affordances" (interactions magazine)
- https://www.nngroup.com/articles/affordance-signifier/
## Related
- [[Affordance]]
- [[Don Norman]]
- [[Interaction Design (IxD)]]
- [[User Experience (UX)]]
- [[Human-Computer Interaction (HCI)]]
- [[Perception]]
- [[Usability]]