top of page

Project Overview

A local bank based in Milwaukee has upgraded its consumer banking software to its vendor’s new platform. The system knows who their customers are by a user ID, but do not know what a user’s password is. That data did not get migrated to the new platform for security reasons. When a user first logs in after this upgrade, they must verify that they are who they say they are, and reset/create their password.

​

In the interaction design class students were asked to recommend a simplified and straightforward flow and create a clickable prototype of a high-fidelity wireframe solution for both web and mobile versions with an emphasis on user interaction.

discover icon

Discover

After exploring how the authentication patterns work in Chase Bank and UW Credit Union, I identified the strengths and weaknesses of each of the competitors' approaches and applied them in my prototype solutions later in the project.

competitor's screen example
competitor's screen example 2
define icon

Define

Currently, users are required to go through an oddly excessive number of steps to authenticate themselves, which causes frustration and confusion. 

​

For my prototype solution, I need to identify the best shortcuts for the users to finish their tasks, while not compromising their privacy and security. 

develop icon

Develop

How the prototype has evolved

 

I analyzed the existing flow and provided direct and time-mindful shortcuts in place of existing steps.

 

Designed interactive prototypes for web and mobile versions that included login and authentication steps with clear directions.

 

Provided clickable collapsing menus to select an account type and authentication method.

 

Created three clickable destinations on the main page as well as the sandwich menu bar: login, sign up, and open new account as three separate prototype flows.

 

Ensured the minimalist and consistent design structure across all the steps and destinations.

deliver icon

Deliver

I created an interactive prototype that showcased a straightforward authentication path with an option to move away to other sections such as sign up or create a new account. I've also included forms in separate steps of the way, to provide only the necessary information.

banking login security prototype thumbnail 1
banking login security prototype thumbnail 2
banking login security prototype thumbnail 3
banking login security prototype thumbnail 4
banking login security prototype thumbnail 5
banking login security prototype thumbnail 6
key takeaways icon

Key Takeaways

What this project has demonstrated to me is that users interact better with simpler flows and that unnecessarily excessive and repeated steps have a discouraging effect on visitors.

​

It is only ethical to provide clear and straightforward directions to the visitor, and only to the degree that it is necessary, to ensure the integrity of product-user interaction. 

Personal brand cursive logo YV
bottom of page