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.
Inconsistent design system patterns caused the overall experience to be disjointed.
Simplify components and refine the existing design system to improve user experience.
Creating simple patterns will allow for faster implementation of components.
I wanted to apply some UX principals to the components being updated. Fitt's Law came into my mind as I approached the clickable pop-ups. Increasing the size of the button text and reducing the information helped users quickly see the information displayed. Moving the 'update login' button to the right was another small change that had an impact for first-time users.
When it comes to long lists of clickable items, the user needed clear feedback for what they were interacting with on screen. The solution for this was to highlight the current login being selected. We also added urgency signals to the amount of saved logins left on the free page.
When it comes to long lists of clickable items, the user needed clear feedback for what they were interacting with on screen. The solution for this was to highlight the current login being selected. We also added urgency signals to the amount of saved logins left on the free page.
These changes improved the usability across the product. Creating simple patterns gave the engineering team the ability to create new features faster. Updating the old design system also gave design the ability to rapidly create new prototypes for development.
.svg)