Password reset

Reset Password Design for Mobile App

After conducting a survey about the pain point users face during password reset i was able to gather this points.

Investigation of fiction point Phase:

Difficulty Remembering Username/Email:

1.Users struggled to recall the exact username or email associated with their account, leading to frustration and delays in initiating the password reset process.

2 . Complex Password Requirements:

Password requirements such as minimum length, special characters, and case sensitivity can be confusing and difficult for users to meet, resulting in multiple failed attempts and frustration.

3. Unclear Instructions:

Users encounter unclear or ambiguous instructions during the password reset process, leading to confusion and uncertainty about the steps they need to take to reset their password successfully.

4. Inaccessible Email Accounts:

Users have difficulty accessing their email accounts to receive password reset instructions, especially if they have forgotten the password for their email account or no longer have access to the associated email address. Some preferred to use their phone numbers as a recovery option.

Solution to fiction point through the design

Initiate Password Reset

1.Forgot Password Link:

User taps on the "Forgot Password?" link/button on the login screen.

2. Input Email/Phone number

Input Screen:

1. User is directed to a new screen to input their phone number or email associated with their account.
2. Clear input fields with appropriate labels are provided.

Verification and Instruction

Verification Page:

1. Upon successful submission, display a verification message indicating that an email has been sent to the provided email or phone number.

Email Instructions:

1. Send an email to the user's provided address with clear instructions on how to reset the password.
2. Include a unique and time-limited reset link/button to proceed with the reset process.

Password Reset

Reset Password Page:

1. User receives an email or sms with a Otp for verification.
2. Display a form with fields for the new password and confirm password.
3. Provide clear instructions on password requirements and guidance on creating a strong password.

Password Strength Meter:

1. Include a visual password strength meter to provide real-time feedback on the strength of the new password.

Show/Hide Password Option:

1. Offer an option to toggle between showing and hiding the password for user convenience and accuracy.

Confirmation

Password Reset Confirmation:

1. After successfully setting the new password, display a confirmation message thanking the user.
2. Inform the user that they can now log in with their new credentials.
3. Option to Login:
4. Provide a prominent option to immediately return to the login screen to log in with the newly reset password.