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.
Password successfully reset
After the password has been reset, indicate the successful and push their momentum to their initial intent: logging in.
UX Guide: Password Reset User Flow
Another walkthrough of the flow to reset a password with a 'temporary password link' step.
Password Reset Flow: Best Practices for Custom Applications
A look at how industry leaders have designed the password reset flow.
Password reset email design best practices
Postmark elaborates on a few great points on how and why you want to connect the dots between the experience.
