Peri, Your Perinatal Partner

​​As part of the HFES annual Mobile Health Applications for End Users Design Competition, students are prompted to design a mobile health app that applies human factors and ergonomics (HF/E) methods to improve patient outcomes.


My team proposed a solution that empowers pregnant individuals with immediate, personalized assistance throughout their perinatal journey – and made it to finals!

Device rendering of two iPhones displaying different screens of a mobile app (Peri)

Sector

Healthcare
Design competition

Timeline

Round 1: Oct. - Dec. 2023; Round 2: Jan. - Feb 2024

Tools

Google Drive
Miro
Figma

Team

Justin Abando
Kelly Bang
Annie Chen

Investigate

Identify patterns in the problem space

Identify patterns in the problem space

Define

Establish user needs that the product should address

Establish user needs that the product should address

Create

Draft screens and interactions for main product features

Draft screens and interactions for main product features

Evaluate

Review usability with heuristics and user testing

Review usability with heuristics and user testing

Project Scope

Our very first step in this process - selecting a topic - proved to be the most difficult thus far. We wanted to select an area within healthcare that was underserved while still experienced by many. I eventually proposed pregnancy as our area of focus: an experience that can be incredibly varied depending on the quality of support they receive from healthcare practitioners.


For our submission, we decided to center our research and product around individuals living in the United States, where:

Fertility rates and maternal mortality rates have increased year-over-year

Birth defects affect one in 33 babies each year

Insurance (or lack thereof) greatly impacts access to and quality of perinatal care

Research

To get a better sense of the American landscape, we gathered secondary data across 14 web articles and published research studies. From this, we identified insufficient perinatal care as a major barrier to successful pregnancies.


While we did not have direct access to U.S. citizens, I conducted one of three interviews with people who have been pregnant within the last 2 years to better understand how they have received perinatal care. I also interviewed a social worker who supports pregnant folks belonging to one or more marginalized communities, as they may have unique insight into navigating healthcare institutions during pregnancy.

Screenshot of a list of objectives outlined by Healthy People 2030

Relevant objective outlined by Healthy People 2030 plan

I identified three pain points that the team wanted to address:

  1. Lack of compassion in clinical settings


In all four interviews, participants referred to their doctor or clinician appointments as "impersonal" or "too general". There is an evident pattern of dissatisfaction with medical professionals, especially when treating unique symptoms. For example, a participant recalled that when they had difficulty breathing, emergency service was unable to determine the source. To the participant, this issue was not resolved.

"When I first met with my OB/GYN, I was given a package of information and sources to look into if I had any questions…"

Participant 3

  1. Unclear value of mobile apps during different stages of pregnancy


Our participants were split on whether they used apps during their pregnancy. Three of them used Flo as a period tracker tool, one of whom stopped usage once they conceived. Similarly, the participants who used apps during their pregnancy stopped once they gave birth as they no longer found a use for it. This was important for us to consider - how could we design a mobile app that is relevant and useful to expectant parents, even during the prenatal or postnatal stage?

"After pregnancy, I got a different app to measure food intake and diapers. Around 4 months post-partum, I also did sleep training with its help."

Participant 2

  1. Minimal consideration for non-Western perspectives


In North America, hospital births are the most common form of delivery. Though this is standard practice in the region, more than one participant expressed interest in alternative methods, such as home delivery with a doula or midwife, in retrospect. Our interview with a social worker also revealed that pregnant individuals may feel more comfortable with specific practices from their own culture – though doctors typically offer limited information in these areas.

"I went through with the Westernized practices and I was disappointed with some of my experiences…they were just imposed on me because I just didn’t know better."

Participant 4

User Groups

How could we design a mobile app that was differentiated enough from similar apps in the market? I used the uncovered pain points to identify three key characteristics that defined our target audiences. This included individuals with:

Hesitancies around doctors
Limited access to healthcare
Interest in community support

Not every pregnant individual has the confidence to self-advocate. Our app should help them keep record of important information to present during appointments.

Finances and proximity can, and do, pose as barriers to regular checkups. Our app should be able to support pregnant individuals in between appointments.

Because pregnancy is a unique experience for every individual, it can also be isolating. Our app should enable pregnant individuals to build local and engaged support networks.

Not every pregnant individual has the confidence to self-advocate. Our app should help them keep record of important information to present during appointments.

Finances and proximity can, and do, pose as barriers to regular checkups. Our app should be able to support pregnant individuals in between appointments, and even post-partum.

Because pregnancy is a unique experience for every individual, it can also be isolating. Our app should enable pregnant individuals to build local and engaged support networks.

Product Features

Man and a woman pointing to sketches on a whiteboard

Justin and I assigning each teammate a specific feature or screen to sketch

Based on our user groups, we came up with three central features that would define Peri – what would become our perinatal support app.

Journal

Documents patterns of symptoms or questions for healthcare practitioners for convenient reference during an appointment

Tracker

Identifies changing symptoms and displays information on whether they align with what to expect at the current stage of perinatal process

Community

Grants access to other users in the same city to facilitate the support network often cited as crucial throughout pregnancy

Mid-Fidelity Wireframes

Round 1 necessitated a low-fidelity wireframe for submission, but our team advanced to mid-fidelity in order to become more familiar with Figma outside of class. The following screens outline Peri's central features to demonstrate the app's unique selling point as a support solution that is just as involved as the pregnancy experience. This starts with a comprehensive onboarding process that uses entered information to display articles relevant to the user's stage of pregnancy and other health conditions.

Mobile device rendering of a screen requesting preference settings

Onboarding

Mobile device rendering of a home screen for a pregnancy app

Home Screen

Mobile device rendering of a screen that displays possible journal entries

Journal

Mobile device rendering of a screen that displays a visual depiction of contractions

Tracker

Mobile device rendering of a screen of a community feed

Community

Heuristics Evaluation

On January 8, 2024, we received news that we were selected as 1 of 8 teams to move onto the semi-finalist round!


Our next step was to improve upon our initial design. We made our mid-fidelity wireframes interactive and designed four tasks around the main features. Using Jakob Nielsen's 10 usability heuristics, we identified potential usability issues and assigned each a score out of 10, with 1 indicating the lowest adherence to the heuristic.

I took the lead in updating the screens involved in the tracker- and community-related tasks. Some of the changes I made:

  • Added search functionality to community screens in addition to filters

  • Added toaster notification to confirm successful actions e.g. when a post has been shared to the feed, or when a contraction has been logged

  • Increased visibility of tracker-related messages without requiring tooltip

Group assessment


On January 8, 2024, we received news that we were selected as 1 of 8 teams to move onto the semi-finalist round!


Our next step was to improve upon our initial design. We made our mid-fidelity wireframes interactive and designed four tasks around the main features. Using Jakob Nielsen's 10 usability heuristics, we identified potential usability issues and assigned each a score out of 10, with 1 indicating the lowest adherence to the heuristic.

  • Added search functionality to community screens in addition to filters

  • Added toaster notification to confirm successful actions e.g. when a post has been shared to the feed, or when a contraction has been logged

  • Increased visibility of tracker-related messages without requiring tooltip

Man and a woman pointing to sketches on a whiteboard

Average scores across all team members for each task flow

Usability Testing

I participated in three out of five think-aloud usability tests, in which I facilitated two and took notes for another. Eligibility criteria for these tests were the same as our user interviews.


In total, we tested with five participants over 2 weeks (from January 29 to February 9, 2024) through 1-hour sessions over Zoom.

Methodology

  • Collected demographic information with questionnaire

  • Recorded observational notes on Miro board

  • Asked post-test debrief questions on business viability

Takeaways


  • On average, participants gave Peri a score of 83 out of 100 in intuitiveness and 86 out of 100 in usefulness

  • 4 out of 5 participants were curious about integrating tools they already use into Peri

  • 2 out of 5 participants expressed interest in a feature that contained educative pregnancy information

Screenshot of a Miro board containing sticky notes of participant thoughts and feelings

Snippet of participant quotes during a specific task flow

High-Fidelity Prototype

Finally, my teammate Annie developed a design system to evolve our prototype. We incorporated participant feedback with defined typography and a colour palette that evoked warmth and trust.

See the prototype

Independent Design

We submitted our final prototype, along with an updated business report, on February 12, 2024. Following our submission, I wanted to challenge myself and also gain experience with developing a design system.

Over the course of one weekend (February 16-17, 2024), I independently designed a new interpretation of Peri. This allowed me to brush up on my Figma skills and gain exposure to font and colour accessibility considerations. For this version, I wanted to convey a more authoritative tone to establish credibility, while still feeling personable and not clinical.

Independent Design

We submitted our final prototype, along with an updated business report, on February 12, 2024. Following our submission, I wanted to challenge myself and also gain experience with developing a design system.

Over the course of one weekend (February 16-17, 2024), I independently designed a new interpretation of Peri. This allowed me to brush up on my Figma skills and gain exposure to font and colour accessibility considerations. For this version, I wanted to convey a more authoritative tone to establish credibility, while still feeling personable and not clinical.

Check out the high-fidelity version of some screens from the mid-fidelity features outlined earlier:

See my prototype

Mobile device rendering of a screen requesting preference settings

Onboarding

Mobile device rendering of a home screen for a pregnancy app

Home Screen

Mobile device rendering of a screen that displays possible journal entries

Journal - Specific entry

Mobile device rendering of a screen that displays a visual depiction of contractions

Tracker - Contractions

Mobile device rendering of a screen of a community feed

Community

Lessons Learned

It's important to test run your script
During our usability tests, there was one task that our first couple of participants struggled with: "View the purpose of the journal". The phrasing seemed to confuse them. As a result, they were unable to complete the task. In a later interview, I rephrased the task to, "Find more information on how to use the journal" - of which the participant completed successfully. Since it's important to consistently follow a script, we should have ran the script with test participants prior to the actual study in order to catch this.

You don't need to reinvent the wheel
Since there are existing apps in the market that support women before, during and after pregnancy, we discovered that some users may not use similar Peri features separately. Where possible, we tried to integrate existing tools into commonly offered features. For example, we added an "Import calendar" button to the journal and a share button to specific entries, so that users did not have to abandon their established routines on other apps they may already use.

Jeanelle Suarez
Toronto, Canada
Jeanelle Suarez
Toronto, Canada