← All Elements

Deliver

Design Specification

Describing a design precisely enough that others can build it as intended.

What is Design Specification?

Describing a design precisely enough that others can build it as intended.

What you learn

Specify every state, not only the ideal one.

When it helps

designs are handed off showing only the ideal case.

Use it at work

  1. List every state: empty, loading, error, partial and too much.
  2. Draw or describe each one.
  3. Write the rules: limits, order, and what each action does.
  4. Walk through it with the person building it.

Your output

Before handoff, list every state of your screen: empty, loading, error, partial and too much. Draw or describe each one.

Watch for

Handing off only the screen as it looks with good data.

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