Flow
Every now and then, a user can't remember their password to log back in. Luckily, it's a straightforward process to change it. It's important to make the experience feel straightforward, so the user feels like they've gotten back into their account as smooth as possible.
Steps
Reset
Place reset link close to password field
Style it as a link to show it is clickable
Ask for account details to verify
In this case it's usually the email address that's requested, because it can recognise your account and be the channel the link is securely sent to.
Note: If the user already entered their email address on the previous login page, that can be prefill this field and speed up the flow!
Show information has been sent
Based on the account information provided in Step 2, explain how they can continue.
If an email was provided, send an email for the next step. If a mobile number was provided, send a code or link to open.
The message sent explains next steps
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.
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.
You can provide guidelines if you have requirements for the password to pass a threshold of strength to be accepted.
Password successfully reset
After the password has been reset, indicate the successful and push their momentum to their initial intent: logging in.
