Sprout

A mobile-app reformat & redesign of BabySteps–a child growth and development website that helps parents track their child's memories and developmental health. 

Screen Shot 2018-11-09 at 5.11.36 PM

ROLE

Strategy, Information Architecture, Prototyping, Cinematography

CREDITS

Raisa Janjua
Rachel Connelly 
Aleksei Zhurankou

Precedence

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.

ORGANIZATION

The organization of the Baby Steps website, resulted in a cluttered, though information-rich interface. Furthermore, the functionality though plentiful, was quite laborious.

babysteps_timeline

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.

babystepsuw.org_questionnaire.php_childName237=(iPad Pro)

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.

Redesign

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.

CARD SORTING

IMG_1946
IMG_1934

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. 

INFORMATION ARCHITECTURE

Baby Steps Information Architecture – Page 1

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.

MAKING MEMORIES

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.

make_memory
check_timeline

CHECKING GROWTH

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.

growth_wireframes
check_progress_mockup
milestone_questions_mockup

Delivery

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.

Screen Shot 2018-11-09 at 5.28.33 PM
onboarding_loop
filter_mockup
check_timeline
check_progress_mockup
milestone_questions_mockup

CREDITS & MY CONTRIBUTION

My contribution included prototyping, wireframing, and critique.

My Sprout team members deserve much credit for making this work possible!

LINKED-IN

RESUME                   LINKEDIN                   INSTA

RESUME                   LINKEDIN                   INSTA

resume

tdkwan@uw.edu               949.648.8431