top of page
Glucose insights component
UX and UI design
Feb 2025 | Company Sweetch health
Mobile
Project overview
As part of a broader initiative to support users with type 2 diabetes who wear sensors to monitor their glucose levels, I designed a new homepage component that visualizes their glucose trends from the past 8 hours. This feature helps users understand how their meals and activities impact their glucose - and what they can do differently next time.
My role
I led the end-to-end UX/UI design process - from synthesizing user research insights to defining key user flows. I collaborated closely with a product manager, customer success and a data science team to make sure the insights were medically relevant, accurate, and easy to interpret.
Problem
Many people with type 2 diabetes struggle to connect their everyday choices - like what they eat or how much they move - with their glucose levels. While continuous glucose monitors (CGMs) provide valuable data, it can be overwhelming or confusing without proper context.
“I never know if my meal is good enought for my health condition.”
“Sometimes I wish my app would just tell me what to eat instead.”
Our user research revealed that users wanted clear, supportive feedback on their behavior, especially around meals and physical activity.
They were less interested in raw data, and more interested in what it means and what to do next.
Goals
-
Visualize the user's recent glucose trends in a way that is clear and non-judgmental
-
Help users connect specific meals and activities with glucose responses
-
Provide positive reinforcement for good choices
-
Offer healthier alternatives when glucose went out of range
-
Educate and empower, without overwhelming
The solution
1. Glucose graph
-
Displays the user's glucose levels over the last 8 hours.
-
Highlights "time in range" visually.
-
Tags events like meals and activities on the timeline.
-
Uses color cues (green/yellow/red) for quick interpretation
2. Insight cards
-
Each event (meal or activity) is shown with a short summary
-
Meals: Shows the maximum glucose level after the meal. If glucose stayed in range, it's marked as a "good choice". If not, a "Healthy Alternative" button appears.
3. Healthy alternatives flow
-
When users tap the button they navigate to a new screen that compares their original meal and suggested healthier option
-
Shows what was problematic in their meal vs. what's better in the suggestion.
-
Predicts what their glucose curve might look like if they chose the alternative. This feature turns glucose education into bite-sized, relevant, and personalized lessons.
Design considerations
Throughout the process, I explored multiple design directions for each part of the component - from different ways to visualize glucose spikes, to how feedback should be phrased, and how alternative meals should be presented. These explorations helped me better understand the balance between clarity, emotional tone, and usability.
To get to the final solution, I tested various options that didn’t make it into the final version. For example, I explored a horizontal scroll version of the insight cards, an alternative graph design using stacked zones to emphasize time-in-range, and an expanded comparison screen with multiple meal options. While we didn’t choose these directions, they played a crucial role in refining the final user experience.
Home page component UX variations
Idea 1
Idea 3
Idea 2
Idea 4
Idea 5
Final design solution
After rounds of exploration and iteration, I arrived at a final design that is both intuitive and impactful. It seamlessly integrates the glucose graph, contextual insights, and the healthy alternative flow into a cohesive experience. The final version balances user empathy, visual clarity, and actionable feedback - tailored specifically for people managing type 2 diabetes with CGMs.
The decision was to present the user the impact of the meal on glucose level by presenting it on the graph. We decided to simplify it for mvp and to remove activity events from the graph.
There are variouse screnariouse of the componen, but I will present the most interestion ones
1st Scenario
User has high glucose spike
2nd Scenario
User has glucose spike
3rd Scenario
User glucose level in range
4th Scenario
User just logged the meal
Feature on page
bottom of page