2 min lesson
The states where magical is won or lost
Pick two rows from the table in "The states where magical is won or lost" and explain the choice each one supports.
Step 1 of 2
The states where magical is won or lostempty, loading, error, first-run
Engineers build the happy path and ship. The states around it are where craft shows, because they are the moments a user is most likely confused or frustrated.
- State
- Empty
- Lazy version
- Blank panel
- 100% version
- Explains what goes here and the one action to fill it
- State
- Loading
- Lazy version
- Centered spinner
- 100% version
- Skeleton matching final layout; optimistic where safe
- State
- Error
- Lazy version
- “Something went wrong”
- 100% version
- What failed, why and a retry that actually retries
- State
- First-run
- Lazy version
- Drop user into a cold UI
- 100% version
- A first action that produces a visible win in seconds
| State | Lazy version | 100% version |
|---|---|---|
| Empty | Blank panel | Explains what goes here and the one action to fill it |
| Loading | Centered spinner | Skeleton matching final layout; optimistic where safe |
| Error | “Something went wrong” | What failed, why and a retry that actually retries |
| First-run | Drop user into a cold UI | A first action that produces a visible win in seconds |
Each of these is a chance to make the product feel considered or careless.
Interactive diagram. Tab through its regions; each focused region shows its detail in the panel below.
diagram: compare
The same feature, shipped two ways - the gap is the craft this role is hired for.