Designing a User-Friendly application for Healthcare Professionals

Designing a User-Friendly application for Healthcare Professionals

Summary

When Afi was first introduced in the hospital, healthcare professionals had very limited insight into what the device was actually doing.

The result? A large number of measurements failed without anyone noticing, until it was too late. With only a few LED lights as feedback, medical staff lacked the insight they needed to confidently perform their work.

My goal was to change that by designing a dashboard that gave healthcare professionals clear insight into the status of each device and full control over preparing Afi for reliable measurements.

Challenge — From Invisible Errors to Clear Control

The core challenge was not technical, but human.

Afi was prepared at Praxa Sense and delivered ready-to-use to the hospital. Nurses were only responsible for placing the device on patients, but they had no way to verify if everything was set up correctly. Important errors, such as loose electrodes or a device that wasn’t recording, remained invisible.

This created three major problems:

  • Failed measurements were discovered too late

  • Nurses lacked confidence in the process

  • Valuable patient data was lost

The challenge was to design a system that fit naturally into the nurses’ workflow and made the invisible visible, without adding extra complexity or technical burden.

Interacting with Afi

Nurses didn't have much feedback to go on.

Interacting with Afi

Nurses didn't have much feedback to go on.

Interacting with Afi

Nurses didn't have much feedback to go on.

Process — Designing for Feedback, Ownership and Workflow

Instead of preparing Afi remotely at Praxa Sense, I designed a dashboard that allowed healthcare professionals to prepare and verify devices themselves. The design process consisted of 3 steps.

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.

Flowchart

Mapping out user interactions.

Flowchart

Mapping out user interactions.

Flowchart

Mapping out user interactions.

2. Translating Insights into Wireframes

Using insights from the flowcharts, I developed wireframes and initial sketches in Miro.

Collaboration was key - I gathered feedback from both developers and end-users to ensure the new design was both technically feasible and intuitive.

Wireframes

Using simple wireframes helps to quickly iterate on the design.

Wireframes

Using simple wireframes helps to quickly iterate on the design.

Wireframes

Using simple wireframes helps to quickly iterate on the design.

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.

Measurements list

Finding measurements made easy.

Measurements list

Finding measurements made easy.

Measurements list

Finding measurements made easy.

The redesigned 'Measurements List' improved navigation and efficiency through:

  1. Clear data presentation – Displaying 10 measurements per page reduces cognitive overload.

  1. Smart information hierarchy – Columns prioritize the most critical details first.

  1. 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.

Connected Afi's

Allowing for smooth and transparent operation of Afi's.

Connected Afi's

Allowing for smooth and transparent operation of Afi's.

Connected Afi's

Allowing for smooth and transparent operation of Afi's.

  1. Instant device recognition – Each Afi appears as an expandable card with key details.

  1. Physical identification cues – Devices blink when selected, and battery status mirrors the on-device indicator.

  1. Real-time device status – Users can see whether an Afi is leased, available, or assigned to a patient.

  1. 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.

The final product

Using the dashboard doctors can now easily configure and read-out Afi fully automously.

The final product

Using the dashboard doctors can now easily configure and read-out Afi fully automously.

The final product

Using the dashboard doctors can now easily configure and read-out Afi fully automously.

Let’s Create Together!

I’m always looking for opportunities to collaborate on projects that combine creativity, technology, and real-world impact. Got an idea or project in mind? Let’s chat!

Let’s Create Together!

I’m always looking for opportunities to collaborate on projects that combine creativity, technology, and real-world impact. Got an idea or project in mind? Let’s chat!

Let’s Create Together!

I’m always looking for opportunities to collaborate on projects that combine creativity, technology, and real-world impact. Got an idea or project in mind? Let’s chat!

© Joep van de Klundert 2024
📞 +31 6 1777 20 70
✉️ joepvandeklundert@gmail.com
© Joep van de Klundert 2024
📞 +31 6 1777 20 70
✉️ joepvandeklundert@gmail.com
© Joep van de Klundert 2024
📞 +31 6 1777 20 70
✉️ joepvandeklundert@gmail.com