7 Comments
BJ's avatar

Isn't it generally better to have one input field per line?

Expand full comment

Thank you for the article, great tips! Would you mind clarifying why there are two back buttons? The top one labelled as accessible back button and the bottom 'Back' button.

Expand full comment

"Not only that, but the accessible back button in the top-left corner enables users to navigate faster without scrolling to the bottom of a long page in search of the primary back button."

Expand full comment

I had a flashback to when I was applying for a Green Card on DV website

Expand full comment

Thanks for the nice article.

I have been trying to figure out which would be the best method of validation.

1. immediately after entering a field

2. just before moving to the next page, such as when clicking "Save & Continue"

3. when the last submit button is clicked.

For a form this large, "3" would be too much work when there is a lot of modification to be done.

"2" seems to be generally good, but if there is a flaw when moving to a page from the table of contents menu, it will be impossible to move to the next page. This would deprive the user of freedom, so it may be necessary to consider this.

Considering this, "1" may be the most appropriate.

Expand full comment

Validation on blur is best for most cases. Validation on focus when the input has many requirements such as a create password or username field.

Expand full comment

This is great

Expand full comment