Error Prevention
🦉

Error Prevention

Video tutorial

Summary: prevent interaction problems from occurring in the first place: either minimize error-prone conditions or check for them & adequately communicate them to users.

Each item has a relevant description & examples.

🦉
For complex fields (password, username), validation takes place in real-time
High
🦉
Users can see the limit of characters that can be entered in the field
Middle
🦉
Fields are not case-sensitive (when applicable)
Middle
🦉
Fields contain default values (when applicable)
Middle
🦉
In the forms with 2+ fields, the button remains inactive until users fill in all of the fields
Middle
🦉
The validity of the field is checked upon completion of the entry, not at the time of filling and not by pressing the button
Middle
🦉
The name of the field is always visible (in the filled state, too)
Middle
🦉
Users are able to preview changes if reverting them takes a long time
Middle
🦉
The error message indicates the corresponding error field
Middle
🦉
The input of incorrect data type in the field is blocked (e.g. typing numbers in the name input field)
Middle