Authentication micro interaction

Authentication micro interaction

Users can find this pattern when logging into Pera wallet. The icon located above the password field turns red and displays an X mark as soon as the user starts typing the password. When the correct password is entered, the icon changes to green and displays a checkbox, indicating that everything is fine and the user can proceed further. What's impressive about this interaction is that it eliminates the need for a message to inform the user that the password entered is incorrect. The colors and icons are very effective in conveying the message.

Signup to have the latest patterns & trends delivered directly to your inbox

Thank you! Your submission has been received!
Oops! Something went wrong while submitting the form.

We’ll only send awesome design stuff, never spam

Back arrow icon
Back