Logo of UI Challenges
Sign in
Wireframe example for Resetting Password
An example interpretation of the prompt
Icon of target

Resetting Password

Icon of book open

Design the full password reset flow as a small, self-contained sequence: request reset, confirm request, set new password, and finish. Treat each step as a separate screen or state, not one generic form.

Start with a simple entry screen where the user can request a reset by email or username. Keep the primary action obvious, and show the account recovery message near the field so the user understands what will happen before submitting.

After submit, show a confirmation state that explains the reset email was sent and what to do if it does not arrive. Include resend and back-to-login actions. Do not leave the user guessing whether the request succeeded.

From the email link, take the user to a secure reset form with new password and confirm password fields. Show password rules up front, validate mismatch and weak passwords inline, and handle expired or invalid links with a clear recovery path back to request a new one. End with a success state that confirms the password was changed and offers a direct sign-in action.

Icon of book open

Pro tip: When creating the design for a password reset flow, consider usability enhancements like password strength indicators and the option to toggle the visibility of the typed password.

Better at UI design with every challenge

Select complexity and generate challenge.

You can always choose to receive scheduled challenges. A unique design prompt will be sent to your email daily for the duration you select.