An affordance is what an object or environment makes possible for the person (or animal) interacting with it. A chair affords sitting. A handle affords pulling. A flat plate on a door affords pushing. The term describes the relationship between a thing and its user, capturing what actions are available based on the properties of both. It’s a concept that started in psychology and became one of the most important ideas in modern design.
Where the Term Came From
Psychologist James J. Gibson coined the word “affordance” in the late 1960s and fully developed it in his 1979 book, The Ecological Approach to Visual Perception. He wrote: “The affordances of the environment are what it offers the animal, what it provides or furnishes, either for good or ill.” He acknowledged he’d made the word up, because no existing term captured what he meant.
Gibson’s key insight was that an affordance belongs neither to the object alone nor to the person alone. It exists in the relationship between the two. A tree stump affords sitting for an adult human, but not for an elephant. A shallow stream affords wading for a person but affords swimming for a small dog. The physical properties haven’t changed, but the affordance shifts depending on who’s interacting with the environment. As Gibson put it, “An affordance cuts across the dichotomy of subjective-objective and helps us to understand its inadequacy. It is equally a fact of the environment and a fact of behavior.”
How Affordances Entered Design
The concept jumped from psychology into design through Don Norman’s 1988 book, The Design of Everyday Things. Norman used affordances to explain why some products feel intuitive and others feel baffling. His most famous example is the door. A flat metal plate on a door affords pushing: your hand naturally presses against it. A vertical handle affords pulling: your fingers wrap around it and draw back. When a door has a pull handle on the side you’re supposed to push, you get what’s often called a “Norman Door,” a design so poorly matched to its affordance that people constantly use it wrong.
Norman’s application made affordances a foundational concept in product design, architecture, and eventually digital interfaces. If a well-designed object communicates what you can do with it just by its shape, texture, or placement, the affordance is doing its job.
Affordances vs. Signifiers
One important distinction that trips people up: an affordance is not the same thing as a signifier. Norman himself introduced the term “signifier” in the 2013 edition of his book specifically because designers kept confusing the two. Here’s the difference. An affordance determines what actions are possible. A signifier communicates where and how to take that action.
A door with hinges on one side affords swinging open, whether or not there’s a “Push” sign on it. That’s the affordance. The “Push” sign is the signifier, a visual cue that helps you perceive the affordance. Signifiers and affordances often work together, but they can exist independently. An affordance can be invisible (a hidden latch you don’t notice), and a signifier can be misleading (a “Push” sign on a sliding door). Much of what designers actually work on day to day turns out to be signifiers, not affordances themselves.
Affordances in Digital Interfaces
On screens, affordances work differently than in the physical world because you can’t touch, grip, or push digital elements the way you can physical objects. Designers rely heavily on visual cues borrowed from real-world experience to suggest what’s possible. Buttons are a classic example: they look raised or three-dimensional, mimicking physical buttons you’d press with a finger. An input field with placeholder text like “Enter email address” affords typing into it. Colored, underlined text affords clicking because years of web use have trained people to recognize it as a link.
Drop-down menus represent what’s sometimes called a hidden affordance. The menu items exist and are available, but you can’t see them until you hover over or click the parent tab. The affordance is real, just not immediately visible. On the other end of the spectrum, a greyed-out button signals a negative or blocked affordance: the action exists in principle, but it’s currently unavailable, typically because you need to complete another step first.
False affordances are a real problem in digital design. Text that’s colored and underlined but isn’t actually a link looks clickable when it isn’t. A website logo that doesn’t link back to the homepage breaks an expectation users have built up across thousands of sites. These mismatches between perceived and actual affordances create frustration, and they’re exactly the kind of design failure the concept helps identify.
Types of Affordances
Beyond physical and digital contexts, researchers have identified several categories:
- Physical affordances are the most straightforward. A ladder affords climbing. A knob affords turning. These depend on the match between an object’s properties and a person’s body and abilities.
- Cognitive affordances relate to learning and understanding. A well-organized tutorial affords gaining new knowledge. Social media platforms like YouTube afford learning a new skill by watching someone demonstrate it.
- Social affordances involve human connection and group belonging. A group chat affords community. A forum organized around a shared interest affords finding people with similar experiences.
These categories matter because they expand the idea beyond physical objects. When researchers study how technology affects people, they often frame the analysis in terms of what a platform or tool affords, not just what it was designed to do, but what behaviors it makes easy, likely, or possible.
Why the Concept Matters
Affordances give you a practical lens for understanding why some things feel obvious to use and others don’t. The idea shifts blame away from the user (“I’m not smart enough to figure out this door”) and toward the design (“This door doesn’t communicate how it works”). That reframing changed how an entire generation of designers, engineers, and architects think about their work.
It also helps explain behavior in subtler ways. People don’t just respond to what an object is “for” in some official sense. They respond to what it appears to make possible. A wide ledge affords sitting whether or not it was designed as a bench. A social media platform affords surveillance of other people’s lives whether or not that was its intended purpose. Affordances describe the real relationship between people and things, which is often messier and more interesting than the intended one.