← All Elements

Shape

State Modeling

Listing every condition something can be in, and the events that move it between them.

What is State Modeling?

Listing every condition something can be in, and the events that move it between them.

What you learn

List every state a thing can be in, and what changes it.

When it helps

a design shows only the success path, or a product shows states that contradict each other.

Use it at work

  1. List every state the thing can be in.
  2. List what moves it from one state to another.
  3. Check every state has a way out.
  4. Design what people see in each state.

Your output

Draw the states of one thing in your product, such as an order, an account or a file, and the events between them. Look for states with no screen.

Watch for

Designing only the main states.

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