Affordances Vs. Signifiers: The importance of affordances and signifiers in user experience.

Affordances and signifiers are two important concepts in the field of user experience (UX) design. Both concepts deal with how users interact with and understand the interface of a product, but they do so in different ways.

Affordances

Affordances refer to the properties of an object or environment that make it usable for certain actions. For example, a door knob affords turning, a chair affords sitting, and a button affords pressing. Affordances are the intrinsic qualities of an object that tell the user what actions are possible with it, and how to use it. They are often described as the “action possibilities” that an object or interface provides. A simple example is a button. The button itself has an affordance to press and that is the main way of interaction with it, and that understanding is possible even if there is no text or label on the button.

“Affordances provide strong clues to the operations of things. Plates are for pushing. Knobs are for turning. Slots are for inserting things into. The proper use of affordances provides a very powerful method of making the correct actions possible and the errors impossible.” — Don Norman, The Design of Everyday Things

Signifiers

Signifiers, on the other hand, are visual cues that indicate the presence of an affordance. They are added to an interface to help users understand what actions are possible, and how to perform them. Signifiers can include labels, icons, and other visual cues that provide additional information about the functionality of an object or interface. A simple example is a sign above a door handle that says “push” to indicate that the door can be opened by pushing, not pulling.

“Signifiers are indicators, or signals, that convey appropriate behavior to users. Signifiers communicate where the action should take place and what kind of action is required. They serve as a means of communication between the designer and the user.” — Don Norman, The Design of Everyday Things

While affordances are a fundamental part of the design of an interface, signifiers are often added as a way to make the interface more usable for users. They can be used to provide additional information about the functionality of an object or interface, or to guide users through a task.

It is important to note that a good design should rely on both affordances and signifiers. Affordances are the natural, intuitive way of interacting with an object and signifiers are the additional cues that help users understand how to interact with it. In other words, a good design uses both the properties of the object itself and the visual cues provided by signifiers to guide the user’s interaction.

“Affordances and signifiers are essential to good design. They are the means by which the designer communicates to the user. They are the key to making products that are understandable, usable, and enjoyable.” — Don Norman, The Design of Everyday Things

Summary

In summary, Affordances refer to the properties of an object that makes it usable for certain actions, while signifiers are the visual cues that indicate the presence of an affordance. Both are important in UX design and complement each other to make an interface more usable for users.

Also in case you hadn’t realised, I highly reccomend reading ‘The Design of Everyday Things’ by Don Norman. It is absolutely essential reading for anybody with a career in UX.