Tacklit Care OS is an operating system designed to help clinicians manage their clinical records, operational workflows, and financial data. I involve in various features creation and enhancement such as: group management, inline calendar, client listing, report and invoice template and etc. Additionally, I created a comprehensive design system in Figma to ensure design consistency and scalability across Tacklit product.
Background
Tacklit Care OS T23 Navigation bar
As the sole UX designer in the company, I play a crucial role in the development of Tacklit Care OS. I have taken on the responsibility of redesigning the layout and style for Tacklit Care OS to address existing usability issues.
Challenges
Users have expressed frustration with the slow and cumbersome nature of Tacklit Care OS. Many of the views are rigid and don't cater to the diverse needs of our users, who are seeking a more flexible and customizable experience. Due to time constraints, our development teams had to prioritize shipping the MVP version, which resulted in compromises to the overall user experience.
Goals
To delight our users and create a more integrated and flexible experience, we're introducing a new menu bar function aimed at reducing real estate occupied by non-functional actions. This enhancement will streamline navigation and provide users with quicker access to essential features while maximizing screen space for meaningful interactions.
Design Process
I followed the process by observation and listening to our user needs, defined the problem and jumped right into the ideation phase. From sketches until the hi-fidelity prototype, I create the first MVP version of the system.
Step 1: Gather feedback
I began by gathering feedback on the existing workflows from clinicians and practitioners who use our system. By observing their interactions and listening to their needs, I identified areas with excessive clicks and inefficient navigation within the current system.
Old Tacklit OS design.
Step 2: Brainstorms and ideations
During this phase, I brainstormed ideas inspired by best practices, insights from platforms like Dribbble, and lessons learned from studying other systems. I translated these ideas into quick low-fidelity mockups to present to the Tacklit founder.
Idea and lo-fi mock in Figma.
Step 3: Create UI design and hi-fidelity prototype
After several rounds of discussion and feedback, design decisions were solidified:
We simplified the main navigation, reducing nested menus and introducing quick-access shortcuts for frequently used features. This streamlined the user experience, enabling actions to be performed with fewer clicks.
To enhance information visibility, we optimized the style and layout to ensure key data is easily accessible. This improvement allows users to quickly locate essential information.
We established a design system for the navigation bar to maintain consistency across the platform. Consistent design patterns and components provide a cohesive user experience and reduce the learning curve for new users.
Figma design system and component.
Visual Style
To best express our brand identity while enhancing the user experience, the MVP version of the T23 navigation bar makes all tabs more accessible, allowing users to efficiently navigate the entire system. Below is a comparison of the user interface before and after the enhancement:
Before
After
Conclusion
The biggest challenge for this enhancement was the time frame. As the sole designer in the company, creating a design system to maintain brand integrity seemed daunting. It often felt overwhelming, but I am pleased that my design managed to keep the company's branding consistent and aligned.
Starting my first job and making decisions was a new experience for me. I frequently consulted with my development team and the founder to understand how to minimize the time frame while maximizing the user experience of the enhancement. I learned a lot from the talented individuals in the company, making it a truly rewarding journey.
MVP version of Tacklit Care OS