🔑

Resetting password

Every now and then, it's easy to forget how to get back into a product. So for that person, we want to make it easy and accessible for them. A transparent flow of resetting a password holds a treasure trove of opportunities to not frustrate a user.

Other do it better in ways, but there are many other that will be doing it worse, so take the chance to show you have thought things through and empathise with their problem, and have taken care of things accordingly.

Steps

Each part of the user experience to consider.
1

Show a link to reset the password

This should be present as closely as possible to the password text field, in an obvious state of clickability (link style underline, colour change)

2

Ask for account details to verify

This information is used to recognise the account the password should be reset for.

This can also be used as the medium to sent the link to reset their password, which is why the common information to provide is the email address.

3

Show information has been sent to proceed

Based on the information they provided in Step 2, explain how they can continue. This typically will involve using the information they provided.

If they provided an email, you would send an email for the next step. If they provided a phone number, you could be asking for a code you texted them.

4

Message content explains next step

This could be a link to a page that allows the user to reset their password.

It could also be a code for the user to provide on a page to verify their account, to then reset their password.

5

Reset the password!

Whether it's a verification code or a link to click behind an email address, the next page should be a clear text field to enter a new password.

6

Show password has been reset and a path to login

Now that the largest task is complete, show the user it has successfully updated. Then give them a direct offer to log in with their new password, to return them to the original flow they were in.