Highlights

Adaptive Modes for
Sustainable Support.

We recognize that users won't consistently log their dietary intake; instead, they are likely to only document flare-ups as they occur. We created two modes based on that consideration.

Stable Mode

Minimal interaction is required, as focus is on passive tracking of biometric data such as sleep quality and heart rate variability (HRV) a benchmark for identifying stress.

Discovery Mode

Discovery mode is triggered when users are frequently logging symptoms. This mode encourages users to log food and flare-ups as frequently as they can for a 3-week period. Once logging is completed, users are given a comprehensive report about their digestive health.

Envisioning the future
of meal logging.

What is keeping advanced pattern detection from fixing our lives? It is those unregulated gut flora. How do we figure out what they are up to? Perfect meal logging is how, and here is what it might look like based on our researched design process!

Context clues

Fox Tracks populates meal logs using real-time inputs and contextual data. Fox Tracks allows for retrospective edits to meal logs, enhancing its learning model with each update.

Confidence score system

Each meal log in Fox Tracks comes with a confidence score, a smart indicator of the log's accuracy.

The power of patterns

The average person repeats a total of 30 different meals. After 2 weeks of meal logging, sufficient data would be present to automate meal logging based on context and one-touch logging.

The user is in control

The user decides when a log is accurate enough.

Personalized Digestive Insights
+ Comprehensive Reports

By correlating symptoms with food log and biometric data, Fox Tracks provides personalized digestive insights and recommendations.

Journey Summary

A summary slideshow presents key insights and patterns, including new dietary triggers, flare-up maps, and progress statistics, all designed to boost morale and provide empowering insights.

Personalized Insights

Utilizing user-inputted food logs, symptom patterns, and biometric data, Fox Tracks provides tailored insights, allowing users to refine the app's accuracy through their feedback.

Weekly "Foxy Mail"

Alongside personalized insights, "Foxy Mail" delivers weekly updates and tips on the management of chronic digestive disorders, keeping users informed and engaged.

Envisioning the future
of meal logging.

What is keeping advanced pattern detection from fixing our lives? It's those unregulated gut flora. How do we figure out what they're up to? Perfect meal logging is how – here's what it might look like based on our research based design process!

Context clues

Fox Tracks populates meal logs using real-time inputs and contextual data. Fox Tracks allows for retrospective edits to meal logs, enhancing its learning model with each update.

Confidence score system

Each meal log in Fox Tracks comes with a confidence score, a smart indicator of the log's accuracy.

The power of patterns

The average person repeats a total of 30 different meals. After 2 weeks of meal logging, sufficient data would be present to automate meal logging based on context and one-touch logging.

The user is in control

The user decides when a log is accurate enough.

Advanced pattern detection and context clues.

Meal Logging

Users have the option of logging food through audio, photo and timestamps. Then, edit them later on mobile.

One-touch logging derives statistically probable data using context clues and pattern recognition.

01.

Context

Does your stomach hurt?

This was my graduate capstone project encompassing 8 weeks of research and insight generation and 8 weeks of product development, resulting in a prototype video, public presentation, and design specification.

As we tossed around ideas, we were surprised to find that we all suffered from chronic digestive disorders that were never addressed professionally. It was comforting to be able to speak freely in a group of people who could empathize.

Was this shared struggle just a coincidence, or could we have stumbled on a larger, silent epidemic?
My contribution
  • During our 8 weeks of product development, I developed our style guide, UI kit, and presentation strategy.
  • Created a typographic system and color palette for the fox mascot illustration.
  • During our 8-week research phase, I helped define our study guide and research approach, conducted two interviews, transcribed and took notes for all interviews, and organized our study and research process.

02.

Understand

Generating insights

Problem Definition

Following a thorough literature review on the subject of chronic digestive discomfort, we learned about functional gastrointestinal disorders (FGIDs). They are characterized by persistent and recurring GI symptoms with no observable physical root cause (such as an ulcer).

  • 25 million Americans have FGIDs.
  • They are the 2nd leading cause of missing work or school, after the common cold.
  • 50-80% of people with FGIDs don't consult a doctor.

User problem

FGIDs are particularly frustrating since triggers vary between patients, requiring a lifelong process of trial and error for patients to develop a healthy relationship with their gut.
Discovery

In order to uncover more, we decided to pair a diary study with a follow-up interview. In addition, we performed an "auto-ethnographic" survey in order to acknowledge and identify our personal biases.

We asked 10 participants who suffer from FGIDs to complete a diary study and followed up with an hour-long interview.

Synthesis

Given the sheer volume of data we had collected, we decided to use thematic analysis–a process that codes a single participant's interview to derive broad themes, and then uses those themes to categorize the remaining participants' data.

While somewhat labor intensive, this method led to strong themes that we all aligned on.

Among many valuable insights unearthed, we found:

03.

Ideate

Turning insight
into action.

Leveraging insights from our research phase, we discovered the highly individualized nature of FGID triggers and symptom management strategies. This led us to question the prevailing reliance on elimination diets, which we found to be overly simplistic and insufficiently empathetic to the real challenges faced by those with FGIDs.

We updated our research question to the following design challenge:

How might we support individuals with FGIDs as they navigate their personal journey with digestive health?
Mapping key findings to our journey map.

We mapped our key findings to milestones in our FGID journey map, we were able to identify three high-value opportunities.

The risk of "normalizing" symptoms continues throughout the treatment course.
We each generated 20 ideas.

Below are my personal concepts. In general, there was a lot of overlap within the group due to the research pointing at either a "collective" solution aimed at destigmatization, or an "individual" solution that detects and assists with treatment.



















































































Focusing our efforts.

We had many ideas, but needed to focus on just one. I led the group in plotting our ideas on a simple 2x2 grid, along two axes: one measuring required user effort and the other a spectrum from individual to community based approaches.

Considering form.

Practical considerations, particularly around biometric data collection, led us to a pivotal decision—leverage the widespread adoption of consumer wearables. We focused on the Apple Watch due to its global popularity.

With a refined and focused design direction, we presented our project strategy to stakeholders, gathering additional feedback to help us refine our idea further.

04. 

Polish

From virtual pet to digital service animal.

The late '90s saw the rise of the Tamagotchi, a keychain-sized game where players were tasked with the care of a digital pet. Neglecting the pet for even a day resulted in the pet's irreversible demise. This high-stakes, emotionally engaging gameplay got players hooked, catapulting the Tamagotchi to massive success.

Imagine a meal tracker where you report your meals by 'feeding' them to a virtual pet. This was our vision with TUMagotchi; to harness the gameplay mechanics of Tamagotchi to encourage consistent meal and symptom logging, creating a fun and interactive method to collect vital health data.

Despite its initial promise, our original virtual pet model did not align with our goal of providing sustainable support. Instead, we shifted towards a "digital- service animal" as a more fitting embodiment of the companionship we aimed to offer.

Storyboard Exploration

A storyboard was developed to visualize the integration of these concepts, facilitating the refinement of our interaction model and user experience.

Our 2nd storyboard, featuring the Habbit Rabbit. We received negative feedback regarding the rabbit’s physique, as well as the dramatically sad expression in slide 06. Ultimately we would move away from the rabbit mascot entirely.
Choosing a Fox

We selected a fox as our digestive health support mascot because of its intelligence, sensitivity, proactivity, and cheekiness – qualities that align with our mission and core values.

Establishing a Cohesive Design Language

The need for a UI-suitable design prompted a reevaluation of the color palette and background details to ensure clarity and user interface compatibility, while maintaining the fox's appeal and ensuring functionality.

With team agreement, I operationalized the refreshed color scheme into a style guide using Figma. This guide, set to evolve alongside our project, laid down a cohesive color palette, typography, and spatial guidelines, forming our design's backbone.

Prioritizing progress over perfection, I focused on establishing a common framework to guide our development and allow for greater adaptability and coherence throughout the project's evolution.

See how the system evolved in the final designs section!

05.

Design

Translating our vision
into reality.

With the conceptual groundwork laid, the challenge shifted to execution. Recognizing the vast scope of our ambitions, we narrowed our focus to elements that would be especially useful to illustrate the emotional arc of the Fox Tracks user journey.



We split the UX design workload, with my areas focusing on: meal logging functionality, retroactive meal editing, the landing page moment, and a late-breaking addition, creating a personalized journey reminiscent of Spotify Wrapped for the finale of our video prototype.

My personal lo-fi concepts for logging interactions.

Iterative Design Process

The more rounds of feedback, the better the final product, and so it is useful to begin with rough designs that are time efficient.

Evolution of the symptom and meal logging timeline view. Notice how the page begins meal log specific but becomes the timeline view for all logs.
Early sketch of landing page moment.
Retroactive meal editing iterations. Notice the reduction in size and clutter in the header and the modifications in the app navigation.
Enhancing Team Communication

Active communication became crucial to coordinate the concurrent filming of our prototype video alongside Tara and my design process. To address this, I organized a Figma file to store our completed design flows and make it easy for other teammates to give feedback.

This setup enabled our teammates to efficiently access, review, and offer feedback on these crucial components without delay. 

This is a screenshot of our actual working space in the middle of development – note the active communication, the controlled chaos.
Maintaining the style guide

As we created components and made decisions, I documented everything in our living style guide to allow for seamless collaboration.

Some pages of the final style guide.

06.

Final Design

Introducing
Fox Tracks

Fox Tracks is an integrated smartwatch & mobile experience that empowers individuals living with FGIDs to make healthier lifestyle decisions for their digestive health.

Our principles
Every feature was made using these research driven principles.
Sustainable Support

Give sustainable support long-term, since digestive health is a lifelong journey.

Autonomy

Give individuals autonomy over their own digestive health journey. Inspire self-discovery, acceptance, and empowerment.

More than Diet

Focus on how digestive health is impacted holistically, by factors such as mental health, sleep, and co-morbidities.

Be Gentle

De-stigmatize FGIDs by talking about it in a positive, supportive, and compassionate way.

Sustainable Support
Adaptive Modes for Sustainable Support
We recognize that users won't consistently log their dietary intake; instead, they are likely to only document flare-ups as they occur. We created two modes based on that mindset.
Stable Mode

Minimal interaction is required, instead focusing on passive tracking of biometric data such as sleep quality and Heart Rate Variability (HRV) – a benchmark for identifying stress.

Discovery Mode

Discovery mode is triggered when users are frequently logging symptoms. This mode encourages users to log food and flare-ups as frequently as they can for a 3-week period. Once completed, users are given a comprehensive report about their digestive health.

Flexible and Easy Logging Experience
Fox Tracks supports both in-the-moment and retroactive logging depending on users' needs. Logging in-the-moment is quick and easy, while entering data retroactively allows for a thorough and detailed record.
Symptom Logging

Fox Tracks supports both in-the-moment and retroactive logging depending on users' needs. Logging in-the-moment is quick and easy, while entering data after the event allows for a thorough and detailed record.

Meal Logging

One-touch logging derives statistically probable data using context clues and pattern recognition.

Users have the option of logging food through audio, photo and timestamps, and later editing these logs on their smartphone.

More than diet
A Hollistic Approach That Considers Biometrics
Fox Tracks integrates with Apple Health to collect biometric data such as sleep, heart rate variability (stress), and menstrual cycle.
iPhone mockup
Autonomy

Envisioning the future
of meal logging.

What is keeping advanced pattern detection from fixing our lives? It's those unregulated gut flora. How do we figure out what they're up to? Perfect meal logging is how – here's what it might look like based on our research based design process!

Context clues

Fox Tracks populates meal logs using real-time inputs and contextual data. Fox Tracks allows for retrospective edits to meal logs, enhancing its learning model with each update.

Confidence score system

Each meal log in Fox Tracks comes with a confidence score, a smart indicator of the log's accuracy.

The power of patterns

The average person repeats a total of 30 different meals. After 2 weeks of meal logging, sufficient data would be present to automate meal logging based on context and one-touch logging.

The user is in control

The user decides when a log is accurate enough.
Be Gentle

Foxy gently keeps individuals accountable through dynamic visuals

Individuals with FGIDs they may prioritize quality of life over dietary restrictions. Having a visual representation of their well-being encourages individuals to make healthier decisions for themselves. By using coded weather symbols, Foxy is able discreetly reflect users' symptoms. Handling the topic of digestive health with care.
The weather Foxy experiences changes based on the user’s symptom logs. Because just like the weather, symptoms pass.
Foxy’s distance depends on how often the user logs during Discovery Mode. The more they log, the closer Foxy gets!

07.

Conclusion

Impact +
What we learned.

Measuring Impact

This interactive tool has the potential to dramatically improve the quality of life for sufferers of chronic digestive discomfort by helping them overcome the obstacles that they currently face related to understanding, tracking, and managing their flare-ups.

Already, this exercise has had a positive impact on those who have participated in our interpersonal studies, attended our showcase presentation, and we hope, to all of the readers of this case study.

Were Fox Tracks to go live it would be important to ensure that the application is effective in providing positive health outcomes.

To do this, we could:

  • Correlate consistent symptom tracking with decreases in symptom severity to establish baseline effectiveness.
  • Correlate discovery of trigger foods, meal log accuracy, or any application feature with decreases in symptom severity to quantify their relative effectiveness in helping users reach their goals.
What we learned

Our team enjoyed and benefited from researching and designing this project. In retrospect, there are a few things I would have done differently.

  • Define roles more explicitly at project onset.
  • Rely more on data driven decisions rather than speculation or group preference to avoid bias.
  • Narrow the scope of prototyped functionality further to allow for maximum polish in our final product.

Let's

work

together