Password fields

The user needs to choose or enter a password.

Problem

The user needs to choose or enter a password.

Solution

Use this whenever a user needs to set or enter password to log in or create an account.

Password fields can be masked or unmasked by default. Use a show/hide label or icon for toggling the mask and making the text visible. You can also use a checkbox next to the password field to enable this mechanism.

By using a show/hide mechanism the user is not required to enter the password twice while not sacrificing security.

Clearly state the rules for new password creation.

Use a passcode or PIN instead of password entry where it makes sense.

Showing 4 live examples
Rules
Rules
Show & Hide
Show & Hide
Checkbox
Checkbox
This example should be experienced in full screen
View in full screen
Passcode
Passcode

Problem

The user needs to choose or enter a password.

Solution

Use this whenever a user needs to set or enter password to log in or create an account.

Password fields can be masked or unmasked by default. Use a show/hide label or icon for toggling the mask and making the text visible. You can also use a checkbox next to the password field to enable this mechanism.

By using a show/hide mechanism the user is not required to enter the password twice while not sacrificing security.

Clearly state the rules for new password creation.

Use a passcode or PIN instead of password entry where it makes sense.

Share in SMS
  • SMS
  • Email