Affordance

UI/UX Design

What is Affordance?

A design cue that signals how an element can be used — e.g., a raised button affords pressing, an underlined link affords clicking.

See “Affordance” in Real SaaS Products

activecampaign screenshot 14
ActiveCampaign logo

ActiveCampaign

Email Marketing · Form

activecollab screenshot 3
ActiveCollab logo

ActiveCollab

Project Management Software · Navigation

activecollab screenshot 5
ActiveCollab logo

ActiveCollab

Project Management Software · Form

airtable screenshot 15
Airtable logo

Airtable

Productivity · Form

arrows screenshot 11
Arrows logo

Arrows

Customer Experience · Form

arrows screenshot 14
Arrows logo

Arrows

Customer Experience · Form

attio screenshot 22
Attio logo

Attio

CRM · Form

ballpark screenshot 13
Ballpark logo

Ballpark

App Experience · Form

ballpark screenshot 17
Ballpark logo

Ballpark

App Experience · Form

← Back to Glossary|Explore SaaS UI Patterns