← All Elements

Shape

Interaction Design

Designing what people see before, during and after each action they take.

What is Interaction Design?

Designing what people see before, during and after each action they take.

What you learn

Show what will happen, that it’s happening, and what happened.

When it helps

you are designing a whole action, from what someone sees before it to what they can do after it.

Use it at work

  1. Pick one action.
  2. Before it, show what will happen.
  3. During it, show that it’s working.
  4. After it, show what happened and what comes next.

Your output

Pick one action in your product. Write what people see before, during and after it, and fill any gap.

Watch for

Designing the action but not the moments before and after it.

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