Move Your Way

Activity Planner

Personalized User Experiences for Diverse Audiences

This project showcases my approach to personalization, mobile optimization, and guided user journeys—key capabilities for creating engaging digital products that convert users and drive business metrics.

Client: Office of Disease Prevention & Health Promotion
Role: Lead UX Designer
Timeline: 16 weeks, completed 2022
Impact: 47% decrease in bounce rates, expanded to serve pregnant and postpartum users

The Challenge

The Office of Disease Prevention & Health Promotion needed to evolve their Move Your Way Activity Planner, a tool helping users incorporate physical activity into daily routines. Key challenges included:

  • Poor mobile optimization despite mobile users comprising majority of traffic

  • Inconsistent experiences between desktop and mobile versions

  • Need to expand audience to include pregnant and postpartum users with specific safety requirements

  • Complex filter system that users struggled to discover and navigate

  • Information overload with 57 different activities overwhelming users

  • Inefficient activity input process creating friction in user journey

These issues significantly impacted usability, particularly for pregnant and postpartum users who needed safe activity recommendations during a critical period.

 Initial filters

Discovery

Conducted thorough evaluation of the existing tool to identify improvement areas:

  • Analyzed mobile user flows, identifying high drop-off points and scrolling issues

  • Studied specific needs and constraints of pregnant and postpartum users

  • Benchmarked against similar tools, finding inspiration in food delivery service interfaces

  • Evaluated filter discovery problem—users weren't finding "Personalize your activity settings" option

  • Identified safety concerns where users might select inappropriate activities without proper filtering

  • Documented inefficiencies in activity input modal requiring multiple unnecessary interactions

Discovery revealed that fundamental rethinking of user flow was needed, with special attention to mobile-first design and safety requirements for the new priority audience.

Annotations on wireframes to align with development

Process

Followed a structured redesign process using Figma for design and prototyping

Evaluation and Problem Definition

  • Conducted thorough assessment of existing tool's usability issues

  • Defined clear objectives focused on mobile optimization and inclusivity

  • Established success metrics based on client goals

User Flow Reimagining

  • Designed new flow introducing filters earlier in the process

  • Created wireframes for mobile-first approach ensuring critical information appeared before main CTA

  • Initial wireframes featured a traditional form-based filter approach, but testing showed users preferred a conversational, step-by-step filtering experience similar to health assessment tools

Design System Development

  • Created comprehensive design system tailored for government health tools

  • Conducted color testing with 16 pregnant and postpartum users across two rounds

  • Users preferred green color palette that felt "active but also trustworthy like medical information"

  • Developed iconography that balanced approachability with medical accuracy

  • Established typography hierarchy optimized for mobile readability

Usability Testing and Refinement

  • Coordinated testing with 8 pregnant users and 8 postpartum participants

  • Observed sessions to gather direct insights about user behavior

  • Incorporated feedback to improve filter clarity and activity selection

Prototyping

Low fidelity wireframes

High fidelity mockups

The Solution

The redesigned Activity Planner delivered significant improvements:

  • Mobile-Optimized Interface: Created streamlined mobile experience eliminating excessive scrolling

  • Intuitive Filter System: Moved filtering to beginning of user journey with conversational approach

  • Personalized Motivation Flow: Added "Why" selection step engaging users through behavior change techniques

  • Pregnant and Postpartum Support: Integrated targeted content and safety guidelines for expecting and new parents

  • Streamlined Activity Selection: Reorganized 57 activities into manageable categories with clear filters

  • Efficient Input Modal: Simplified activity addition with smart defaults (10 minutes, 1 day)

  • Real-time Feedback Calculator: Provided instant feedback on meeting physical activity guidelines

  • Printable Activity Log: Bridged digital experience with practical offline tracking tools

The design system balanced government credibility with health motivation, using trusted green tones and clear medical iconography while maintaining an encouraging, accessible feel.

Updated flow & Printable Activity Tracker

Impact

The redesigned Activity Planner achieved significant results:

  • 47% decrease in bounce rates, indicating significantly higher engagement

  • 62% increase in filter usage (from 23% to 85% of users utilizing personalization options)

  • 38% improvement in mobile task completion rates (from 34% to 72%)

  • Successfully expanded tool's audience to include pregnant and postpartum users

  • Enhanced safety by guiding users to condition-appropriate activities

The tool is currently live on health.gov

A woman and her baby getting active!

Collaboration

Project success depended on effective cross-functional collaboration:

  • Content Team Partnership: Worked with specialists to restructure filters and refine language for clarity and inclusivity

  • Development Coordination: Maintained regular communication ensuring technical feasibility while pushing for UX improvements

  • Client Communication: Presented wireframes and approach to stakeholders, securing buy-in for implementation

Current Activity Planner Experience
Previous

UW Childcare Finder
Next

AboutFace