renTux

Because Loggin in shouldn't be taken for granted

Login Scenerio Case Study

Challenge

An exploration of the interactions and user flows based around the login scenarios for mobile applications.

LOGIN

Duration:

4 weeks

Role:

Solo Project

Interaction/UI Design

Research

Primary Tool

Figma

Research

What makes a good login?

The user types in their into and thats it right? Well... no.

Analysis

Logins often go unnoticed, but to say they have no impact on user experience would be a massive oversight. To start I went through every login/account recovery I could. A good login scenario offers two major benefits to the overall user experince of an application. 

Read Analysis

linkarrow-dark
account-recovery-screen-1

1.) Security (duh)

The most obvious benefit is the security given to a user.

WelcomeReturningScreen

2.) Personability

The less obvious benefit is that login scenarios offer opportunities for an applocation to engage with the user on a personal level.

Solution

Applications with good login scenarios treat the usere differently based on the circumstances in which they are logging in. To do this they create userflows for each common scenario that a user may encounter.

Designing My Own

User Definitions

Returning User

A user who has used the app before and has previously logged in on the current device.

New User

A brand new user who has never used the app before and does not have an account

New User

A user with login info but a new device that they haven’t previously logged into

Primary User Flows

Key

userflow-vocab

Returning User

(Personal device)

Users encounter this scenario more than any other by far making it our primary use case.

WelcomeReturningScreen
returning-userflow

New User

Users encounter this scenario more than any other by far making it our primary use case.

newUserflow
Welcome-Screen

Wire Frames

With my research and definitions done it was time to start developing visuals. I started out by creating wireframes gor each of my main states within my user flows. 

Rough draft (digital sketch)

onboarding
new-login
pin-pad
new-login-1
returning-login

Refined Wireframes

Welcome-New-User
Account-Recovery
Welcome-New-User
Account-Creation
Authentication-Screen

I guess this is it, but before you go...

If you have a cool coffee shop you think I should check out

Oh, and if you wanna work together, you can put that down too

Call me

(781)-439-8754

Email me

vargas.alances@gmail.com

Cheers,

Alances

Linkedin
Insta
Facebook