Easing the daily burdens of diabetes management

gluCal

Easing the daily burdens of diabetes management

Role

Sole designer, Developer

Timeline

Mar - Apr 2024

Team

1 designer

1 developer

Skills

User research

Prototyping

Mobile dev


The Problem

75 million people worldwide inject insulin daily.

This involves counting carbohydrates and calculating personalized doses, every time they eat. 5+ times a day. Every. Single. Day.

Pictogram of 75 million people who inject insulin daily, sourced from the National Center for Biotechnology Information

Despite being a daily task, there’s no straightforward tool that simplifies insulin calculation.

The process is tedious, monotonous, and complicated. No one wants to do math before each meal! Existing tools are either frustrating to use, or don’t address the specific need.

Solution

gluCal: The all-in-one calculator and log to simplify insulin dosing

Insulin Calculator screen, showing glucose level and carbohydrate intake inputs alongside the calculated insulin dose

1. Insulin Calculator

Users input their current glucose levels and carbohydrate intake then select a carb ratio. gluCal then calculates the recommended insulin dose based on their personalized settings, which can be adjusted at any time. Users can also log specific foods along with the carb count.

Insulin Log screen, listing automatically and manually logged insulin doses

2. Insulin Log

All insulin calculations are automatically stored in the insulin log. Users can also add logs manually from this page for doses taken without using the calculator for more flexibility.

Food Diary screen, listing food entries logged through the insulin calculator

3. Food Diary

The food diary logs all food items entered through the insulin calculator to help users track their diet alongside their insulin intake. Users can also create a food diary entry directly from this screen.

Research

To start, I conducted 3 user interviews with people with Type 1 Diabetes, and identified 2 main pain points.

Research findings summary

Question·How might we make calculating insulin doses easier and less frustrating for people with diabetes?

Standing out from existing products

I conducted a competitive analysis and discovered that existing solutions varied along 2 key spectrums: visual design and scope.

Competitive analysis of existing glucose tracking apps

Finding·Existing diabetes tools fall short for users seeking a simple, focused solution, without the complexity of broader management systems.

Design Decisions

I started off by exploring different layouts and mapping out the basic app structure on paper.

Early wireframes

Decision #1

How do we show that logging food is associated with the carb count input?

Users have the option to log the food they’re eating when calculating insulin. If a user logs food, the carbs input field is automatically filled with that information.

The “log food” button needed to appear 1. optional and 2. associated with the carbs input field.

1. Attached, outline

Log food button attached to the carbs field, in an outlined style

2. Attached, solid

Log food button attached to the carbs field, in a solid style

3. Separate, outline

Log food button separate from the carbs field, in an outlined style

4. Separate, solid

Log food button separate from the carbs field, in a solid style
1234
Perceived optionality

Outline creates lower hierarchy, signaling optionality

Set apart by position, but unclear without a label

Outline differs from mandatory fields, but shape is unchanged

Unclear as optional without a label

Association to carb input

Near the carbs input, but connection unclear

Near the carbs input, but connection unclear

Positioned separately, no evident relation

Positioned separately, no evident relation

However, users still expressed that logging food seemed like a separate process from inputting carb amounts.

One user suggested to nest the button within the carb input field. When the button is nested within the field, it visually indicates that the log food action is part of the carbs input process, rather than a separate action that is simply associated with carbs.

Nested button

Final design: the log food button nested inside the carbs input field
5
Perceived optionality

Outline creates lower hierarchy, signaling optionality

Association to carb input

Nesting shows logging food is an optional way to input carbs.

Perfect! This was a great solution that I would not have come up with without the help of user feedback!

Decision #2

What would it look like to log multiple food items at once?

When logging food from the calculator, an intermediate screen appears that stores all the food the user is logging. I explored two different approaches for the food input form that appears after they click “Add Item”.

Modal overlay

Slide-down panel

ModalPanel
Exiting the form
Two ways out
No way out
Mental models
Familiar pattern
Breaks convention
Content overflow
Fixed, no scroll
Scrolls when long

The modal wins on all three counts — a clear way to exit, a familiar pattern, and no scrolling.

Decision #3

How should we structure the data synchronization of the insulin log and food diary?

When a user logs food alongside an insulin calculation, two entries are created — one in the insulin log, one in the food diary — connected by a shared carb count. If that carb count is edited later in one log, should it update the other, and should the associated insulin dose update too?

Two options compared: storing the carb count independently in each log, versus linking it so editing the count in one log updates the other

I weighed this against two priorities for gluCal: simplicity (the app should reduce thinking, not add to it) and flexibility (real life is messy — people don’t always log insulin and food together, or in order).

Keeping the carb counts independent supports both: users can edit either log without triggering unexpected changes elsewhere, and it avoids the technical complexity of syncing data across gluCal’s two separate database tables.

Decision·Carb counts stay independent across the insulin log and food diary.

it's done! what did i learn?

Design and development work together, not one after another

I had the misconception that design and dev were separate, clean processes - you finish one, then hand it off to the other. Deciding how the insulin log and food diary should sync proved me wrong. The technical reality of keeping two separate database tables in sync directly shaped the design decision, and vice versa.

Get feedback on rough ideas

I tried four different, polished versions of a button before showing my work to anyone. The idea that actually worked - nesting the button - came from one offhand comment in a single user interview. Especially when working alone, feedback is most useful when early and rough, before you invest time in polishing a solution that may not be the right one.

gluCal