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

Reset Password Design for Mobile App 1

This flow is for user who has an existing account.

1. User clicks on "Forget your password?”

——— Included scenarios such as invalid email, unregistered email and wrong password; hence user have to click on "Forget your password?” to reset their password.

2. User to enter email address and get OTP

——— Included scenarios such as invalid email and unregistered email.

3. Verification code will be sent to user’s email

4. User to enter the 6-digit verification code and verify

——— Included scenarios such as invalid code and code has expired (user have to request for a new code).

5. User to create new password and clicks on "Update password"

——— Included scenarios such as password strength indicator (when user is typing in the new password) and when confirm password does not matched.

6. Successful

Share your insights — leave a project review and help others grow their skills

Reviews

2 reviews


Nice clean design with a clear, logical flow. A few quick points though - would be great to see some inline validation for password strength. On that third screen, the button label "Reset password" could be clearer as "Get OTP" since that's what's actually happening next. Also, we're missing some key error states - what happens if someone enters an unregistered email or messes up their OTP code? Those scenarios are pretty common and worth showing. But overall, really solid work!

Hi Raaghavi, thank you so much for your valuable feedback! I have updated my projects/screens based on your suggestions. I’d love to hear your thoughts on the revised version!

Awesome work, keep up the good work!

Just 1 small thing which would help your accessibility score up is White space! You did a good job with hierachy but with little more negative space, it would be even better! Hope to see your next project!

Thank you!

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