top of page
cut 2.png

OVERVIEW

Overview
Challenge

How could we help pregnant families to know health information and increase communication effectiveness?

My Role

UX Researcher & Designer, AR developer

Timeline
Solution

We designed Together, a mobile application that intuitively provides personal health information through sensors and augmented virtual reality to achieve a smooth communication  for pregnant families.

April 2019 - July 2019 (4 months)

Team Members

Chaoran CHEN, Qixian YAO, Xing TIAN,

Yixiang ZHANG, Yuchen XING, Shuxian QIAN

Mentor

Bo GAO

Our Approach
01 Research

Competitive Analysis

Quantitative Analysis

User interview

Persona

Journey map

02 Design

Ideation

Scenario

Information Structure

Hi-fi Interface

Prototype 

My Contribution

During the research phase, I was in charge of doing quantitative analysis and creating journey map. I also contributed to the user interview and competitive analysis.

 

During the design phase, I took part in the definition of information structure and created several low-fi interfaces. Then I was mainly responsible for developing the AR module in our prototype by using Unity and Vuforia. 

 

Finally, I was in charge of presenting our design prototype and refining our design.

Outcome
Research

Research

We started our project with a vague idea of designing a service application for pregnant families. After our interview with mental health experts on campus, we narrowed our idea down to creating a mobile application that helps pregnant families to know health information and increases communication effectiveness

Background Survey

In order to understand the background information on current pregnancy and parenting, we conducted a quick desktop survey. Our main findings include the following six aspects: 

background survey.png
Competitive Analysis

We conducted a competitive analysis of existing apps for pregnancy knowledge and communication.

competitive analysis.png
Main Finding:

· For function, most apps integrate different functions including pregnant information, maternity circles, health tools, and online course, which makes users hard to find principal functions.

· For content, most Apps provide practical tools and a lot of knowledge for pregnacy. However, many sources of knowledge are unknown, which is detrimental to the credibility.

· For experience, users can use the apps as a platform for knowledge acquisition and socialization, and as a tool to understand the physiological health of pregnant women. But too many pages damage the user experience.

User Interviews

We then conducted online semi-structured interviews with 4 married men and women to 1) understand detailed pregnancy experience and 2) find the pain points they encounter when using current Apps on pregnancy service. 

user interview.png

After the interview, we summarize the pain points into two typical personas.

persona.png
Questionnaire

To better understand our target users’ attitude toward the user painpoints, we made an online survey before diving into solutions. We received 441 valid answers and here I list the result of 3 typical factors.

quantitative result.png
The main take-aways from the quantitative analysis include:

- Both father-to-be and mother-to-be cannot understand medical knowledge well as the result of the lack of valid and clear medical information during pregnancy.

- Prospective fathers do not take the initiative to learn pregnancy knowledge because the knowledge in related apps is too much and not targeted.

Journey Mapping

To better guide our design and enable everyone on the team to empathize with our users, I further synthesized the results of user interview and quantitative analysis and came up with the following journey map:

Journey map.png
Design

Design

Ideation

Based on the research findings in mind, we conducted a brainstorming. We first came up with a variety of ideas individually and we eventually settled on the following core functionalities:

ideation.png
Information Structure 

With the design idea, we generated the information architecture of our application and came up with the following information architecture design:

information architecture.png
Usage Scenario
senario.png
Low-fidelity

We created the following low-fi wireframes to make our ideas more concrete, and to make sure that the information architecture we derived make sense.

low fidelity.png
Prototype

We created the following low-fi wireframes to make our ideas more concrete, and to make sure that the information architecture we derived make sense.

AR Scanning

Through AR technology, couples can understand the baby's development status. They can click, rotate, and zoom the screen to observe the baby from different angles.

AR2.png
AR1.png
bottom of page