Usability micro tip #1
Display real-time system feedback on form fields
A helpful and encouraging experience to set a password, effeciently
How many times have you tried to set a password on a form, and on “submit” it’s been rejected because it needs..
A helpful and encouraging user interface design pattern I like is real-time system feedback on the validity of data as it is entered into text fields.
In the set password screen above, the user is provided with instant feedback on the acceptability and strength of the password as they are typing in, helping them to set a valid and secure one.
Breaking it down
Colour
Green, red
Iconography
Tick for accepted
UX Writing
“Weak, ok, good”