Clearer monitoring for particle counters.
Clearer monitoring for particle counters.
Embedded Files
Key achievements
Key achievements
Consolidated a web of navigational choices to simple, logical patterns.
Created a dynamic light/dark theme for the visual design system.
Outpaced competitor interfaces with modern, user-centric patterns.
Delivered workflows, a prototype, mockups, and a design system.
Boosting accuracy and confidence in medical particle counting.
Boosting accuracy and confidence in medical particle counting.
Problem
Problem
The particle counter had a powerful data-capturing function but was hampered by an outdated and inefficient interface. The legacy interface was cluttered, disorganized, lacked clarity, and had poorly documented features hidden deep within menus, making it difficult for users to navigate and complete tasks.
Solution
Solution
We reviewed the existing interface to identify navigation and interaction pain points. By reorganizing navigation and layouts, modernizing aesthetics, and conducting usability testing, we simplified the user interface while ensuring continuous feedback with stakeholders.
Reducing design debt by asking questions.
Reducing design debt by asking questions.
A major challenge in this project was the lack of comprehensive documentation for the legacy particle counter system. Many functionalities were not immediately visible, making it difficult to recognize key pain points. This increases the risk of developers running into avoidable design issues that would be costly and tedious to fix at that stage.
Making minimal assumptions, we collaborated closely with stakeholders to pinpoint essential features and workflows, such as hidden long-press actions on table items. This ongoing process enabled us to prioritize tasks effectively and ensure our redesign efforts aligned with real-world use, greatly reducing issues found later in the development and QA process.
We kept ongoing records throughout the project, which proved invaluable for making sense of the redesign and keeping stakeholders informed. This documentation played a crucial role in uncovering additional use cases and created a roadmap for future updates.
Balancing innovation with user familiarity.
Balancing innovation with user familiarity.
Throughout the redesign process, we focused on balancing modern usability improvements with preserving core functionality that long-time users were familiar with. The original interface had non-standard interactions that caused friction but had become part of the user routine. We reorganized the navigation to surface frequently accessed features, reduced unnecessary complexity, and retained familiar gesture commands to ensure a smooth transition for technicians. This balance allowed us to deliver a modern interface without compromising the device's functionality.
In creating workflows, we establish a robust design system.
Establishing consistency to rationalize design.
Establishing consistency to rationalize design.
The legacy interface suffered from inconsistent touch targets, unclear interaction patterns, and a disorganized layout. Creating a unified design system eliminated these inefficiencies and made the user interface easier to navigate. Dated, pixel-based graphics assets were redesigned as SVG vector assets, which are scalable solutions for future releases. This approach saved time during development and ensured that future updates could be implemented without disruption. The visual design was enhanced to include light and dark modes, which provided flexibility for cleanroom environments with varying lighting conditions.
Color palette
Color palette
Iconography
Iconography
Typography
Typography
Buttons
Buttons
List items
List items
Layout & spacing
Layout & spacing
Validation through usability testing.
Validation through usability testing.
After the initial prototype was signed off by stakeholders, we conducted usability testing sessions to validate the design. The tests confirmed significant improvements, and users identified a desire to re-order filter selections—an easy update we incorporated before final handoff. These collaborative efforts led to a more informed, user-centered experience.
Delivering a refined and future-proof interface.
Delivering a refined and future-proof interface.
Existing technicians reported faster access to critical data, reduced frustration during operation, and new technicians didn't need as much training to find features. Our redesign modernized the interface and prepared it for inevitable changes, balancing modern UX standards with the device’s existing power.
Check out my other projects.
Check out my other projects.
Page updated
Google Sites
Report abuse