Mobile Application UX/UI Design
January - April 2020
Built With: Figma, Balsamiq, Flutter, Android Studio, Firebase

The design of this mobile application was done as part of my final year design project. The topic of my fourth year design project, done in collaboration with three other graduating mechatronics engineering students, was to improve the breast pumping experience for working mothers.

Ada overview

Through user interviews, literature review and collaboration with the MIT media lab, we found that the current breast-pumping experience is immensely stressful, uncomfortable, and isolating for busy working mothers. For mothers who choose to work and breastfeed, they rely on archaic breast pumps that have barely been innovated in the last 50 years. Mothers are forced to make a sacrifice between putting their baby’s developmental health or their career first. Ada challenges this notion, empowering mothers to prioritize both their maternal and career choices.

Problem overview

DESIGN GOAL

Improve the breast pumping experience for working mothers with a mobile application that connects to a better breast pump, and offers community support. The mobile application offers:

  1. Provide Intuitive controls to reduce the stressful experience with breast pumping
  2. Help mothers form a community and reduce feelings of isolation with access to professional support and relevant content
  3. Serve smart recommendations based on data collection in a non-stressful way to preventatively monitor mother’s health

SOLUTION

The application has three main aspects:

  1. A “Home” tab provides the mother a high level overview and a natural entry point into other features of the app
  2. The “My Ada” tab provides mother intuitive controls to the pump device.
  3. The “Connect” tab connects mothers to local lactation consultants and local events. I had design ownership of the “My Ada” and “Connect” tabs, with the “Home” tab designed by another team member.
USER REQUIREMENTS GATHERING

User requirements gathering was conducted through competitor analysis and interviews. 50 interviews conducted by the MIT Media Lab were analyzed to form the target user group of career-focused mothers aged 25-40.

Persona user survey

There are a number of breast pumping applications on the market, based on competitor analysis. The main competitors include the MyMedela app for Medela pumps, iFeed, and Pumplog. Some offer features such as manual logging, and some offer on-demand access to lactation consultants, but none offer a holistic experience. None of the competitors offer data insights or similar data-driven features, despite a user survey we conducted with 50 new mothers, which shows an overwhelming user demand for smart recommendations.

EARLY DESIGN PROCESS

User Flow

The user flow for the “My Ada” tab is a basic sequential structure, and mostly linear. Few actions are provided to the user, to provide a straightforward experience, minimizing cognitive load and stress. This allows the mother to better focus on the task of pumping.

Card Sorting 1 Card Sorting 2

Early design iterations were done using the card sorting method. They were then moved to wireframes built using Balsamiq.

Wireframe 1 wireframe 2

Medium fidelity mockups were developed in Figma, first in grayscale to focus on composition and developing end-to-end user flow.

Grayscale

Color and fonts were then explored. A monochrome teal color scheme was selected for a relaxing feel, and to be subversive to the typical “fem-tech” color schemes.

Color1

Color2

color and font palette

PROTOTYPE ITERATION 1

Iteration 1

FINAL PROTOTYPE

Iteration 2

EVALUATION

Prototypes were tested with 2 users through user interviews. The testing protocol and results are detailed here. The testing shows that the application flow is straightforward enough, with acceptable usability.

The “My Ada” flow was noted to be clean, and easier to use than using the pump’s on-device buttons. A less stressful pumping experience was achieved, and more testing needs to be done with mothers, the target user group. The framework for the smart recommendations was interesting to users, but need to be tested with lactation consultants for targeted results. The “My Ada” flow provides important data for the backend data analytics, but requires manual input. These friction points need to be reconsidered and be well communicated to the user to avoid the confusion observed in testing.

Banner