UI DESIGN LAB
  • Home
  • Community
  • Library
  • Knowledge
  • Docs
ZHLogin
Back to knowledge
Interaction Responsive Motion

Feedback States for System Continuity

Loading, saving, generating, review, and failure all need visible states so users know the system is responding.

feedbackstatesworkflow

Design Principle

Missing feedback causes repeated clicks or fear that data was lost.

Principle Missing feedback causes repeated clicks or fear that data was lost.

Design action Design pending, success, error, and empty states for async actions; long tasks should show staged progress and last-updated time.

Examples Positive example: AI generation, uploads, moderation publishing, and admin saves. Counterexample: Buttons do not change after submit.

Apply when AI generation, uploads, moderation publishing, and admin saves. Requests may exceed 500ms.

Source notes Source note: Synthesized from Apple HIG, Material Design, GOV.UK/Polaris/Atlassian component practices, and interaction accessibility principles.

Agent Directive

Design pending, success, error, and empty states for async actions; long tasks should show staged progress and last-updated time.

Apply When

  • AI generation, uploads, moderation publishing, and admin saves.
  • Requests may exceed 500ms.

Avoid

  • Buttons do not change after submit.
  • Failures only refresh the page.

Knowledge Metadata

Category
Interaction Responsive Motion
Quality
82%
Version
v1
Published
6/6/2026