Login Revamping
User Sign-In Journey
#ft-login-revamp
image here!
Paste,
Outline
Currently, there is no count of unsuccessful logins. A member can try as many number of times to get into the portal without any hard check, which kind of allows a hacker to easily hack the system.
Hence, we need to implement a counter where after maximum number of unsuccessful attempts, the user would be required to reset the password.
Jane Doe, 32
Bio
Goals
Needs
Frustrations
Security Head
Masters in Hacking
Texas, US
“I’m often handling multiple projects at once - time is tight…”
Currently lives in Poland. She finished her master’s in Hacking and is a certified white hat hacker. She performs vulnerability testing of softwares and focuses on getting all the loose ends fixed on time.
Personality:
Tech literacy: High
User story
[Jane Doe], [Sr. Security Head]. [35]
Short story from a user’s perspective. E.g.
As a Sr. Security Head, when I’m logging into the portal I want to be prompted on how many unsuccessful login attempts I have so that I can keep in mind about the limited attempts to get into the portal and not hack the system.
Problems
[No count of Unsuccessful Logins]:
[Allowance of permutations and combinations on Password and Email ID]:
The user can try various permutations and combinations of email address and password to get into the portal as there is no check on the fields.
Currently, there is no count of unsuccessful logins. A user can enter and try as many number of times they wish to get into the portal.
Solution/Hypothesis
[Adding Counter on the Login Screen]
We need to add a counter on the login screen, where the user can view that how many login attempts are left if in case they enter wrong email or password.
We are keeping the upper limit as 6 attempts and post that the user needs to reset the password else they will not be able to get into the community platform.
Scope
The scope of the enhancement is limited to the login page on the Member portal side, both new and old flow.
For phase 2, as we’ll be picking up the updating of UI, both the app and web applications will be impacted.
Acceptance criteria
[Phase 1]
Screens
Login Screen - Failed Attempts 1&2
Login Screen - Failed Attempt 3
Login Screen - Too many failed attempts
LOGIN PAGE
[Phase 2]
[Old Landing Page]
Landing Screen
LANDING PAGE - When content is too long
Sign-Up Screen
LANDING PAGE- Old Sign Up Flow
Login Screen
LOGIN PAGE - Old Landing Page
Login Screen - Login Error State
LOGIN PAGE - Old Landing Page
Login Screen - With Captcha & SSO Enabled
LOGIN PAGE - Old Landing Page
Login Screen - Error Screen
LOGIN PAGE - Old Landing Page
[New Landing Page]
Sign-Up Screen
LANDING PAGE- New Sign Up Flow
Sign-Up Screen with Social Logins
LANDING PAGE- New Sign Up Flow
Sign-Up Screen with Social Logins
LANDING PAGE- New Sign Up Flow
Sign-Up Screen - Error Messages
LANDING PAGE- New Sign Up Flow
Sign-Up Screen - Captcha Only
LANDING PAGE- New Sign Up Flow
Sign-Up Screen - Captcha and Social Logins
LANDING PAGE- New Sign Up Flow
Login Screen
LOGIN PAGE - New Landing Page
Login Screen - Login Error State
LOGIN PAGE - New Landing Page
Login Screen - With Captcha Enabled
LOGIN PAGE - New Landing Page
Login Screen - Captcha Error Screen
LOGIN PAGE - New Landing Page
Login Screen - Captcha, Google Sign-In and Facebook are Enabled
LOGIN PAGE - Old Landing Page
[Mobile Desktop View]
[Old Landing Page View]
Landing Screen
LANDING PAGE - Old Mobile View
Sign-Up Screen
LANDING PAGE - Old Mobile View
Sign-Up Screen (Scrolled)
LANDING PAGE - Old Mobile View
[New Landing Page View]
Landing Screen
LANDING PAGE - New Mobile View
Login Screen
LANDING PAGE - New Mobile View
Login Screen - Google and Facebook Enabled
LANDING PAGE - New Mobile View
Sign-Up Screen
LANDING PAGE - New Mobile View
Sign-Up Screen (Scrolled)
LANDING PAGE - New Mobile View
[Figma Link]
Figma Link
Thank you!
#ft-relatedchannel