Affordance
Affordance is a design concept that means making things visually obvious about how they should be used. In web design, it's about making buttons look clickable, links look tappable, or scroll bars appear movable. Think of a door handle - its shape tells you whether to push or pull. Similarly, web designers use affordances to make websites intuitive and user-friendly. For example, making buttons appear raised so users know they can click them, or adding shadows under cards to show they can be moved. This concept is central to user experience (UX) design and helps make websites easier for people to use without instructions.
Examples in Resumes
Improved user engagement by implementing clear Affordance principles in button and link designs
Redesigned navigation elements with strong Affordance cues, reducing user confusion by 40%
Applied Affordance and Visual Affordance concepts to create intuitive user interfaces
Typical job title: "UX/UI Designers"
Also try searching for:
Where to Find UX/UI Designers
Online Communities
Professional Networks
Learning Resources
Example Interview Questions
Senior Level Questions
Q: How do you evaluate the effectiveness of affordances in a design?
Expected Answer: A senior designer should discuss user testing methods, analytics tracking, heat maps, and how they measure whether users understand and interact with design elements as intended. They should mention examples of successful affordance improvements they've implemented.
Q: How do you balance innovative design with familiar affordances?
Expected Answer: Should explain how they maintain creativity while ensuring users can still easily understand how to interact with new design elements, providing examples of successfully introducing novel interactions while maintaining usability.
Mid Level Questions
Q: Can you explain different types of affordances used in web design?
Expected Answer: Should be able to describe explicit affordances (like buttons that look clickable) and implicit affordances (like spacing that suggests scrolling), with real-world examples of each.
Q: How do you handle affordances across different devices and screen sizes?
Expected Answer: Should discuss how affordances change between desktop and mobile interfaces, touch vs. mouse interactions, and how they ensure consistent user understanding across devices.
Junior Level Questions
Q: What is affordance in web design and why is it important?
Expected Answer: Should be able to explain that affordance means making it visually clear how to interact with elements, using examples like buttons that look clickable or menus that look expandable.
Q: How do you make a button more affordant?
Expected Answer: Should discuss visual cues like shadows, hover effects, distinct colors, and shapes that make buttons look clickable and stand out from regular text.
Experience Level Indicators
Junior (0-2 years)
- Basic understanding of visual design principles
- Creating simple clickable elements
- Understanding of common web patterns
- Basic prototyping skills
Mid (2-5 years)
- Creating complex interactive elements
- Mobile and responsive design
- User testing and feedback collection
- Advanced prototyping
Senior (5+ years)
- Leading design systems development
- Complex interaction design
- User research and testing strategy
- Team mentoring and design direction
Red Flags to Watch For
- No understanding of basic user interface conventions
- Cannot explain how design choices impact user behavior
- No experience with user testing or feedback
- Focuses only on aesthetics without considering usability
Related Terms
Need more hiring wisdom? Check these out...
From Passive to Active: Nurturing Candidates Over the Long Haul
Workforce Solutions Aggregators: The Next Big Thing You Didn't Know You Needed
The Magnetic Pull of Social Proof: How to Make Candidates Flock to Your Company
