Back to top arrow button

Making parenting education more accessible

UX Design

Project Details

Project Goals:

The goal for this project was to create an app that provides free resources and education to young new parents. It was also top priority to solve the pain points parents experience when learning to care for children for the first time. This app was a personal project I completed from the Sharpen Generator.

Tools:
  • Adobe XD
  • Procreate
  • Microsoft Office
Role:
  • Lead UX and UI Designer
Team:
  • Solo Project
Duration:
  • 1 month
  • September 2021 - October 2021

Planning

Planning for the design process of the parenting education app.

I created a plan for my design process, going through the design cycle beginning with the define/emphasis phase of looking at the pain points new parents have, then conducting research on what parenting apps and resources exist, creating the design deliverables for the responsive website and mobile app, and finally conducting user testing and iterating on the product. I had one month to complete this project so each phase would take about one week each.

Research

List of competitor weaknesses,
Competitive audit list of opportunities.

I did competitive analysis of what parenting resources are available online for first-time parents and see what kind of free education they were providing. I discovered that while there were quite a few free education resources, a lot of them didn't have dedicated mobile apps and some did not offer mobile versions at all. It was also difficult to navigate and find resources on some of the websites.

I also looked at other non-parenting education apps such as Headspace and Duolingo to evaluate what kinds of ways they were presenting their educational resources. Many of them had short quizzes and videos as part of courses for users to compete. They also often allowed users to add friends and participate in a social aspect of learning.

User Interviews

I interviewed five target users, people between the ages of 20-60 who have had children or are planning to have children. Participants were asked about their experience learning to raise children and what would have made the process easier for them. Users responded as following when asked about the difficulties they encountered:

  • "I don't even know where to start looking (to find new parenting education)."
  • “I feel like I never have time to watch a full video when I learn anything. I get interrupted and then just forget about it.”
  • “It would just be really nice to see something out there for the dads too I think.”

Pain Points

I discovered that there were consistent pain points that existed across many user interviews. Such as:

  • A lot of high-quality resources require a subscription.
  • Being interrupted often by work or parenting responsibilities.
  • It is difficult to find the type of content you need quickly.
  • Many parenting apps are not gender neutral for parents, most are marketed to women.

Persona

Persona card for average user of parenting education and resources, Myles.

I created a user persona to represent an average user for the parenting education site/app. Our persona, Myles, has the goal to learn more about healthy parenting to raise his child, but has a very busy schedule and issue being interrupted often. He needs a mobile app he can use to watch videos while on break at work.

User Journey

User journey map depicting persona Myles in the task of trying to watch parenting videos at work.

I created a user journey map for persona, Myles, in completing the task of trying to watch short parenting videos while on break at his serving job. The ability for him to be able to pause his video to resume later - and return to work - allowed him to save his spot in the video he was watching.

Information Architecture

Storyboarding

Big picture storyboard of persona Myles watching parenting videos at work and pausing at the end of his break to resume later.

I created a big picture storyboard for Myles, illustrating him starting up the videos when work is slow. He is able to save his spot in the video to return to later.

Sketches

Sketches for the mobile app home screen.
Sketches for the mobile app library.

I created sketches for the home page of the parenting education app. It was a high priority to include features like what videos were new today, popular, recommended, quick watches, etc. I also wanted to include top navigation with a user account and search bar, and a bottom navigation that directed to different topics of parenting.

Lofi Wireframes

Lofi wireframe for the desktop web site home page.
Lofi wireframe for the mobile app home page.
Lofi wireframe for the mobile app library page.

The first digital wireframes of the parenting responsive website home pages for desktop and mobile. Users are able to see recommended, recent, and favorite pieces of article or video content immediately on the home page. They are also able to navigate different subjects and search for content.

Last image is of the mobile app's content library page. Users are able to filter content from libraries into categories like "under 5 minutes", "videos", and "toddler". This will allow users to search for content that is relevant to their needs.

Lofi Prototype

Screen layout for lofi mobile website prototype.

I created a low fidelity prototype in Adobe XD to show the basic navigation and function of the app/site. The app version allows users to add friends and look at their course progress and completed quizzes. All versions allow users to favorite content and visit it later.

Mobile App - Low Fidelity Adobe XD Prototype:
Mobile Website - Low Fidelity Adobe XD Prototype:
Desktop Website - Low Fidelity Adobe XD Prototype:

Hifi Prototype

Screen layout for high fidelity mobile app prototype.

I created a high fidelity prototype of the app. This version allows users to add friends and compare courses and badges.

Mobile App - High Fidelity Adobe XD Prototype:

Screen layout for high fidelity mobile website prototype.

I also created a mobile prototype of the responsive website. This version does not allow users to add friends but does contain the ability to donate to the cause of funding first time parenting education and resources.

Mobile Website - High Fidelity Adobe XD Prototype:

Screen layout for high fidelity desktop website prototype.

The high fidelity desktop prototype of the website. This functions the same as the mobile website.

Desktop Website - High Fidelity Adobe XD Prototype:

Usability Testing

Type:
  • 1 Unmonitored Remote
Location:
  • Springfield, MO
Participants:
  • 5 participants
Length:
  • 10-20 minutes
Spreadsheet of results from user testing.

One remote, unmoderated usability studies was conducted for Hummingbird’s during the low fidelity prototype phase. Participants were parents age 20 - 40.

Insights

After completing user testing, some themes became apparent:

  • Users wanted a back button added to the user profile.
  • A description about what kind of content the search function was for would be helpful.
  • A separate screen for the filters should make the function clearer.
  • The friend functionality in the app needed to be expanded on.

Hifi Prototype version 2

Iteration

High fidelity wireframe for a course page in the mobile website.
High fidelity wireframe for the favorites page in the mobile website.
High fidelity wireframe for a video page in the mobile website.

High fidelity mockups of the final design for the course, favorites, and video pages. The favorites section should allow parents to save videos and articles to view later if they are interrupted.

Demo Video

Project Images

Illustrated logo for app, Hummingbird
Mobile phone with mobile app course page screen displayed.
Man on desktop website with the donate page screen displayed,

Final product images for Hummingbird, an education and resources service for first time parents. Logo illustrated by me with Apple Procreate. Users, such as Myles, should be able to benefit from the ability to search for parenting content with filters and favorite the content to interact with later.

Accessibility Considerations

  • AA color contrast
  • 190x45px touch target for buttons
  • Viewable from screen reader

Takeaways & Next Steps

  1. I learned a lot on this project about being able to design quickly and efficiently.
  2. I also learned a lot about the resources available for new parents and the struggles of finding free quality parenting education.
  3. I would like to conduct further usabilty testing on the hifi desktop prototype will take place for iteration using a moderated usability study.
  4. A tablet version of the responsive website will be prototyped and testing through a moderated usability study.
  5. More testing will be done with individuals with disabilities to verify accessibility and equity in using the app.

Other Projects