Overview
Direct Answer
An affordance is a design property that communicates the function or interaction method of an object through its form, appearance, or spatial arrangement, enabling users to discover actions intuitively without explicit instruction. It bridges the gap between user intent and interface capability by signalling behavioural possibilities.
How It Works
Affordances operate through visual, tactile, or spatial cues that map to user mental models. A raised button affords pressing; a slider affords dragging; a recessed handle affords pulling. The mechanism relies on consistency with real-world object behaviour and established interface conventions, allowing users' prior experience to transfer directly to new systems.
Why It Matters
Strong affordances reduce cognitive load, decrease support costs, and accelerate user onboarding. They lower the barrier to feature discovery and reduce errors from misinterpreted interactions, directly improving usability metrics and user satisfaction. Teams optimising for accessibility and inclusive design rely heavily on clear affordances to serve diverse user populations.
Common Applications
Physical product design (door handles indicating push versus pull), web interfaces (underlined text signalling hyperlinks), mobile applications (swipe gestures for navigation), and software dashboards (button styling suggesting clickability). Enterprise applications employ consistent affordances to minimise training requirements across large user bases.
Key Considerations
Cultural and generational variations in user mental models can reduce affordance effectiveness; what appears intuitive in one context may confuse in another. Over-reliance on subtle visual affordances without redundant cues risks excluding users with visual impairments or atypical interaction patterns.
More in UX & Product Design
Responsive Design
Design & PrototypingA web design approach where layouts adapt to different screen sizes and devices automatically.
Component Library
Design & PrototypingA collection of pre-built, reusable UI components that maintain consistency across applications.
Fitts's Law
Research & StrategyA predictive model of human movement stating that time to reach a target depends on distance and size.
Accessibility
Testing & AnalyticsDesigning products and services that can be used by people with a wide range of abilities and disabilities.
Service Design
Research & StrategyThe practice of designing and organising business resources to improve experiences for both users and employees.
A/B Testing
Testing & AnalyticsComparing two versions of a design to determine which performs better against a specific objective.
Conversion Rate Optimisation
Testing & AnalyticsThe practice of increasing the percentage of users who complete a desired action on a website.
Design System
Design & PrototypingA collection of reusable components, guidelines, and standards for building consistent digital products.