Raising a child can be cause for a lot of anxiety in parents. From ages 0-5, it is imperative that children to be screened for any developmental delays so that they can be diagnosed early on. While parents understand the importance of documenting changes in their children’s development, they can be overwhelmed by many logistical challenges that come with child rearing.
Zixing Guo (me) - Onboarding and Home UI, Information Architecture, Research, Illustration, Animation
Elleyce Pahang - Babybook and Add Babysitter UI, Research, Animation, Video
Andrew Le - Home and Card UI, Information Architecture, Animation, Research
Jamillia Lopez - Timeline UI, Iconography, Animation, Research
"How might we engage parents with technology in a universal experience of celebrating children's developmental milestones to increase screening rates?"
Visually cluttered timeline
Important features hidden
A babysitter with formal childcare education
A mother of two (9 and 11 years old)
A father of triplets (10 months old)
BABYSTEPS RESEARCH PAPERS
Parents often forget to ask their pediatricians questions.
They were also expected to recall a lot of information about their children's habits.
It was often challenging to document a child if they were with babysitters or caretakers.
JULIE & HYEWON Q&A
Encourage anxiety-free documentation through celebrating their child's progress
Focus on portraying a child's personal change over time versus comparing them against an average.
Empower parents to be able to do something should they receive bad news.
Be accessible to parents of different social and economic backgrounds
The interlinked relationship between the Milestones, Activities, and Progress pages allowed for actionable behaviors.
Progress trees were well received, yet they were confusing without context
Timeline was a pain to navigate
Confusion after posting memories. Lack of micro-interactions to guide users
Ease parents' anxieties without replacing their need for a trained medical professional
Balance the celebratory aspect of documenting a child's growth with the medical importance of doing so
Prompt parents to be able to act upon seeing a supposed delay in their child's development
Make documentation easy not only for parents but for collaborators such as babysitters and extended family
Present the user with the information they need without overloading them
1. Site Map*
4. Create Memory
5. Visual Language*
Insights from our Card Sorting and Think Aloud sessions revealed an interdependent relationship between three features; we wanted to emphasize the relationship between answering Milestone, completing Activities, and viewing a child's Progress.
Bean had many features we wanted to share with users. However the longer Onboarding took, the less engaged users became. We wanted to encourage users to explore the app as soon as possible.
A demo account would allow parents to view a populated account. Empty states directed parents to key features within the app they could try out.
In older iterations, I tried to give users tooltips through popups in order to lead them through the app, however in testing with young, tech-saavy parents, they found the onboarding popups annoying and preferred to explore the app themselves.
In response to this feedback, I decided to embed tooltips and instructions into the UI of the app, for users to refer to if they do get stuck on what to do.
Working from the insights we gained during the research period, we wanted parents to see their children's progress almost immediately upon loading into the app. As the goal of the app was to increase screening rates, Home needed to to accomplish several goals:
Show a child's Progress in each of the five developmental categories
Represent Progress in a way as not not alarm parents nor replace their need for a professional
Prompt parents to be able to complete an Activity upon seeing a supposed delay in their child's development
Remind parents to answer Milestone questions
Given our problem statement, we need to accomplish these goals by "celebrating children's developmental milestones". Home would need to be delightful and welcoming.
Screens by Andrew Le. I worked on UX with him and created the illustrations
VISUAL LANGUAGE (ILLUSTRATIONS)
As Home evolved, so did the visual language of our app. I created the illustrations which ended on the final version of the Home screen.
The visual language of our app sprung from the idea of growth. Our app was inspired by rounded bean-like shapes, festive party banners, and friendly, pastel colors.
In order for the app to be universally understandable, we planned for more complex milestones and activities to be accompanied by animated illustrations.
Memory creation needed to encourage written documentation. The Babysteps research showed that parents took plenty of photos of their children but didn't have the time or effort to upload them.
For busy parents with their hands full, that meant a UI that would allow them to access their photos and proceed to the next screen even if they were using the phone one handed.
Vital buttons (barring escape and exit) were intentionally placed low on the screen to be comfortable to reach by thumb. Swiping right allowed users to access the camera.
Users often had trouble deciding what to record if presented with a blank text field. By putting a random, guided question in the text body, parents could get an idea of the type of information they needed to keep note of. Initially we had a tagging/filter feature for memories but found it potentially tedious for parents and interfered with our goal of celebrating documentation.
Parents would also be able to mark their memory posts and save it to a doctor's notes area for later perusal. Research showed that parents often had a difficult time recalling questions and concerns while at the doctor's office.