As a contract UX designer I was tasked with improving the design system, overhauling the browser extension, improving user login/sign-up, and starting development on a mobile app. Taking existing design elements and simplifying user flows has helped to improve overall user experience and increase user sign-up.
For this redesign I wanted to apply some standard UX design principles including Fitts's Law:
"The time to acquire a target is a function of the distance to and size of the target".
With this in mind I increased the size of the button text and simplified the information that was on screen. The other law I took into consideration was Jakob's Law, giving users a similar experience to what they are used to seeing elsewhere. With Jakob's law in mind I moved the "Update Login" button to the right side since users are used to advancing with buttons on the right side of the screen.
Cleaning up clickable items
When it comes to long lists of clickable items, the user needs clear feedback for what they are interacting with on screen. The solution for this was to highlight the current login being selected. This simple highlight matches what the user will see in long lists and short selections, keeping the design cohesive across all platforms.
Organizing signup processes
Creating a scaleable login process was important for this brand, since users will be logging in and signing up through mobile, extension, web app, and more.
Developing Simple Product Purchasing
Creating descriptive walkthroughs
We received feedback that users weren't understanding what to do after they signed up for our product. The solution was to design a descriptive walkthrough after a user signs up so they could better understand how to use the product and its features.
Utilizing user flows to simplify the development process
Using basic wireframes to develop complex layouts
Mobile app design / Kiosk interaction