How might we engage people with chronic heart disease to monitor their vital signs

Mobile app

Mobile app

Mobile app

UX / UI

UX / UI

UX / UI

Healthcare

Healthcare

Healthcare

Design iteration on a concept how to prevent chronic heart failure by monitoring vital signals with wearables.

context

Heart failure can be predicted early through changes in vital signs. Continuous monitoring with digital wearables and an AI algorithm helps anticipate health risks, prevent events, and reduce mortality. The app tracks vital parameters, reminds patients to take medication, and schedules doctor appointments when the risk of heart failure is detected.

Team

Project Owner (Linea Schmidt)

UX Designer

Developer

My role

Redesign the interface

Improve usability

Integrate new feature (activity)

Client

AI4Care Hackathon - Design for better healthcare

This is what we started with…

According to previously conducted user testing, users want more colors, and a more engaging questionnaire.

Problem & Solution

Eliminated unnecessary steps in the user flow by creating clear navigation

To have quicker access to the main functions I implemented a navigation bar, reducing the steps the users have to make to complete tasks.

before

After

Problem & Solution

Reduced the cognitive load on the questionnaire page

before

After

Simplified the answer variations by removing unnecessary words.

Only 1 question appears per page to remove distractions and utilize space.

Encouraging to finish the survey by showing the progress bar.

Problem & Solution

Prevent users to make mistakes by creating button hierarchy

error #1

Users had a problem with tapping the right buttons once they selected their answer. Although the “Next” button was highlighted they often tapped on the back button. 

I emphasised the “Next” button with visual differentiation, and I placed the “Back” button under it to create hierarchy.

before

After

Problem & Solution

Used gamification design to boost engagement

Use of fun colors for the possible answers. The illustration can increase engagement by capturing more attention and also acts as a visual aid, so users can recognize questions, which is helpful, because they need to fill out the same survey repeatedly (every 2 weeks).

Problem & Solution

Personalized user experience

Greeting the user using their name.

Calendar to visualise and help remember the due dates to complete the surveys.

Calendar to visualise and help remember the due dates to complete the surveys.

Calendar to visualise and help remember the due dates to complete the surveys.

Design system

Style guide

Learnings

What I would improve

The design needs accessibility improvement. The button color does not reach the minimum contrast ratio to pass WCAG standards, which would be particularly important considering the user target group, the elderly.

Next project