A mobile-app reformat & redesign of BabySteps–a child growth and development website that helps parents track their child's memories and developmental health.
By helping parents track developmental milestones in their children, Baby Steps could help parents detect developmental delays such as autism or deafness earlier. When found early, these developmental delays can be met with more effective interventions.
However, Baby Steps had some usability flaws that made it difficult to accomplish its intended purposes.
The organization of the Baby Steps website, resulted in a cluttered, though information-rich interface. Furthermore, the functionality though plentiful, was quite laborious.
For example, each child's timeline displays developmental milestones and personal memories horizontally atop a background image of the user's choosing. Each memory entry required a laborious entry process.
Moreover, to check each child's developmental progress, and answer developmental milestone questions, each child's entire adolescence span is shown, and the caretaker can given access to any milestone question from the present, past, or for the future. This format didn't make sense as growth should be progressive, and only a small amount of this information needed to be visible at a given period of growth.
Organizationally from our initial observations, we hoped to accomplish two main goals as a team: reduce visible information to necessary parts, and streamline important tasks like making memories or marking developmental milestones.
To determine the final framework for our BabySteps app, we did user card sorting and information architecture work to determine how we would arrange the necessary parts of the BabySteps website into a concise, easy to use mobile app.
With a participant we organized elements of the current BabySteps site, into what made sense from a parents' perspective. This organization informed our information architecture decisions.
We organized all information with the child as the root, and allowed parents to switch between children. Each child's information is then separated into two categories, growth, and story. This accomplished our first goal; to show only necessary information. We then looked to iron out the interaction and visuals to improve the overall ease of use.
We modernized, and streamlined the memory-making process, to be the forefront functionality of our BabySteps app. Using the familiar post making pattern, we tailored the pattern to fit our use case.
Using wireframes, we drafted out how parents might check their child's growth along different growth categories, as well as how they might answer milestone questions. We landed on a focusable data viz, with clickable categories which hold questions cards corresponding to those categories.
As a team, we presented the redesigned BabySteps back to the Computing for Healthy Living & Learning Lab at the University of Washington. We branded our final project as Sprout, which included an interactive Principle prototype app, as well as a usage video. We hoped that our idea represented the Lab's original intentions well.
My contribution included prototyping, wireframing, and critique.
My Sprout team members deserve much credit for making this work possible!