The Confusing Button
A Socratic Lab on UX Affordances
UX Affordances: The Confusing Button
Act 1: The Hook
Imagine you are using a new microwave. There is a flat surface with a painted square that says "Push". When you push it, nothing happens. Is the microwave broken, or is the design flawed?
Socratic Prompt
Why do you expect something to happen when you push the square? What cues in your environment have taught you this behavior?
Act 2: Mental Model
Don Norman introduced the concept of "affordances" in design. An affordance is a relationship between the properties of an object and the capabilities of the agent that determine just how the object could possibly be used. A button "affords" pushing. If a flat surface is painted to look like a button, it creates a false affordance.
Socratic Prompt
Can you think of a digital interface where a visual element looked clickable but wasn't? How did that impact your experience?
Act 3: The Rabbit Hole
Consider a modern touchscreen interface. There is no physical feedback. How do designers communicate affordances without tactile cues? We rely on signifiers—indicators that communicate where the action should take place.
Socratic Prompt
If you were to redesign the microwave control panel without any physical buttons, what visual signifiers would you use to ensure the user knows exactly how to operate it on the first try?