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”