← All Elements

Shape

Affordances & Signifiers

What an object lets people do, and the cues that show them how to do it.

What is Affordances & Signifiers?

What an object lets people do, and the cues that show them how to do it.

What you learn

Make a control’s shape show what it does.

When it helps

people miss an action that’s available, or try one that isn’t there.

Use it at work

  1. List what people can do with the thing.
  2. Check each action has a visible cue.
  3. Make each cue’s shape suggest its action.
  4. Remove cues that suggest actions that don’t exist.

Your output

List the main actions on one screen. Check that each one looks like what it does before you add any label.

Watch for

Adding a label to fix a shape that suggests the wrong action.

Related practices

Sources

Enable JavaScript to try the interactive activity.

Elements.
48 elements · 8 families
Filters
DESIGN CONTEXT
What are you trying to do?

Scroll sideways within the map to explore all columns.

Created by Alan Hurt. Activities and notes are stored on your device. Privacy · Usage counts

ELEMENTS FIELD GUIDE