Reset Password Flow - Explor'R
This is the reset password flow I designed for the fictive app Explor'R. One friction point users usually encounter is the confusing instructions of the resetting password flow.
To counter this friction point, I made sure to follow best practices :
- The reset link is placed near the password input field on the login page. This way, it is clearly visible and quickly recognizable.
- The data on the reset password is pre-filled when users have already entered this data on their account. This allows to speed up the process and help users navigate through the flow.
- Confirmation pages are shown to explain users what happened
- After resetting their password, users are guided : they click on the login button to be redirected automatically.
Reviews
2 reviews
- Screen 1: The link “Forgot password” would be more contextual over “Reset password”
- Screen 2: This is good. Suggestion - Multiple choice can be displayed with the radio buttons without repeating the sentence “we will send you a code via..” twice. This can reduce the interaction cost.
- Screen 3: “Enter code” can add more context over the current title as “Code sent” it is the feedback for the actions on screen 2.
- Screen 5: Replacing the title with “Password reset successful!” can be of correct syntax and grammar.
Make sure to use similar-sized illustrations on all the screens to maintain layout and spacing.
Writing copy with a little more context will make the experience better.
Great job!
Excellent work on designing the reset password flow! It's intuitive and straightforward. My only suggestion would be to consider removing the subheading text on the last screen that notifies users of a successful password reset. It seems unnecessary since it essentially repeats what the headline already conveys.
Additionally, I recommend making the headline on this page sound more engaging and human-centric. Perhaps something like, "You've Successfully Reset Your Password!" would create a warmer, more personal touch.
You might also like

Ithnain Management System

Jeel app website wireframes

ALT.Studio Color System

2 PAY

Design Workshop Plan
