Skip to results

Design Network States

Performance & Reliability · offline

Updated 2026-07-28

The network is part of the interface.
Handle:

Loading

Something is happening.

Slow

It is taking longer than expected.

Offline

Connection is unavailable.

Recovered

Everything is working again.

Never leave users staring at a frozen screen.
Explain system state clearly.
Good network UX makes invisible technical problems understandable.
Every network action has states.
Define:

Before:

Ready.

During:

Loading.

Success:

Completed.

Failure:

Recovery.

Retry:

Next attempt.

Users should never wonder:

"Did anything happen?"

Related guides