Enhancing comprehension of health data

Empowering individuals to take action on their health with a comprehensive body monitoring solution designed to help track measurements and deepens the understanding of the body all in one place.

Client

OSIM International

Wellness MNC

Timeframe

6 months to launch in Q4 2021

Platform

Mobile App • B2C

Context

Historically, every OSIM device has its own app — an extremely inconsistent experience. In an effort to unify the experience, the app for uCheck Smart along with its improvements is now integrated into a centralised platform — OSIM Well-Being app.

The redesigned experience for uCheck Smart makes it easier to access vital information and control other OSIM devices in one place.

Historically, every OSIM device has its own app — an extremely inconsistent experience. In an effort to unify the experience, the app for uCheck Smart along with its improvements is now integrated into a centralised platform — OSIM Well-Being app.

The redesigned experience for uCheck Smart makes it easier to access vital information and control other OSIM devices in one place.

Historically, every OSIM device has its own app — an extremely inconsistent experience. In an effort to unify the experience, the app for uCheck Smart along with its improvements is now integrated into a centralised platform — OSIM Well-Being app.

The redesigned experience for uCheck Smart makes it easier to access vital information and control other OSIM devices in one place.

Problem

Our customers find the app frustrating to use because information is unorganised and is presented in a confusing manner, making interpretation of overall body health difficult.

Our customers find the app frustrating to use because information is unorganised and is presented in a confusing manner, making interpretation of overall body health difficult.

Our customers find the app frustrating to use because information is unorganised and is presented in a confusing manner, making interpretation of overall body health difficult.

Solution

The goal of this app redesign project was to make it easy for anyone to understand blood pressure, track and record blood pressure data over time, and share with healthcare providers.

Key Metrics and Targets:

  • Reduce time taken to access measurements in the app

  • Seamlessly navigate the graphs and its data points

  • Exporting history records according to time period successfully

The goal of this app redesign project was to make it easy for anyone to understand blood pressure, track and record blood pressure data over time, and share with healthcare providers.

Key Metrics and Targets:

  • Reduce time taken to access measurements in the app

  • Seamlessly navigate the graphs and its data points

  • Exporting history records according to time period successfully

The goal of this app redesign project was to make it easy for anyone to understand blood pressure, track and record blood pressure data over time, and share with healthcare providers.

Key Metrics and Targets:

  • Reduce time taken to access measurements in the app

  • Seamlessly navigate the graphs and its data points

  • Exporting history records according to time period successfully

Impact

  • Increased customer satisfaction by 1.2X

  • Increased app retention by 10%

My role

I shipped the redesigned experience for monitoring blood pressure, pairing with uCheck Smart, and introduced a couple of new features while keeping in mind with the brand guidelines.

I was the sole UI/UX designer for uCheck Smart, collaborating with designers from other teams to achieve alignment in design patterns, product owner, mobile app developers, and relevant stakeholders.

I shipped the redesigned experience for monitoring blood pressure, pairing with uCheck Smart, and introduced a couple of new features while keeping in mind with the brand guidelines.

I was the sole UI/UX designer for uCheck Smart, collaborating with designers from other teams to achieve alignment in design patterns, product owner, mobile app developers, and relevant stakeholders.

I shipped the redesigned experience for monitoring blood pressure, pairing with uCheck Smart, and introduced a couple of new features while keeping in mind with the brand guidelines.

I was the sole UI/UX designer for uCheck Smart, collaborating with designers from other teams to achieve alignment in design patterns, product owner, mobile app developers, and relevant stakeholders.

What I did

  • UX audit

  • Interaction design

  • Maintaining design system

  • Executive presentations

  • Motion design

  • ​Research coordination

  • UX audit

  • Interaction design

  • Maintaining design system

  • Executive presentations

  • Motion design

  • ​Research coordination

  • UX audit

  • Interaction design

  • Maintaining design system

  • Executive presentations

  • Motion design

  • ​Research coordination

Process

Research insights​

To identify user expectations, I did competitive studies on similar products and analysed their features and common complaints from users. Additionally, I conducted a brainstorming workshop with the team to uncover pain points of individuals. It was revealed that:

  • Some crucial steps were unclear and felt long to complete a task

  • Unable to make sense of the data trends

  • Exporting monthly/yearly blood pressure records is troublesome

From these findings, we worked towards our goal in creating a consistent monitoring experience for users to find vital information.

Design concept exploration

One of the areas we focused on was revising the data trends page layout as it created the most confusion to users when interpreting health data readings over time and navigating across time periods. After rounds of discussions, we agreed on a graph that would be easily adapted to track other vitals such as weight and body tension.

Design system

While restructuring information of content pages improves comprehension of health data, I had to ensure a cohesive and consistent experience within the ecosystem of OSIM devices. This meant that I had to collaborate with engineering team and designers from Product teams when establishing a design system.

I looked at popular mobile design system libraries to help inform what would be needed to build out design system from the ground up.

Key changes to the app

After testing and iteration, we landed on a blood pressure monitoring flow that helped the user get from A to B in as little as 3 steps.

1. Access latest measurements faster

The current experience to review latest measurements felt long due to reliance of manual transfer. The redesigned screen serves to better match the user's mental model of auto-syncing data to the app after measurement. Also, it removes unnecessary interaction and helps to reduce the time taken to review the measurements.

2. Easily view data at a glance

Currently, users struggle to understand the graph due to its unconventional way of display. Our goal for the redesign of the trends was to help users establish better overview of their blood pressure's evolution.

3. Export records for sharing externally

The existing implementation of sharing information is troublesome because the user has to tap on the share button a lot of times to take screenshots of the measurements for that month. The redesigned flow allows users to easily export past records into one PDF and share this information with their doctor for review or consultation.

3. Export records for sharing externally

The existing implementation of sharing information is troublesome because the user has to tap on the share button a lot of times to take screenshots of the measurements for that month. The redesigned flow allows users to easily export past records into one PDF and share this information with their doctor for review or consultation.

3. Export records for sharing externally

The existing implementation of sharing information is troublesome because the user has to tap on the share button a lot of times to take screenshots of the measurements for that month. The redesigned flow allows users to easily export past records into one PDF and share this information with their doctor for review or consultation.

Reflection

As this project shipped, we were eager to leverage what we learned and apply the lessons learned in reducing the time taken to pair with the device to future OSIM experiences.