Sugar Guard

Sugar Guard

Role:

UX Designer, Interaction Designer

Tool:

Figma, Adobe CC

Date:

Oct.2022 - Dec.2022

Background

Diabetes patients rely on multiple devices and apps to monitor their blood sugar levels, insulin intake, diet, and physical activity. However, this fragmented system creates a significant challenge—patients must constantly switch between different interfaces, each with its own design and interaction patterns, making data management overwhelming.

Challenge

  • Data is scattered across multiple apps and devices, requiring constant switching.

  • Inconsistent UI/UX across platforms makes it difficult for users to adapt.

  • Lack of a unified view, making it hard to track overall blood sugar trends.

All-in-one Monitoring Platform

Sugar Guard integrates all blood sugar data into a single platform, offering a unified visual interface that helps users:


  • Minimize app and device switching, simplifying data management.

  • Standardize data visualization, making information easier to understand.

  • Enhance user experience, reducing cognitive load and improving efficiency.

Research

To better understand the challenges diabetes patients face in managing their blood sugar data, I conducted a survey and interviews with 20 participants, and here are some hightlights.

Diabetes management is inefficient due to frequent device switching, data inconsistencies, and complex visualizations, making glucose trends harder to interpret. New users also face a steep learning curve, struggling to adapt to multiple interfaces.

I prioritize information based on the following criteria:

  • Viewing Frequency – How often is this data checked?

  • Impact Level – How much does it affect diabetes management?

  • Immediate Action Required – Does it require immediate action?

  • User Demand Level – How important is it to users?

Based on my research and collected reports, the priority of information displayed on the dashboard is:

Core data

High visibility.

  • Blood Glucose

  • Levels Insulin

  • Medication

  • Blood Pressure

Important data

Secondary visibility.

  • Dietary Intake

  • Weight & BMI

Optional data

Additional features.

  • Blood Ketone Levels

  • Sleep Quality

  • Uric Acid Levels

  • Stress Levels

  • Blood Ketone

  • Sleep Quality

  • Uric Acid Levels

  • Stress Levels

  • Blood Ketone

  • Sleep Quality

  • Uric Acid Levels

  • Stress Levels

How might we create a unified platform to simplify tracking, reduce cognitive load, and integrate devices?

How might we create a unified platform to simplify tracking, reduce cognitive load, and integrate devices?

How might we create a unified platform to simplify tracking, reduce cognitive load, and integrate devices?

Ideate

Through research, I identified the key data for the main dashboard and prioritized them. I first sketched the wireframe on paper to define the layout.

Usability Testing

After completing the initial dashboard, I conducted usability testing and gathered diverse feedback. Using these insights, I iterated and refined the user experience.

Positive Feedback

  • All diabetes-related monitoring data is available on a single platform

  • A clear reading order places the most important information at the top.

  • Each module has a well-structured hierarchy, making information easy to digest.

Chanllenges

  • The data status lacks clarity, and using green on green does not consider users with color weakness or color blindness.

  • The alarm could be more prominent.

  • It would be helpful to support quick profile switching, as requested by patients' families.

Implementing feedbacks to my design:

  • I started with accessibility, improved the colors, and added warning icons to remind users that they need to take appropriate actions.

  • In the device section, I optimized the icons and improved accessibility.

Added a profile switching feature and integrated it with the medicine and weight sections.

Final Design

- Reflection -

Data Prioritization, Visualization & Communication Efficiency

One of the biggest challenges was deciding what information should be displayed, how it should be visualized, and how to make it instantly understandable. Given the multiple health metrics diabetes patients track daily, I had to establish a clear hierarchy to avoid information overload.

Defining the Core Interface through User Research & Data

From the beginning, I approached this project using first-principles thinking, focusing on what users truly need rather than building based on assumptions. To achieve this, I relied on user research and data analysis to define the core dashboard layout.

👉 If I were to take this further

I will continue testing and iterating to ensure every feature truly meets user needs.


I see AI-driven recommendations as an opportunity to transform the dashboard into a proactive health assistant, offering personalized insights and guidance based on user trends.

Let's Get in Touch

I love connecting with people and exchanging ideas about design, creativity, and everything in between!

Designed & Developed By Xinyuan Liu. © 2025

Let's Get in Touch

I love connecting with people and exchanging ideas about design, creativity, and everything in between!

Designed & Developed By Xinyuan Liu. © 2025

Let's Get in Touch

I love connecting with people and exchanging ideas about design, creativity, and everything in between!

Designed & Developed By Xinyuan Liu. © 2025