Inconsistent Form Validation Timing in a Single App

Описание и применение

В приложении три формы использовали разное время проверки: при вводе, при потере фокуса и при отправке. Это создало разрозненный пользовательский опыт. Внедрение единого правила выбора времени проверки по типу поля и необходимости проверки привело к согласованности и улучшению UX.

Задача

Three forms in one application exhibited different validation timing (on change, on blur, on submit), causing a fragmented user experience and inconsistent product feel.

Результат

Consistent validation timing across forms reduced user confusion, improved perceived product quality, and bounded inconsistency growth for future forms.

Рабочий процесс

• 1. Identify validation timing patterns in existing forms.
• 2. Draft a rule specifying timing per field type and validation need.
• 3. Communicate rule to the team and document it in design guidelines.
• 4. Refactor existing forms to align with the rule (change blur/submit logic).
• 5. Add submit‑time re‑validation and focus‑to‑first‑error handling.
• 6. Test new forms to confirm consistent behavior across the app.

Доказательства

New forms consistently used blur validation for standard fields, which was the pattern that had previously appeared least often despite being the most appropriate for the majority of cases.

Источник