← All Elements

Shape

Iconography

A consistent set of icons that people can recognize without guessing.

What is Iconography?

A consistent set of icons that people can recognize without guessing.

What you learn

If people must guess what an icon means, add a label.

When it helps

people misread icons, or icons look inconsistent across screens.

Use it at work

  1. Use common icons for common actions.
  2. Label any icon people might not recognize.
  3. Draw all icons in one consistent style.
  4. Test new icons with five people before release.

Your output

Show your icons to five people without labels and ask what each one does. Label any icon they don’t all get right.

Watch for

Using unlabeled icons for actions people can’t guess.

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