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

Toast vs Inline Feedback

Toast vs Inline Feedback turns a frequent interface judgment into an executable constraint before generation.

feedbacktoastforms

Design Principle

Feedback placement should match the object; toast fits short global status, while inline feedback fits fields and local fixes.

Principle Feedback placement should match the object; toast fits short global status, while inline feedback fits fields and local fixes.

Design action Use toast for save success; place errors, validation, missing information, and actionable feedback near the relevant control.

Examples Positive example: Forms, settings, upload, AI generation, and admin actions mix local and global states. Counterexample: A field error appears only in a disappearing toast.

Apply when Forms, settings, upload, AI generation, and admin actions mix local and global states. Users need to judge state, scope, risk, or next action quickly.

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

Agent Directive

Use toast for save success; place errors, validation, missing information, and actionable feedback near the relevant control.

Apply When

  • Forms, settings, upload, AI generation, and admin actions mix local and global states.
  • Users need to judge state, scope, risk, or next action quickly.

Avoid

  • A field error appears only in a disappearing toast.
  • Irrelevant structure, copy, or decoration is added only to make the UI feel richer.

Knowledge Metadata

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