Week 1️⃣ 6️⃣

Affordance

🔊 Audio
📜 Show transcript

Affordance is a design term that describes the qualities of an object that suggest how it should be used. A really good design tells you what to do just by the way it looks or feels, no instructions needed.

We see affordance everywhere in daily life. A pair of scissors practically explains itself: the loops invite your fingers, the blades invite cutting. The best designs communicate their purpose without words. But when affordance fails, frustration follows. The classic example is the Norman Door, named after designer Don Norman. These are doors you pull when you're meant to push, or push when you're meant to pull. Their shape sends the wrong signal, so the user feels clumsy, even though it's really bad design at work.

Now compare the design of older and newer cars. Many manufacturers have replaced tactile knobs and levers with touchscreens, smooth slabs of glass that all look and feel the same. There's no affordance anymore, just frustration disguised as minimalism. It's a problem with real consequences. China has become the first country to ban hidden door handles on electric vehicles, a design made popular by Elon Musk's Tesla. Sleek and flush with the car's body, they look striking but leave users fumbling, especially in an emergency. When style overrides affordance, safety pays the price.

Affordance also drives how we interact with technology, and nowhere was this more revolutionary than at Xerox PARC in the 1970s. Researchers there invented the graphical user interface, and with it, a powerful design idea: skeuomorphism. This means making digital objects look and behave like their real-world counterparts, so users instantly understood them. The "desktop" wasn't just a cute metaphor; it was a deliberate affordance. Files, folders, a trash can, all borrowed from the physical office so that computers felt immediately familiar, even to complete beginners.

That thinking shaped the icons we still use today. The floppy disk save icon is perhaps the most enduring example. Most users today have never held a floppy disk, yet the symbol still universally means "save." Similarly, the shopping cart, the envelope for email, the magnifying glass for search, all skeuomorphic affordances that told users exactly what to do without a single word of instruction.

When Apple launched the iPhone, it doubled down on this approach: digital buttons looked raised and pressable, bookshelves had wooden shelves, notepads had ruled lines. Touch felt natural because the visuals promised it would work. That's affordance at its most powerful, design that earns your trust before you've even used it.

At its heart, affordance is about communication between human and object. It makes design feel natural, trustworthy, even invisible. And when it's missing, whether in a Norman Door, a dashboard, or a badly designed app, we're reminded that good design doesn't just look sleek. It tells you how to use it.

📽️ Slideshow
Week 16 Page 1 Week 16 Page 2 Week 16 Page 3 Week 16 Page 4 Week 16 Page 5 Week 16 Page 6 Week 16 Page 7 Week 16 Page 8 Week 16 Page 9 Week 16 Page 10 Week 16 Page 11 Week 16 Page 12 Week 16 Page 13 Week 16 Page 14 Week 16 Page 15 Week 16 Page 16 Week 16 Page 17 Week 16 Page 18 Week 16 Page 19
1 / 16

📥 Download all slides (ZIP)

📺 Video
🔑 Key Vocabulary
    • Accessibility – how easily a design can be used by people of all abilities.
    • Affordance – visual or physical clues that suggest how an object should be used.
    • Ambiguity – when a design’s purpose or function is unclear.
    • Clarity – the quality of being easy to see, understand, or interpret.
    • Cognitive overload – when too much information overwhelms the user.
    • Consistency – keeping similar controls and layouts across systems.
    • Constraint – a feature that limits how something can be used to prevent error.
    • Discoverability – how easily users can find available functions.
    • Ergonomics – designing for human comfort and efficiency.
    • Feedback – a system’s response showing that an action has worked.
    • Hidden controls – essential features not visible or obvious to the user.
    • Intuitive design – design that feels natural and requires no explanation.
    • Learnability – how quickly users can understand and remember how to use something.
    • Low affordance – when a design doesn’t clearly indicate how it should be used.
    • Mapping – the relationship between controls and their real-world effects.
    • Mental model – a user’s internal understanding of how something works.
    • Perceived affordance – what users think they can do based on appearance.
    • Simplicity – reducing unnecessary complexity in design.
    • Signifier – a cue or symbol that indicates possible actions.
    • Usability – how effectively and efficiently users can achieve their goals.

    📄 Download full vocabulary (PDF)

💬 Conversation Questions
  1. Which everyday object do you think has the worst affordance, and why?
  2. Have you ever struggled to use a device because its design was unclear?
  3. What’s an example of a product you find very intuitive to use?
  4. How do clear signifiers improve a user’s experience with a product?
  5. Why do you think public machines like parking meters often cause cognitive overload?
  6. Can you think of a design that relies too heavily on hidden controls?
  7. How do your mental models affect the way you approach unfamiliar technology?
  8. What’s an example of a design that gives excellent feedback to the user?
  9. How important is consistency in the usability of everyday objects?
  10. Which redesign of a common object do you think would improve simplicity or clarity the most?
🌐 Links