Login Process Design

Content

• Understanding Log In.

• Task: Creating a Log In page
for an app.
• Scribbling
• Digital Representation
• Final Output
• Conclusion
Understanding Log In
• A login experience is an entryway into
an app, website or service. It helps users
establish their identity.
• A login flow usually consists of a main
login page and a fairly complex
recovery flow, which includes ‘forgot
password’, resetting password, and
alternative methods to login.
• The primary goal of the login
experience is to ensure that the user
successfully logs in to their account.
Task: Creating a Login Page of an app
Here I have taken few reference of a login process design.
Scribbling

• Using simple, well-

recognized layouts and
well-known terms helps
users perform a familiar
action with confidence
and ease.
• Keeping design simple
also helps the
experience scale easily
to different form factors
and devices .
Digital Representation
First Layout-
As most design problems, this one is all about the art of
balance.
The login action should always take center-stage. Additional
elements on the page should be extremely measured, and
should not take away any attention from the task
Digital Representation
Second Layout-
It is important to let the user know that the platform
recognizes them, if it does, and provide a welcoming return-
user experience, then it helps increase login intent of the
users.
It is best to provide one or two additional methods (beside
username and password) so that users have options, in case
they forget their password. These could be phone-number
based logins or the most common, social logins like Google
or Facebook.
 Final Output
Here I have done the final prototype directing to an initial landing page of an app.
 Conclusion

• A good rule of thumb: The lesser time users spend on the login page,
the better. Help them move on to discover the actual goodness and value
in the product as quickly as possible.
• A word of caution — adding more methods clutters up the page, and
thus might decrease login intent ! Limit additional options to 2 or 3
methods.
• Login should also be a balance of (useful) friction, enough to keep the
bad guys out of the system like authentication process. It is a trust
sensitive moment that defines their relationship with a platform!
Compiled by- Agniv Chakraborty