Ask only what the moment needs
Every field creates work and uncertainty. Good forms reduce both by asking necessary questions in a meaningful order and explaining unfamiliar requests before errors occur.
Figure 01
A field across states
Default, focus, and error states must preserve the same label and spatial structure.
Source
Proteus study
Labels remain visible
Placeholder text disappears at the moment it is needed most. Persistent labels preserve context while the user types, reviews, corrects, or returns later.
Completion needs closure
The submit action should describe the outcome. Loading, success, and failure states must explain what happened and whether the user’s information was saved.
Exercise 01
What is wrong with a red border alone?
Reveal the observation +
It relies on color, gives no recovery instruction, and may not identify the field for assistive technology. Add a specific text message and programmatic relationship.
Chapter summary
Keep these
ideas close.
- 01Forms are conversations, not collections of fields.
- 02Persistent labels and local help reduce uncertainty.
- 03Success and recovery states complete the interaction.
Related topics
Keep exploring
References
Books
Forms that Work
Caroline Jarrett & Gerry Gaffney · Evidence-based form design and writing.
Web Form Design
Luke Wroblewski · A practical foundation for digital forms.
Web & practice
GOV.UK Design System
Clear, tested form patterns and error language.
WAI Forms Tutorial
Accessible form structure from first principles.
Field exercise
Rewrite every label and error in one form as a direct, answerable question.