Parenting App and
Responsive Website Case Study
Intro
The Parent Buddy is an app and a responsive website that helps and guides parents with reliable articles and insights from health experts.
Project Overview
Duration
August 2022 - September 2022
My Roles
I’m a UX/UI designer taking part of all of the all process and steps.
My Responsibilities
- Research
- User Flow
- Persona Mapping
- Competitive Analysis
- User Journey Map
- Low-Fidelity Wireframes
- High-Fidelity Mockups
- Prototoyping
The Problem
Parents encounter various challenges in raising children and fulfilling their role as caregivers. They seek to connect with health professionals for information and answers to their questions in various situations. Additionally, they desire a reliable platform for interacting with other parents of the same age at any given moment.
The Goal
Assist parents in connecting with health professionals to receive support and guidance, and facilitate community building by allowing users to connect with other parents through the app and responsive website.
Understanding The User
User Research
I conducted a survey among parents to formulate interview questions. The majority of participants reported making efforts to comprehend the developmental stages of their children
Many interviewees expressed difficulty in directly communicating with health professionals who do not necessitate a physical visit. They were unable to address their questions or concerns on a reliable platform.
Pain Points
Information
Parents are facing challenges in finding reliable and relevant information on parenting topics they are curious about.
Online Consulting
There is a need for a unified platform that provides sufficient space for communication with health experts across various categories.
User Personas
User Journey Map
Competitive Analysis
My goal is to identify my key competitors and review the products of my competitors and find their gaps in this competitive audit.
Starting The Design
Ideation
I did a quick ideation exercise to come up with ideas for how to address gaps identified in the competitive audit.
Digital Wireframes
After ideating and drafting some paper wireframes, I created the initial designs for the new parenting app. These designs focus on showing articles based on users interested in topics, reaching out to health experts, and interacting with other users in community groups.
Usability Study: Findings
Usability Study
Unmodareted
Time
20-30 Minutes
Remote
United States, Remote
Participants
6 participants
I conducted an unmoderated usability study with 6 participants. Research goals are determining if users can complete core tasks and making sure the user flow is correct if the app has any pain points in the whole process of the task flow. These pain points below are items that users have determined.
01 Message page
Some users need to browse experts’ and community users' messages separately on this page.
02 Community Groups
Most users need to join community groups that they’re interested.
03 Community Groups
Most users need to join community groups that they’re interested.
04 Appointment Button
Some users need an appointment button on the health experts card on the list page.
Usability Study
Before Usability Study
After Usability Study
Based on the insights from the usability studies, appointment button was added on the list page.
Based on the insights from the usability studies, the community groups were added to the list page.
Before Usability Study
After Usability Study
Before Usability Study
After Usability Study
Based on the insights from the usability studies, a separated message tab was added to the list page.
Refining The Design
High Fidelity Mockups
Responsive Website
High-Fidelity Prototype
The high-fidelity prototype followed the same user flow as the low-fidelity prototype, including design changes made after the usability study.
Design System
Typography
Colors
Icons
Components
Accessibility Considerations
01
The color scheme passed WebAIM WCAG norms.
02
Clear labels for interactive elements that can be read by screen readers.
03
The voice search feature was included for quick and easy search.
Going Forward
Takeaways
Impact
I hope this design successfully eliminates the major pain points and creates a clear, intuitive, and understandable user experience.
What I Learned
I learned that user experience is the priority in designing an app. Usability studies and participant’s feedbacks influence each design iteration of the app.
Next Steps
01
Conduct more usability research studies for potential pain points to improve.
02
Conduct more user research to determine any new feature of the app.
Prototype
Other Projects
Food Truck Delivery App Case Study
The Foodruck app for users to help discover food trucks and order street food in their city.
DIYERS Responsive Website Case Study
This website assists DIY enthusiasts in connecting with the DIY community and selecting suitable projects by providing various criteria for them to choose from.