Skip to results

Design Empty, Loading, Error, and Success as One System

Feedback & States · errors, loading

Updated 2026-07-28

These states are connected.
Every feature needs:

Empty:

Nothing exists yet.

Loading:

Something is happening.

Error:

Something failed.

Success:

Something worked.

Do not design only the happy path.
A complete system handles the entire journey.

Related guides

Design Partial Failure States
Choose the Right Loading Pattern for Every Situation
Design Error States That Help Users Recover
Design 404 and Error Pages
Design States, Not Screens