An App to help newly diagnosed diabetes kid's families get better diabetes management education and reduce their burden to take care of their kids.
May 2022 - Present
UX research, UX/UI design,
Branding, Data analysis
Miro, Figma, After Effects, Protopie, Pendo.io, Photoshop, Illustrator
- 95% satisfaction rate.
- 98% success rate of insulin dosing counting
I am the sole designer, worked with 1 PM and 2 software engineers.
I led an end-to-end design process of the APP.
After launching the App, I conducted AARRR analysis and created success metrics for user activity in Pendo.io to support design improvement.
Our client is Children's Healthcare of Atlanta(CHOA), which is nationally ranked in 10 pediatric specialties. We worked with the doctors and diabetes educators in Diabetes Team.
Parents are overwhelmed when the kid is diagnosed with diabetes, and they are required to attend a two-day education on diabetes to ensure they can take care of the child while going back home.
by Diabetes Educator
I created an App which has digital verision of diabetes content, as long as orientation, diabetes resources, insulin calculalor and quiz.
with visuals and videos to help patients better understand. Also, the patients can search keywords to find content.
designed to help patients get to know about what education is so that they can have a clue of what to do next.
is used to calculate insulin dose for food and insulin dose for high blood sugar, and is also used for patients to double check their calculating.
is designed to help educators check if the patients understand the content or not, and to provide support accordingly.
designed to provide additional information, including App recommendation, food diary and communities.
We organized a meeting with 4 diabetes educators to have an indepth interview to know more details about the problems they are facing.
- Observation and interview with patients
Interview with Patients
I attended the class to conduct an observation and user interview at the hospital aiming to gain a better understanding of how families perform during diabetes education in the hospital.
Affinity Diagram for Patients
Affinity Diagram for Educators
Educators mentioned many Apps they would recommend to the patients and complained about their missing features and bad user experience. Therefore, I conducted a competitive analysis of these Apps, aiming to find their weakness and potential design points.
I created 3 personas based on the research. Data-obssessed family is the primary persona, and flustered family and alternative caregiver family are the secondary personas.
I used a user journey map to recreate the whole process, which concludes 4 phases from being diagnosed with diabetes to discharging from the hospital and going home.
How might we design a digital tool to optimize the whole experience of diabetes education so that parents can get better educated about diabetes management?
1️⃣ Help parents digest the knowledge easily and soothe their emotions as well.
2️⃣ Facilitate educator to teach knowledge and easier to get feedback from parents
1. User doesn't need to log in and the App doesn't store user data.
2. The App should avoid containing temporary information such as educators' contact, blood sugar meter device information.
Based on the user journey map, I created a future user journey map to brainstorm design concepts for each phase and to design the experience as a whole.
Combine the future journey map and the needs from stakeholders, I defined 5 main feartures of the App.
After determing the main feature, I created a architecture information of the App and presented to stakeholders,
The wireframing phase is to create reasonable user flows, and prioritize the user needs.
I conducted 2 rounds of rapid user tesing using online survey and interview. After analyzing all the feedback, I determinded the design focus and made major design changes.
The orientation is really helpful for users based on the feedback, so I specifized the user flow of the orientation, put concret content and gave educators to validate.
User prefers the digital material to the handbook very much, so I created a sample for chapter one, and showed to users and educators to test the length of each chapther and how they use search and bookmark features.
User expected the insulin calculator to be more specific, so I designed the user flow of the insulin calculator.
During Hi-Fi design, I focused more on the details and visual of the design, and also collaborated with educators to put real content to the App.
The aim of the user test is to see how users act and what difficulties they met during using the App.
To make the design consistant with CHOA's current product, I designed a new visual style based on the reference of the design system of CHOA.
User failed in insulin calculator and complained it was complicated to use. To solve that, I splited the task into 3 steps with 3 individual pages.
User felt confused when it was a multi-choice question, so I changed the interaction for single and multi choice questions.
User eagered to have more additional information and cheatsheets for eating. After talking with educators, I added 4 materials in food diary section.
I created a logo and App named brainstorm with them, aiming to involve all stakeholders to express their care by contributing to the design.
It was really great that we came up with a really good name, Type U, which was liked by everyone and fully delivered our team's care and passion. Along with that, I designed a logo that makes our great hope in visualized form.
Collaborate with Programmers
After finishing most of the design works, I assisted developers to launch the perfect design of the project. To make the design more standard and programmable, I made a few changes based on communicating with developers.
To make the App accesible for different size of screen, I created a set of pages for small screen.
After each test version published, I would generete a walkthrough report to categorize the bugs and provide solutions accordingly.
In the end, I want to quote what educators said to the patients at the orientation to express my sense of excitement and measurement of helping others people get better through this project!
"You can do this, and you’ll be incredibly proud to look back and see just how much you’ve learned and how far you’ve come in a short period of time!"