<?xml version="1.0" encoding="utf-8"?>
Open full project

Investigating Primary Friction Points

  1. Forgetting Username/Email: Users often forget which email or username they used for an account.
  2. Complexity in Navigation: Difficulty in locating the "Forgot Password" link.
  3. Verification Challenges: Struggling with CAPTCHA or security questions.
  4. Multi-Step Processes: Frustration with lengthy or confusing steps.
  5. Delayed Email Links: Waiting for the reset email link to arrive.
  6. Time-Limited Links: Stress about links expiring too quickly.
  7. Re-Using Old Passwords: Confusion when not allowed to use previously used passwords.
  8. Unclear Success Indicators: Lack of clear confirmation that the password has been successfully reset.

Step by step rationale of the offered design:

  • Clear Entry Point for Password Reset: The initial login screen offers a clearly marked "Forgot Password?" option. Rationale: Users who have trouble remembering their password are likely to start at the login screen, so placing the reset option here minimizes confusion and ensures a smooth start to the recovery process.
  • Email Confirmation Step: The user is prompted to enter their email to receive a verification code. This step confirms the user's identity and prevents unauthorized password reset attempts. Rationale: Using email as a verification tool is standard practice that balances security with user convenience, leveraging something the user has access to without requiring additional authentication hardware.
  • Immediate Feedback on Action: Once the email is submitted, the user is informed that a link is on its way, and there's a prompt to open the email app directly. Rationale: Immediate feedback assures the user that the process is working as expected. Offering a shortcut to the email app simplifies the user's journey, reducing the cognitive load and making the process feel seamless.
  • Code Entry Screen: Instead of clicking a link, users are asked to enter a code received in their email. Rationale: Entering a code, as opposed to automatically resetting via link, adds a layer of security by ensuring the person attempting the reset has both access to the email account and is actively engaged in the app. It also keeps the user within the app environment, providing a more controlled and secure experience.
  • Instructions when creating a new password: When setting a new password, the user is given clear guidelines on the requirements (character length, character variety). Rationale: Providing these instructions helps users create a strong password on the first try, reducing the likelihood of errors and the frustration that can come from having to repeat steps.
  • Confirmation of Password Reset: The final screen indicates a successful password change with a “Changed!” message and a CTA to continue to the app. Rationale: Clear confirmation of success closes the loop on the reset process, providing a sense of completion and reassurance. The CTA to proceed directly back to the app encourages immediate re-engagement with the product.
Share your insights — leave a project review and help others grow their skills

Reviews

4 reviews


Great job on designing the reset password flow! It's intuitive, clear, and the copy is straightforward and helpful, making the process smooth for users. The illustration adds a nice touch, effectively complementing the overall design.

A comprehensive explanation of your design rationale adds depth to your submission. Keep up the excellent work!


Pleasant UI, with a very good choice of colors, consistency in terms of components, iconography; as well as the password-change experience itself, which is very fluid.

Just two areas for improvement that I'd like to suggest:

1. when defining the new password, instead of validation checks, I'd rather see actions to hide and reveal the password, and place the verification logic elsewhere than in the password field. Since the validity of the password depends on several factors (3 at your level), it would be more interesting to make an individual check, which would also help the user to easily find his way around in the case of an error..

2. The success animation would be much more interesting if it didn't loop.

You've done an excellent job


Hey Elene,

Well done on this submission! It’s beautifully designed and masterfully presented—your projects are always a pleasure to review.

I really love the button design, color palette, and the customer support link on the email input screen. The illustration below the input fields on the password reset screen is also a standout—it’s unconventional but beautifully executed and adds a unique touch.

My only small suggestion is that a show/hide password option can be important in some cases—but I'm sure you have your reasons here.

Beautiful and inspiring work as always!


Outstanding work on the reset password flow! It's brilliantly intuitive, with clear and helpful copy that ensures users navigate through effortlessly.


25 Claps
Average 5.0 by 5 people
5 claps
4 claps
3 claps
2 claps
1 claps
<?xml version="1.0" encoding="utf-8"?>