Progress

Inline validation

Effort: Low

What to notice

Leaving a field shows a check for valid input or a fix for errors, right away.

How to build it

  1. Validate when the field loses focus, not only on submit.
  2. Say in words what to change and how.
  3. Do not flag errors on every keystroke while typing.

Measure

Main metric
Successful submission rate
Guardrail
Error messages shown

When it backfires

Errors before people finish typing feel like scolding.

Theory behind it

Playable demos

Try the same mechanism in a playable demo.