Fovi Health

A mobile application design that provides new moms with approachable and professional experience to track postpartum symptoms.

Background

Fovi Health is a startup featuring on short message service (SMS) based postpartum support for new moms. Specifically, their product helps women with their physical and mental wellbeing in the year after childbirth. They currently deliver daily supportive information verified by medical professions over SMS as well as provide health coaching phone call. With the existing product, they recently launched a pilot in Bay Area.

According to the user data and feedback from the pilot, the client has realized that how to easily log as well as track postpartum symptoms are real needs for their users. Hence, they asked a talented product design team from the School of Information, UC Berkeley to help design effective solutions to meet the needs of their users.

My role

UX Designer

Team

Peter, Yejun, Devin, Muti

Duration

4 weeks

Qian's Contribution

  • Led user research data analysis and synthesis.
  • Collectively ideated the design solutions.
  • Designed the progress flow; created pixel-perfect mockups for this flow.
  • Organized communication with client.

Design Process

Discover & Define

In the kick-off meeting with our client, we learned their vision on providing the postpartum female group with digitally professional support service:

The Target User

target user illustration

New moms who gave birth within the last year; they feel overwhelmed and anxious during the postpartum period.

The Product Goal

product goal illustration

A mobile postpartum symptom tracking application with which new moms will be able to effortlessly receive the support they need without taking time out of their hectic schedule caring for their new babies.

kick-off meeting screenshot

User Research

Given the data collected in the pilot from our client, themes and topics (shown as below) were uncovered by using the affinity diagram. Also, connections were drawn between those topics, which led us to gain an in-depth understanding of the symptoms which exist in the postpartum period as well as methods used by the target user to cope and solve problems.

affinity diagram results of synthesis

Ideation

To effectively converge creative mindsets from the team, a design studio was held. With the Crazy 8s technique, all team members actively generated a wide set of ideas from diverse perspectives on addressing the challenge.

having ideation studio ideas from crazy eight

Solutions

Thanks to insights uncovered by user research and the efficient ideation, the team came up with the solution which is to deliver professional treatment advice based on the user’s postpartum symptoms from real medical coaches through the mobile app.

solutions for mobile app

The Task Flow

task flow for fovi mobile app
  1. The user will be guided to know key features of this app after they sign up or login.
  2. The user will receive greetings each time when they open this app; they will get advice based on their own postpartum symptom data; they will be able to log their postpartum symptoms.
  3. The user will be able to communicate their postpartum-related problems with the coach.
  4. The user will be able to fill out the ten questions from the Edinburgh Survey which is an effective tool developed to assist identifying possible postpartum depression.
  5. The user will be able to get an in-depth understanding of rationale behind those daily personalized advices.
  6. The user will be able to store all supportive information received either from the coach or daily personalized advices; they will be able to edit their personal information; they will be able to edit settings which include the notification delivery.
  7. The user will be able to view progress by selecting different time periods and symptoms; also, they will be able to export and share with medical providers or family members.

Wireframes For The Progress Flow

Wireframes of the progress flow was created to present how I incorporated the design solutions into user interface and user interaction with the mobile app.

wireframes for the progress flow

An Iteration

What The Client Likes

The carousel provides the user a nice experience to flip through the progress of different symptoms quickly.

What Need To Be Improved

The symptoms may need to be clustered with color coding scheme; the interface can be made cleaner and simpler with a focus on the progress data visualization.

iteration of the progress flow

Final Design & Prototype For The Progress Flow

The visual style has been collaboratively determined by incorporating the good for use need from our client. A set of pixel-perfect mockup screens and a prototype of how the progress flow works were crafted as below:

progress data for single day
Progress for single day
progress data for 7 days
Progress for the last 7 days
no entries
No entries

Reflection

Impact

“I was delighted to see that they built out some of the design around symptom tracking to create a broader experience, and I think the UI they came up with is just lovely.”

Chelsea Vargas. Founder at Fovi Health.

What I Learned

  • Iterations brought my client feedback to ensure that the wireframing meets their needs.
  • Effectively, efficiently, and clearly communicated with the client during the design process.