Password Reset Flow

Video of the whole Design

Prototype of the Design

Page Navigation Guide:

• Task-Flow -> Whole flow user can visit.
• Case Study -> The whole Process I followed with details.
• Lo-Fi -> Low fidelity mockups
• Final product : App Design
• To navigate throughout the app, please click on the comments I have added which will guide you to navigate further.

Reason for Choosing the Design

• I took some inspiration from online sources. Since blue is the color which builds the trust and simplicity I chose this color.
• The color for the input is a shade of white which gives very good contrast which blue, keeping accessibility in mind.
• 2 states of buttons are there, Default & Disabled.
• Throughout the app, shades of blue and white are applied.
• To guide the user while making the password choice, tooltip is given for creating strong password on New Password input.
• Those are converted in the validations, and are displayed is user doesn’t fulfil the criteria.
• Password strength is also shown. To reset the password successfully, the password should have strong strength.
• Ended up in designing all these so the user can have seamless experience while resetting the password and she doesn’t get confused.