Example screens for a bulletproof Registration and Sign In flow

« Back to blogpost How to create a bulletproof Registration and Sign In flow

All example pages

Registration pages

• R1 - Registration form
• R1-2 - Registration form submitted; user already has another account with the same email address
• R1-3 - Registration form submitted; username not available
• R2 - Registration form submitted; account created; activation email sent
• S1-5 - Registration form submitted; username/email combination already exists, but with different password
• App2-2 - Registration form submitted; username/email combination already exists; password is correct
• A3-2 - Registration form submitted; account already exists but is not yet activated

Activation pages

• A1 - Activation email
• App1 - Account activated
• A2 - Activation failed; Error upon clicking the activation link
• A1-2 - New activation email
• A4 - New activation email sent
• S1-8 - Link in activation mail clicked; account was already activated earlier

Sign In pages

• S1 - Sign In Form
• S1-2 - Sign In form submitted; username unknown
• S1-3 - Sign In form submitted; wrong password
• A3 - Sign In form submitted; account is not yet activated
• S1-4 - Sign In form submitted; System uses email address (instead of username) for sign in, but no valid email address is provided
• App2 - Sign In form submitted; user is now signed in; redirect user back to app

Send new Password pages

• PW1 - Send new password form
• PW1-2 - Send new password form submitted; username unknown
• PW2 - New Password email
• S1-6 - Send new password form submitted; new password sent
• S1-7 - Sign In link clicked in new password email