Summary
In the fast-evolving world of healthcare technology, Praxa Sense faced a major challenge with Afi’s initial dashboard. It was a combination of a raw database for stored measurements and a command-line interface (CLI) used by developers - far from intuitive for healthcare professionals.
My goal? Turn this complex setup into a seamless, user-friendly application that allows healthcare professionals to configure devices and access patient data effortlessly.
Challenge - Making a Complex System Intuitive
Afi’s original interface presented two disconnected tools:
A developer-focused CLI for device configuration.
A basic database layout displaying patient measurements.
This setup made it difficult for healthcare professionals to perform routine tasks efficiently. I needed to merge these elements into a single, intuitive dashboard that aligned with their workflow.
Process - Revamping UX for Simplicity & Efficiency
To transform Afi’s dashboard, I followed a three-step UX process that ensured a smooth transition from complexity to usability.
1. Mapping User Journeys with Flowcharts
Before designing the interface, I mapped out how healthcare professionals interact with Afi. Flowcharts helped identify pain points, ensuring that the new system would support their real-world needs instead of forcing them to adapt to a developer-oriented tool.
2. Translating Insights into Wireframes
Using insights from the flowcharts, I developed wireframes and initial sketches in Miro. These wireframes acted as a bridge between the old CLI system and a more visual, structured interface.
Collaboration was key - I gathered feedback from both developers and end-users to ensure the new design was both technically feasible and intuitive.
3. Bringing the Design to Life in Figma
Once the wireframes were validated, I moved to high-fidelity designs in Figma, using the Google Material Design Library to create a modern and consistent interface.
This final step ensured that the dashboard was not only functional and easy to navigate but also aligned with industry-standard design principles.
Results - A Seamless Experience for Healthcare Professionals
The redesigned application transformed Afi from a technical tool into an intuitive platform, enabling healthcare professionals to manage devices and patient data with ease.
Here are two key improvements that made a significant impact:
1. Streamlining Measurement Management
Hospitals deal with large volumes of patient data, so it was crucial to design a system that allows users to find the right information quickly.
The redesigned 'Measurements List' improved navigation and efficiency through:
Clear data presentation – Displaying 10 measurements per page reduces cognitive overload.
Smart information hierarchy – Columns prioritize the most critical details first.
Flexible sorting & filtering – Users can sort by column or search for specific terms (e.g., patient name, date) for quick retrieval.
With these enhancements, healthcare professionals can navigate thousands of records effortlessly.
2. Enhancing Device Transparency & Control
Previously, Afi’s lack of clear device feedback led to frustration and errors. The new Connected Afi’s Page provides a clear, real-time overview of all active devices, solving key usability issues.
Instant device recognition – Each Afi appears as an expandable card with key details.
Physical identification cues – Devices blink when selected, and battery status mirrors the on-device indicator.
Real-time device status – Users can see whether an Afi is leased, available, or assigned to a patient.
Progress feedback – Snackbars keep users informed while processes (like data retrieval) run in the background.
By making device interactions transparent and intuitive, I reduced errors, frustration, and support requests—allowing healthcare professionals to focus on patient care instead of troubleshooting technology.
