What is it?

Affordance refers to how an element visually or contextually suggests how it should be used. Clear affordances help users understand available actions without instruction.

Poor affordance increases friction and error.

Examples in Action

• Buttons that look clickable
  
• Input fields with clear labels
  
• Interactive elements with visual feedback
  
• Consistent icon usage
  

Typical Outcomes / Results

• Reduced user confusion
  
• Faster interaction
  
• Fewer errors
  
• Improved task completion
  

This definition reflects core interaction design principles.