OVERVIEW
PROGRESS & CONTRIBUTION
Team Lead, UX Researcher, Designer and front-end developer

Across the 9 weeks span, I've learned from enormous perspectives.



As Team Lead

  • Made sure the site can be published in time using agile weekly sprints
  • Balanced between decision makers and communication facilitators
  • Kept the team momentum upbeating


UX Researcher & Designer

  • Iterated on interview questions to narrow down the problem scope.
  • Moved the team forward with a design framework that transformed insights into actionable steps.
  • Made major design decisions, performed accessibility check and constructed a design system for developer handoff


Front-end Developer

  • Worked on stylesheet with HTML & CSS
  • Worked on the interactive scroll menu bar on the ā€œRead Moreā€ section with Javascript
PROBLEM SPACE
ā€œLearning diabetes is like learning a new language!ā€

Do you know how many carbohydrates are in a regular apple? Milk? A chocolate croissant? And do you know how much insulin you would need to counter the effect of those carbohydrates?

problem statement

Imagine that you have to count calories for every single thing you eat and calculate the amount of insulin to inject before you start eating.

Through our interactions with Patients with Type 1 Diabetes and professional diabetes educators/ endocrinologists, we know that patients rely heavily on trial and error & experiment on their own body to figure out how to manage diabetes. How can we help them in this case?

RESEARCH FROM DIFFERENT PERSPECTIVES
Learned from previous project and different diabetic-related groups

1. Utilized exisiting resources at its best!
We had a good start with previous teams working on the project about insulin timing and dosing through visualization, which proved to be working during our less formal user testings.

research_previousproject

Previous projects
on insulin timing & dosing



But only education about insulin is not enough. After interviewing with 2 previous members, we refined our problem statement into:

How can we provide an easy-to-use and flexible diabetes education tool that empower people through digestible visual interactions?





2. Valuable inputs from in-depth Interviews through iterating scripts
To study more in-depth about the struggles, we conducted 13 interviews with people with different expertises in learning and teaching diabetes.

Here, I led the team to iterate on the scripts by turning general question to scenario-based questions to get the just-right information we needed:

e.g "How and when would you bolus" into a senario question ā†’ "Imagine that you are about to eat breakfast/ exercise, what would you do now?"

The new questions set worked pretty well and we were able to identify the 3 main pain points that the diabetic community struggles with:

  • šŸ“š 01: Diabetes management is tough & highly personal
  • šŸ“ 02: Limited resource for diabetes education
  • šŸ§  03: Mental burden for a lifelong task


research_interview.png




research_interview.png


research_interview.png
ITERATIVE RESEARCHES & ANALYSIS
Card sorting with users to categorize various topics

To move forward, we wanted to further synthesize the data by turning narrative stories into understandable pedagogy.

After pointing out that affinity map might not work in this case to the team, I constructed our questions and reached out for mentors' help during weekly standup meeting. Eventually, the team were able to refine our topics of interest and hierarchy of teaching by conductng card sorting exercise with our interviewees.

ccard sorting
DESIGN FRAMEWORK
ā€œBreaking-downā€ is done and it's time to ā€œbuilding-upā€

With all the information at hand, I worked with another product designer Ed, trying to integrate the scattered information in a more systematic way. While talking with him about all the previous artifacts, I was inspired to come up with this "Breakdown and Buildup Framework".
designframework


The original one was much more complex as shown in the gif, but after consulting with our mentors and refining it as a team, we made a huge progress by having the framework only focus on simple carbohydrates and carb amounts.

Breakdown-buildup
Set up "template" for more advanced communal education

By providing examples on really basic concepts, we help people with different expertise familize the tool so that they are prepared for more advance personalized and customized education.

People who has more experience in managing T1D now can create customized graph based on their need to educate those who has less experience.


designframework

Chart editor
DESIGN PRINCIPLES
Design Principles that help make design decisions

From research we know that people with diabetes are overwhelmed by the complexity of interconnected knowledge and subjected to emotional fatigue, the 3 Design principles we came up aimed to tackle those problems:

  1. Keep the interaction as simple and intuitive as possible
  2. Reaslitc scenarios with attention to emotions
  3. Emphasize with users through accessibile visual and language





1. keep the interaction as simple and intuitive as possible

Based on our framework, we try NOT to overwhelm people, especially those who are newly diagnosed with diabetes.

The way we try to deal with that is to simplify the cognitive load and shorten the learning curve for people by having one main interaction at a time.

Users can select different types of food to learn about simple carbohydrates

simplecarb

Users can drag to to adjust the amount to learn about Carb Counting  (without exact numeric numbers to avoid giving medical advice)

carbcount






2. A realistic scenario with an attention to psychological impact

As learning diabetes is a really personal and complex journey, the tool aims to represent a general yet realistic scenario that could people with diabetes can feel related.

Through interacting with the graph, people with diabetes will learn and remember the concepts from the exmaple and be able to implement that same logic when managing their diabetes.

realisticscenario





3. Emphasize through accessibile language & visual

The third main pain point was the mental burden that people with diabetes and their loved ones bear.

That was why we paid extra attention to use as accurate and consice as possible for the language in the note. We also wanted to make sure the tool is accessible to all.

accessible_language

accessible_visual
The tool in live !

Thank you for viewing all the way!
What is really cool about the project was that it actually got implemented to distribute to the diabetic community!

What we heard from the community:

ā€œNot only is it good for the newly diagnosed, but also those who have been on LOOP for a while. Thereā€™s not much out there, so this is helpful!ā€

--- Interviewee K (father of T1D)



Note that, due to short in time and resources, there might be differences between the real site and the intended design.


TAKEAWAYS
The power of the community
What really fascinated me through these 9 weeks was how strong, supportive, friendly and loving the community is. A huge shout out to all of our participants who are all selflessly contributing to help and to support other people with diabetes and the project! They and their kind heart are invaluable as these are what keeps me motivated in designing to solve problems!

Leading == Supporting
At first, I thought that being the team lead had to know each steps very clearly and lead the team to efficiently and effectively make achievements every week. However, that was not the case at all with this project! More than often, it was the team lead's responsibility to help everyone realize their full potentials, to support and 'glue' the team together, and to serve as a bridge to facilitate the communication between the team and our mentors/stakeholders.