Alignment From the Start: Login
Overview
This project’s original goal was to change the technology in which the login workflows used without any major UI modifications. The intent was to make the transfer as seamless as possible.
I took this opportunity to capture all existing login screens and understand the different workflows. While going through that exercise, I encountered many design inconsistencies. Even though the changes were meant to be just technology-related, I was able to highlight these major design discrepancies and communicating that the benefits of tackling them (most of them were low hanging fruit) alongside the technology change would improve our product perception and experience to our users.
Number Go’s & Buttons
Number Go’s (shortcuts for a labeled action) were inconsistently applied.
Button alignment and placement was unpredictable.
Proposal:
Get rid of Number Go’s due to low client usage & technology limitations
Align buttons to the left, make the main action a primary button, other actions secondary buttons or links.
Page Layout & Spacing
There was a lack of structure around content layout, making the flow between screens jarring & disorienting.
There was no system around spacing.
Proposal:
I created 3 layout options for different content requirements and structure.
Established a spacing system between content, screen elements & navigation.
Title Styles
Titles were styled differently, sometimes duplicated across different screen elements.
Proposal:
Establish a title hierarchy to suffice different needs (headlines, titles, labels, body…).
Customer Support Contact
Customer support call numbers showed in different locations, colors and levels.
Proposal: Have a global Customer support access point that is accessible in the same location at every point of a workflow.
