Feature Story

Affordance In Design

An affordance is what someone can do with an object. When you see a well-designed everyday product, the perceived affordances should indicate how to use it. You shouldn't have to struggle to figure out how to use your shower to take a shower, and you shouldn't have to use trial and error—perhaps drenching yourself in cold water in the process. The design of an everyday thing should make it evident. An object should communicate a good part of how to use it through its affordances.

affordance

Affordance
Affordance

Affordance Definition In Design

#affordances #illustration The properties of an object which allow it’s function.

Afficher l'image d'origine

a person is pouring coffee into a cup
a person is pouring coffee into a cup
Affordance in user interface design
Affordance in user interface design

Affordance Theory In Design

Some doors even have labels on them to describe its function. It seems poorly-designed if they need labels, don't you think?

an assortment of kitchen utensils arranged on a white surface
an assortment of kitchen utensils arranged on a white surface
What are examples of affordances?
What are examples of affordances?

Affordances - Ricerca Google

Affordance Meaning In Design

Affordance

Article from the Interaction Design Foundation detailing Don Norman's ideas of signifiers, affordances and perceived affordances. A great breakdown.

an electrical outlet plugged in to a wall charger on a tiled wall with brown tiles
an electrical outlet plugged in to a wall charger on a tiled wall with brown tiles
the instructions for how to make a paper towel holder with two people standing on top
the instructions for how to make a paper towel holder with two people standing on top
the instructions for how to use an electric light switch
the instructions for how to use an electric light switch
an electric plug with the word universal plug on it's side and a black cord connected to it
an electric plug with the word universal plug on it's side and a black cord connected to it
Difference Between Signifiers, Affordances, & Perceived Affordances.
Difference Between Signifiers, Affordances, & Perceived Affordances.
a woman standing in front of a white bowl
a woman standing in front of a white bowl
a woman sitting at a table using a laptop computer
a woman sitting at a table using a laptop computer
Affordance
Affordance
What's an Affordance in UX Design? - UX Terms to Know
What's an Affordance in UX Design? - UX Terms to Know
a wire basket sitting on top of a wooden floor
a wire basket sitting on top of a wooden floor

My one of the main goals! To achieve to create products than can be used for everyone, even it's focused for certain users

27 Cleverly Designed Products That Make Life Easier

Poignée à tirer pour ouvrir

Curious what an affordance in UX is? Learn what they are through real-life examples and find out how these UX affordances shape user-centric experiences.