Automattic / Automattic/jetpack

Forms: improved error validation UX

Open
#40,884 1 comment 0 reactions 0 assignees View on GitHub
[Block] Form [Feature] Forms [Feature] Forms Blocks [Package] Forms Enhancement
Dominant language
PHP
Stars
1.8k
Forks
898
Avg merge
1d 18h
Merged PRs (30d)
774

Description

We should improve field validation UX with common best practices, and add delight with subtle animations.

See peKye1-1b3-p2#comment-1052 highlighting some examples.

image.png

Specific improvement ideas [listed in the issue](https://github.com/Automattic/jetpack/issues/40884).

We should also improve how this full block looks and behaves, especially on context on multi-step forms:

image.png

Contributor guide

Open the contributing guide

Research direction

The issue names no files, tests, or entry points. Start by reviewing the linked examples and the listed improvement ideas, then identify the form implementation and its existing validation behavior. Done would require an agreed set of validation UX and animation changes, with the resulting multi-step form behavior verified.

Written by the indexing model from the issue text.

Assessment

Domain
design, frontend
Issue type
Feature
Difficulty
5/5
Estimated time
Over a week
Activity status
Stale
Clarity
Needs clarification
Newbie friendliness
25/100

Get new issues in your inbox

A short digest of beginner-friendly GitHub issues.