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

Form Flow and Validation

Forms should follow the user's mental order and provide recoverable feedback at key moments.

formsworkflowvalidation

Design Principle

Good forms split complex tasks into completeable steps rather than dumping every field at once.

Principle Good forms split complex tasks into completeable steps rather than dumping every field at once.

Design action Group fields by basics, body, agent directive, and publishing settings; save draft and submit for review should use different button priorities.

Examples Positive example: Knowledge submission, asset upload, account settings, and payment. Counterexample: After submission fails, users do not know what to fix.

Apply when Knowledge submission, asset upload, account settings, and payment. More than six fields or review states exist.

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

Agent Directive

Group fields by basics, body, agent directive, and publishing settings; save draft and submit for review should use different button priorities.

Apply When

  • Knowledge submission, asset upload, account settings, and payment.
  • More than six fields or review states exist.

Avoid

  • After submission fails, users do not know what to fix.
  • Draft and review submission states look identical.

Knowledge Metadata

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