Reference entry content
Concept facts
Affordance refers to what an object, interface, or environment makes possible for action, and in interaction design often includes how available actions are perceived by users.
- Also known as
- Perceived affordance, action possibility, interaction cue, usability cue
- Used in
- Interface design, interaction design, product evaluation, form controls, navigation, error prevention, onboarding
- Interpret with
- Perception, signifiers, feedback, constraints, mental models, accessibility, task context, and user experience
Plain-language explanation
Affordance describes what a thing allows a person to do. In digital interfaces, the term is often used to discuss whether a user can recognize what action is possible, such as pressing a button, dragging an item, opening a menu, typing in a field, or expanding a section.
An interface may technically allow an action, but the user may not perceive it. For example, text may be clickable but not look like a link. A button may look disabled even when it is active. A card may be draggable but provide no visual cue.
Affordances are closely connected to mental models, feedback, and signifiers. Users need to recognize what can be done, understand what happened after action, and recover if the action was not what they intended.
Why it matters
Weak affordances increase hesitation, errors, missed actions, and unnecessary exploration. Users may fail to complete a task because the available action is not visible, understandable, or accessible.
Affordance problems can be especially harmful in forms, navigation systems, dashboards, mobile interfaces, and service journeys where people must choose among several possible actions.
Good affordance design helps users act with confidence without relying on trial and error.
Use contexts
- Buttons, links, and controls
- Forms and input fields
- Menus and navigation
- Drag-and-drop or expandable interfaces
- Mobile gestures
- Dashboards and interactive cards
- Error prevention and onboarding
Application guidance
Check whether users can recognize what actions are possible without explanation. Look at visual cues, labels, spacing, state changes, pointer behavior, keyboard behavior, focus indicators, and feedback after action.
Do not rely only on visual appearance. A control should also be accessible through appropriate semantic markup, keyboard interaction, labels, and assistive technology support where relevant.
If users repeatedly miss, misread, or misuse an action, the issue may involve affordance, feedback, mental model mismatch, or unclear signifiers.
Practical example
A public-service dashboard shows each application record as a rectangular card. The card contains status information, but the action to open case details is hidden behind a small icon with no visible label.
Staff users do not realize that the card is interactive and continue searching for case details elsewhere. A clearer affordance, such as a visible “View case details” action with keyboard focus support, makes the available action easier to perceive.
Interpretive boundaries
- Affordance is not only visual styling.
- Perceived affordance and actual system capability can differ.
- An action can be available but not discoverable.
- Affordance should be interpreted with user context, accessibility, and task goals.
- More visible controls are not always better if they create clutter or competing actions.
Applied at Userhub
Affordance is relevant when Userhub evaluates whether users can recognize, understand, and perform important actions in digital products, forms, service journeys, and learning interfaces.
See Userhub UX Lab for applied UX research and evaluation context.
Sources and references
- Gibson, J. J. (1979). The Ecological Approach to Visual Perception. Houghton Mifflin.
- Gaver, W. W. (1991). Technology affordances. Proceedings of the SIGCHI Conference on Human Factors in Computing Systems, 79–84. https://doi.org/10.1145/108844.108856
- Hartson, R. (2003). Cognitive, physical, sensory, and functional affordances in interaction design. Behaviour & Information Technology, 22(5), 315–338. https://doi.org/10.1080/01449290310001592587
- Norman, D. A. (2013). The Design of Everyday Things (Revised and expanded ed.). Basic Books.
—
Cite this entry
APAUserhub. (2026). Affordance. UX Reference. https://userhub.com.bd/reference/affordance/