Reducing time to treatment to save more lives

Reducing time to treatment to save more lives

Reducing time to treatment to save more lives

Designing an AI-Powered Remote Patient Monitoring System

Team

4 Product designers

4 Product designers

Duration

2 Months

2 Months

Role

UX Research- UX Design

Overview

We designed a remote patient-monitoring screen for the London Air Ambulance and Royal Mary Hospital trauma bay team.

Objective

To minimize the time from arrival to treatment in emergency situations.

Constraints
Constraints

Our project, set within a strict four-month deadline for our master's program, demanded rapid progress. While the full implementation included a data input side, we preferred to focus on enhancing the user interface due to the time constraints and goals. This decision was strategic, aiming to prepare our design for future AI integration and ensure an on-time handover to the next team for further development. Additionally, designing for a new type of user presented a unique challenge that required special types of interaction and research.

Impact

We designed and developed a first-of-its-kind AI-powered remote-patient monitoring system designed for the Royal Mary Hospital trauma bay unit to remotely monitor code-red trauma patients en route to the hospital.

Industry

E-Health

Duration

2 Months

Team

4 Product designers

Introduction

Introduction

Introduction

Introduction

The London Air Ambulance (NHS) needed a tool to be able to facilitate communication between the helicopter paramedic team and the trauma bay team to save severely ill patients by monitoring them remotely en route to the hospital.

Paramedic-to-trauma bay communication as it stands now is mostly verbal, and there is no standardized or digitized way to stay in contact.
The London Air Ambulance (NHS) needed a tool to be able to facilitate communication between the helicopter paramedics team and the trauma bay team to save severely ill patients by monitoring them remotely en route to the hospital.

social activists

Insurance companies

Rehab Centers

Hospitals

Suppliers

Media

Scholars

Indirect stakeholders

Doctors

Municipalities

The government

SCI Families

SCI patients

direct stakeholders

SCI Partners & Caregivers

core Stakeholders
mobile app screen
mobile app screen
mobile app screen
mobile app screen

Context

Context

Context

Context

The first 60 minutes after a traumatic injury is the golden window that can determine a patient's life or death.

When a London Air Ambulance is dispatched to a trauma scene, the treatment starts immediately as soon as the injuries are identified and diagnosed. The helicopter emergency medical service (HEMS) team do their best to control and stabilize the patient on-scene and en-route until they arrive to the hospital trauma bay where they can recieve more complex treatments and surgeries.

However, the hospital trauma bay team often know very little information about the situation, events, and interventions that occur during and after the trauma. Upon arrival, a 30-second verbal handover from the paramedics to the trauma bay team takes place as they debrief them of the essential information. Soon after, the trauma bay team take over to re-examine and evaluate the patient once more, creating a redundant process.

"The partner had to cope with the shock, support the injured partner during the institutionalized rehabilitation, and struggle to make their relationship and life together function again."

"They were struck by the brutal fact that their partner had been seriously injured, and their own needs faded into the background."

"The partners experienced much distress and appreciated the support they got but felt that they were mainly left to manage the difficult process on their own."

(Johnson et al.)

Problem

Problem

Problem

Problem

Voice-powered surveys gave us insights into many problems faced by medical personnel in the trauma bay.

We received insights and ideas that later influenced our design, such as the “REBOA Blood Control Timer,” a device installed in patients to control severe blood loss.

Discovery

Discovery

Discovery

Discovery

Modes, mediums, and styles of communication between the medical teams in emergency procedures were noted in a flow chart, showing the weak points.

What Users Say

What Users Say

What Users Say

Conducting 5 usability tests, we discovered the painpoints of the users that validated some of the issues found in the Heuristics Evaluation.
Demographics

Number of participants: 5

Age range: 60 to 75 years old

Average age: ~67 years

Gender : 3 Female, 2 Male

Tasks

Task 1: Set 2 goals in the application.
Task 2: Tell me your plans for 3 days from now.
Task 3: Change one of the goals you have.

Task 4: Find where you can see the reports.
Task 5: Log out of your account, please.

  • How was your experience using this application?

  • Have you ever used an application to build new habits regarding your diet or physical activity? Name them.

  • How do you think an application can help you build new habits?

  • Do you have any suggestions that might help us improve this application?

Results

Legibility

Legibility

Legibility

Font size, colors, and text spacing have a significant effect on the rate of accuracy of a visual search and the reaction time during each search period.

When designing the information, on-glance legibility was an important thing to consider, as the surgeons, doctors, and nurses would use the screen as a fast means of retrieving information. Their attention is limited, so the cognitive load had to be minimal. High contrast was used to display quantitative physiology data such as HR and SpO₂ numbers.

The dark background is scientifically proven to have better results when paired with high-contrast colored numbers. Each physiology indicator was assigned a color based on conventions observed through patient monitoring systems. A proper font and size balance was also achieved by using a bold Helvetica weight commonly used with modern patient monitoring systems.

Failed Concept

Failed Concept

Failed Concept

Failed Concept

The Accordion Concept aimed to display historical and live trending patient data, but was too complex to be understood at a glance.

Medical personnel informed us that historical data is important to track the patient across time. However, the current live trending data is more important as it displays the patient’s actual state in the current time.
The Accordion Concept aimed to display both at the same time by zooming in towards the last 7-9 seconds documented. I named it “accordion concept” as it aimed to expand the perception of time and then shrink again.

After testing this concept in comparison with the other concepts, it did not prove to be successful as it was too unfamiliar and too complex to follow in an urgent use case scenario. It was not properly perceived.

Connect to Content

Add layers or components to swipe between.

Connect to Content

Add layers or components to swipe between.

New Concept

New Concept

New Concept

New Concept

The Calendar Concept : 2 time axis, one for paramedic-intervention events and another for physiology waveforms.
The Calendar Concept : 2 time axis, one for paramedic-intervention events and another for physiology waveforms.

Pin Chun, my teammate, came up with the idea of separating patient interventions and physiologies, instead of having one time axis with everything noted down. In this way, we have a list of past interventions done, the current time marker, and the predicted future through the AI algorithm.

Pin Chun, my teammate, came up with the idea of separating patient interventions and physiologies, instead of having one time axis with everything noted down. In this way, we have a list of past interventions done, the current time marker, and the predicted future through the AI algorithm.

It proved to be the best decision when we tested it alongside the Accordion concept.

Data Visualization

Data Visualization

Data Visualization

Data Visualization

We designed a panel with a live-stream visualization of patient data across a 5-second timescale and event-entry axis.

The patient’s ECG, oxygen saturation, and non-invasive blood pressure, are livestreamed through the ZOLL® X Series® monitor/defibrillator that is used by the HEMS team on-scene and en-route to the hospital. The monitor allows data entry in the form of interventions that update the screen’s intervention panel with respective timestamps.

With the assistance of the LAA dispatcher and senior hospital nurse, they can access the screen’s backend system to update manual data entries if needed, such as respiratory rate, C02 saturation, and the Glasgow coma scale. The visualization of the data graph was designed according to conventional patient monitoring systems

User Perception

User Perception

User Perception

The role of human and clinical judgment in our AI feature was heavily criticized.

User testing revealed how our product was perceived positively by medical personnel. Most claimed to understand what it does, and what it aims to solve. However, the AI prediction concept was underdeveloped, as many did not understand the need for it, let alone how it worked.

User Tests

User Tests

User Tests

User Tests

We used the 3-30-300 method of showcasing our interface and asking the testers questions to confirm whether they could read the interface easily.

Impact

Impact

Impact

Impact

This initial prototype has since been funded and is in progress to be further designed, developed, and trialed across 4 major hospitals in London, and scheduled to be published by late 2026/early 2027

The interface

The interface

Second Iteration

Second Iteration

Second Iteration

Conducting another round of user tests with a similar scenario as before, helped me gather insights on our first designed version, leading to iterations on it.

After preparing the figma prototype, I had it tested with more users and gathered insights and feedback.

The interface

Still working on the rest of the case study …

Want to know more ASAP?

Problem

Problem

Font size, colors, and text spacing have a significant effect on the rate of accuracy of a visual search and the reaction time during each search period.

When designing the information, on-glance legibility was an important thing to consider, as the surgeons, doctors, and nurses would use the screen as a fast means of retrieving information. Their attention is limited, so the cognitive load had to be minimal. High contrast was used to display quantitative physiology data such as HR and SpO₂ numbers.

The dark background is scientifically proven to have better results when paired with high-contrast colored numbers. Each physiology indicator was assigned a color based on conventions observed through patient monitoring systems. A proper font and size balance was also achieved by using a bold Helvetica weight commonly used with modern patient monitoring systems.

Solution

Solution

Solution

How we addressed it?
  1. Providing users with Clarity and Control

The new homepage simplifies navigation by placing key financial actions Transfer, Exchange, and Add Money at the centre of the screen.

  • Old Homepage
  1. The homepage was cluttered with "Send Again" suggestions and promotional banners (e.g., "Refer a friend").

  1. Essential features like "Add Money" and "Exchange" were missing from the homepage.

  1. The balance was shown, but with no alerts or guidance for next steps.

❝ Some options feel buried inside menus—I just want to send money quickly. ❞
❝ On PayPal, some options are not clear at all and are not easy to find at first, like adding to my balance or exchange rates when sending internationally. ❞
❝ I have ADHD and I have problems finding options on this app a lot. It takes too long to find what I need, especially when I’m in a hurry. ❞
  • New Homepage
  1. Key payment actions (Transfer, Exchange, Add Money) are prominently displayed at the top, reducing friction.

  1. Alerts provide proactive notifications for users to manage their balance.

  1. The homepage is cleaner, with a focus on transactions rather than promotions.

  • Old Payment screen
❝ I wish I didn’t have to see the profile and photo of people I sent money to once a year ago—it makes it hard to focus on what I need to do.❞
❝ At first, I was really confused about how to do transactions, but after a while, it became easier. It shouldn’t take this long to figure out.❞
  1. The navigation was cluttered, with a mix of frequent contacts and payment options displayed in a less structured way.

  1. The “More Options” section made core actions feel secondary.

  • New Payment screen
  1. We organized options more clearly. Payment actions like "Send," "Bill," "Give," and "Request" are tabbed at the top, making it easier for users to find and switch between different payment methods

  1. Icon colors are changed to reduce distractions, and layout changes help reduce cognitive load.

Still working on the rest of the case study …