ubabyfit-lady-09_edited.png
iphone-x-mockup-scene (1).png

Ubaby Fit

The University of Utah Hospital is looking for a digital solution to build clinical assistance between pregnant women with doctors.

logo-10.png
Tools
Sketch/inVision
Adobe Illustrator
Roles
UI/UX Design
Context
Time: Oct 2016 - Feb 2017
Product: Designed for Android
Position: UI/UX Designer @ GApp Lab

The Problem

​U Baby Fit is an EMR-integrated app that helps doctors from U-Hospital to track expectant mothers' weight gain at the micro-level and provide clinical assistance to pregnant women.

Entry Point

Most expectant mothers can check a chart of their weight gain between doctor visits. How the doctor of U-Hospital track expectant mothers' weight gain at the micro-level. 

Challenge

How to educate and give information to expectant mothers on managing their weight gain during pregnancy?
In the U-baby Fit app, we focus on inputting EMR data combined with the User data (BMI). Users can take photos of their food, upload it, and have the ability to send it directly to their doctor. They then can receive feedback, or advice on how they are doing or ways they can eat better during pregnancy. It also offers users the ability to track their steps every day, and throughout the user's pregnancy.  

User Research

Questionnaires and Interview
We started our research by sending out online surveys to better understand how pregnant women tend to gain weight during their pregnancy.  These surveys included questions regarding their due date, how often they took pregnancy test, current BMI, and related health questions.

We got some data here:

ubaby-data.png

From the participants who were currently pregnant we got some key insights that helped us to further understand our problem. 


Key Insights

  • For most women in this study this was their first time pregnancy.

  • All of these women went to the hospital regularly for check-ups.

  • Most expectant mothers are within the BMI value range, but there are still some pregnant women who exceed the normal BMI value. 

Problem statement
Although they have regular checks, some pregnant women are still overweight during pregnancy, and doctors do not know the reasons for excessive weight gain in the short term. 

User persona

The main users we are targeting are expectant mothers who are enrolled at the University of Utah Hospital system and familiar with android smartphones. The app will provide clinical assistance to pregnant women.

Ideation

In the user research, we identified which information users need, and we summarized and ideated from there about the exact content.

​We focused on four parts to assist users: 

After ideating the functions, we built a Low-fidelity prototype. I created the prototype design to help us to get a quick test.

Artboard 2.png

Based on user testing, the user said the color change was difficult to understand the Chart and did not tell the exact information. Thus, we unified the visual system and updated the weight graphic to better inform the users about their data from EMR records and Local records. 

Visual System

Tab Bar Motion Design

tabbar2.gif
Low -fi.png

Iteration

Low -fi 1.png

Then based on the functions, I created an Information Architecture Map to help us understand how the users navigate through the app.

IAmap2.png

Final Design

01.
Onboarding

Offer users a Walkthrough Screens and sign in or create an account page with the U-hospital specific Loinc code to sync their data from the U-Hospital. 

Onboarding-createaccount.gif
overview.gif

02.
Overview

Users can see their data on the Home page. Also, there are other micro assistance functions to help them to keep in touch with Doctors. 

03.
Weight Record

Users can check all BMI records include their EMR records from the hospital. Doctors can track what is happening with the pregnant woman from her next appointment. 

Viewall-weight.gif
photo-viewall.gif

04.
Photo

In the Photo function, we offer in-function sharing. They can share their food and thoughts with their doctors to get some feedback. 

05.
Contact

In the Contact, users can get some information regarding doctors' backgrounds and know which doctors are online or not.

contact-viewall.gif
BMI-caculator.gif

06.
BMI

Users can calculate their BMI every day. The app will give basic information regarding the optimal weight which she should gain.

07.
Reading

The app also offers some readings related to pregnancy health to the users. They can save it to their favorites tab or share it with their friends through social media. 

article.gif
Message-searching.gif

08.
Message

User can click search to see who is online or which doctor she is familiar with to get help. 

09.
Steps

In steps, users also can check their daily activities. The app is trying to encourage users to keep exercise.

Steps.gif

Takeaway

Offering the crucial feature is more important than offering everything.

There are many functions that can be offered through a pregnancy app such as taking records of the baby bump, records of contractions, kick counter, and so on. Based on user research, some expectant mothers had used other pregnancy apps in the past but only for certain features in particular. Although other features might provide more information, they are not their priorities and thus become redundant to them. Instead of offering more, we should focus on the right content that fits our target users.​