Tierro project logo

Motivating kids for better brushing!

Fun brushing tracker game app

Tierro project screens on mobile,tablet and desktop
Industry

Education

Platform

IOS

Role

UI/UX Designer

Project Overview

Background

This project is all about creating a fun and helpful app for kids to improve their brushing habits. Many parents struggle to get their children to brush properly and consistently. This app turns brushing into an engaging game, making it enjoyable for kids and easy for parents to track their progress. Designed for a competition, this app showcases a playful yet effective approach to better dental health.

Role & Responsibilities

As the designer, I conceptualized and developed the overall design of the app, ensuring it is visually appealing and engaging for children. I created user-friendly interfaces and intuitive navigation to enhance the user experience for both kids and parents. I developed interactive game elements to motivate children to brush their teeth properly and regularly. Additionally, I designed a tracking system that allows parents to monitor their children's brushing habits effectively. Lastly, I prepared the project for submission to the competition, highlighting innovative features and design elements.

The Process

Design Process

The Process

Design Process

The design process for "Brush Along" involved several steps. I began with research to understand the challenges and existing solutions for children's brushing habits. Next, I mapped out user flows for seamless navigation. Wireframes were created to visualize the layout and functionality. Engaging visuals with fun characters and rewards were designed. Finally, I developed a clickable prototype for testing and feedback.

01

Research

Studied challenges and existing solutions for kids' brushing habits.

02

User Flow

Mapped out seamless navigation for kids and parents.

03

Wireframes

Visualized layout and functionality for ease of use.

04

Design

Created engaging visuals with fun characters and rewards.

05

Clickable Prototype

Built a prototype for testing and feedback.

Problem

Children often find it difficult to properly and thoroughly brush their teeth, and parents struggle to keep track of their children's brushing habits. The brushing process lacks motivation and efficiency, leading to inadequate oral hygiene, which can result in dental and gum problems in the future.

Solution

"Brush Along" offers a solution to this problem. The app features a variety of characters and rewards that make brushing fun and engaging for children. Each time a child brushes their teeth at the designated time, they receive a reward that they can place on the character of their choice. Consistent brushing for five days unlocks new characters that children can dress up and accessorize with items received from brushing sessions. The interactive characters provide verbal praise and happiness for the child's accomplishments, not just rewards. Additionally, parents can conveniently track their child's brushing habits, update and modify brushing times, and determine if their child brushed properly. This combination of fun and monitoring ensures better brushing habits and improved oral hygiene for children.

Mobile Game for Children

The app makes brushing fun and engaging with interactive characters and rewards. It encourages consistent brushing habits through a game-based approach and provides positive reinforcement with verbal praise and rewards.

  • Engaging Experience

    Makes brushing fun with interactive characters and rewards.

  • Consistent Habits

    Encourages regular brushing through a game-based approach.

  • Positive Reinforcement

    Provides verbal praise and rewards for accomplishments.

Tierro client website page on laptop screen

Mobile App for Parents

The app allows easy tracking of children's brushing habits and enables setting and modifying designated brushing times. It helps ensure children are brushing properly and consistently.

  • Easy Tracking

    Allows monitoring of children's brushing habits.

  • Customizable Schedule

    Enables setting and modifying brushing times.

  • Effective Monitoring

    Ensures children brush properly and consistently.

Tierro client website page on laptop screen

Vision

The Goal

The goal of "Brush Along" is to motivate children to develop proper and consistent brushing habits while providing parents with a convenient and effective way to monitor and improve their children's oral hygiene. By making brushing a fun and interactive experience, the app aims to promote better dental health for children.

  • Healthy Habits

    Children need motivation to brush properly and consistently for better oral health.

  • Parental Tracking

    Parents need a reliable way to monitor and improve their children's brushing habits.

  • Engagement

    Kids enjoy a fun, interactive game that makes brushing enjoyable and rewarding.

  • Convenience

    Parents can easily track and adjust brushing schedules through the app.

  • Positive Reinforcement

    The app provides children with verbal praise and rewards, encouraging good brushing habits.

Research

Target Audience

Children

The primary users are children who need motivation to brush their teeth properly and consistently. The app is designed to make the brushing process enjoyable and engaging for kids.

Parents

The secondary users are parents who require an effective way to monitor and improve their children's brushing habits. The app offers tools for tracking and managing brushing schedules, ensuring better oral hygiene for their children.

Personas

To ensure the app meets the needs of both children and parents, I developed detailed personas based on user interviews and pain points.

child persona

Lily

Age

6 years

Location

San Francisco, CA

Education

Kindergarten

Family

Lives with parents and an older brother

Wants & Needs

๐Ÿ˜ Fun and engaging activities

๐Ÿ˜ Rewards and positive reinforcement

๐Ÿ˜ Easy-to-use and interactive apps

Frustrations

๐Ÿฅบ Gets bored easily

๐Ÿฅบ Forgets to brush her teeth regularly

๐Ÿฅบ Needs constant reminders

Bio

Lily is a lively and imaginative 6-year-old who loves playing games on her tablet. She enjoys interactive characters and receives praise for her achievements. Her parents are looking for ways to make brushing teeth a more enjoyable and consistent habit for her.

Mother persona

Emma

Age

34 years

Location

San Francisco, CA

Education

Bachelor's Degree

Family

Married with two young children

Wants & Needs

๐Ÿ˜ Effective tracking of children's brushing habits

๐Ÿ˜ Reliable reminders and scheduling

๐Ÿ˜ Assurance that kids are brushing properly

Frustrations

๐Ÿฅบ Difficulty in monitoring kids' brushing habits

๐Ÿฅบ Kids often forget to brush or do it ineffectively

๐Ÿฅบ Limited time to supervise brushing routines

Bio

Emma is a busy marketing manager and mother of two young children. She is tech-savvy and uses various apps to help manage her household. Emma is looking for a solution that ensures her children maintain good brushing habits without requiring constant supervision.

child persona

Jack

Age

5 years

Location

New York, NY

Education

Preschool

Occupation

Lives with parents and a younger sister

Wants & Needs

๐Ÿ˜ Fun and interactive games

๐Ÿ˜ Positive reinforcement

๐Ÿ˜ Simple and engaging apps

Frustrations

๐Ÿฅบ Easily distracted

๐Ÿฅบ Needs frequent reminders to brush

๐Ÿฅบ Gets bored with routine activities

Bio

Jack is an energetic and curious 5-year-old who loves playing games with sounds and characters on his tablet. His parents are looking for a fun way to keep him engaged in brushing his teeth and developing a consistent routine.

Father persona

David

Age

37 years

Location

New York, NY

Education

Master's Degree

Family

Married with two sons

Wants & Needs

๐Ÿ˜ Reliable tracking of children's brushing habits

๐Ÿ˜ Assurance of proper brushing techniques

๐Ÿ˜ User-friendly app for managing children's routines

Frustrations

๐Ÿฅบ Inconsistent brushing habits in kids

๐Ÿฅบ Lack of immediate feedback on brushing quality

๐Ÿฅบ Limited time to oversee daily routines

Bio

David is an IT consultant and father of two young sons. He relies on technology to manage household tasks efficiently. David seeks a dependable app to ensure his children brush their teeth correctly and consistently without requiring constant supervision.

Discover

Insights

The user personas revealed key insights into the needs and behaviors of both children and parents regarding oral hygiene habits. These insights will guide the design and functionality of the "Brush Along" app.

  • Engagement

    Children like Lily and Jack need fun, interactive elements to stay engaged in brushing their teeth. Games and rewards are crucial motivators.

  • Ease of Use

    Both children and parents prefer a simple and intuitive interface. Easy navigation and clear instructions are essential.

  • Positive Reinforcement

    Positive feedback and rewards are effective in encouraging children to brush regularly and properly.

  • Monitoring

    Parents like Emma and David need reliable tools to monitor and track their childrenโ€™s brushing habits. Customizable alerts and detailed reports are highly valued.

  • Consistency

    Maintaining a consistent brushing routine is a common challenge. Features that help establish and stick to a routine are important for both children and parents.

  • Flexibility

    Parents appreciate the ability to use both mobile and tablet apps for monitoring, especially in households with multiple children.

  • Tech Savviness

    Parents and children are comfortable with various tech interactions, including touchscreen and animated feedback, which enhances user engagement and adherence to brushing routines.

User Flow

Navigation Structure

The navigation structure of "Brush Along" is designed to be user-friendly and intuitive, ensuring easy access for both children and parents. Key sections include the brushing game for kids, a tracking dashboard for parents, reward management, and settings for customization. This structure promotes seamless interaction and efficient use of the appโ€™s features.

Sketch

Wireframes

The wireframes for "Brush Along" provide a clear visual blueprint of the app's layout and functionality. They emphasize user-friendly design, intuitive navigation, and engaging elements to ensure both children and parents can easily interact with the app.

Visual Solution

Style Guide

The style guide for "Brush Along" defines the visual and interactive elements, ensuring a cohesive and engaging user experience. It includes color schemes, typography, iconography, and design principles that reflect a fun, friendly, and accessible aesthetic for children and parents alike.

Typography

The typography for "Brush Along" is playful yet readable, using child-friendly fonts for the game elements and clean, modern fonts for the parent dashboard. It ensures clarity, accessibility, and a consistent visual appeal across the app.

Little One

Regular

Aa Bb Cc Dd Ee Ff Gg Hh Ii Jj Kk Ll Mm Nn Oo Pp Qq Rr Ss Tt Uu Vv Ww Xx Yy Zz

#FE7625

#FFF1D9

#FFCC01

#6E451E

#BE121E

#B0EE18

#6A8A45

#344224

#4B4D4F

Components Library

The components library for "Brush Along" includes reusable UI elements such as buttons, icons, forms, and interactive widgets. These components ensure consistency, ease of development, and a cohesive user experience throughout the app.

Final Design

assets/images/projects/brush-along/screens/welcome.webp

Welcome Screen

The first screen is vibrant and welcoming, designed to capture children's attention with colorful graphics and friendly characters. It features large, easy-to-understand icons and minimal text to ensure accessibility and ease of navigation for young users.

assets/images/projects/brush-along/screens/create-new.webp

Create New Profile

The process for creating a new profile is streamlined and intuitive. Users are guided step-by-step with clear instructions, engaging visuals, and user-friendly input fields, ensuring a smooth and enjoyable onboarding experience for both children and parents.

assets/images/projects/brush-along/screens/home.webp

Home Screen

The home screen is designed to be vibrant and engaging, featuring colorful graphics and friendly characters. It provides easy access to all main features through large, intuitive icons, ensuring a user-friendly experience for children.

assets/images/projects/brush-along/screens/brushing-time.webp

Brushing Time

During brushing time, the app features an engaging animation where the child's character brushes their teeth. After completing the brushing session, the child receives a gift. Upon opening the gift, they get an accessory for their character, which can be customized. Additionally, fun, interactive bubbles appear on the screen that the child can pop, adding an extra layer of enjoyment and interaction.

assets/images/projects/brush-along/screens/accessory.webp

Accessory Closet

The Accessory Closet screen allows the child to customize their character, which appears in the brushing animation. Here, they can add accessories earned from brushing sessions. The character, wearing the added accessories, is visible both in the brushing animation and on the home screen, providing a personalized and engaging experience for the child.

assets/images/projects/brush-along/screens/characters.webp

Characters Selection

The Character Selection screen allows the child to change and customize their character with accessories. The selected character appears in both the brushing session and on the home screen, wearing the same accessories the child has chosen. Characters are unlocked by maintaining brushing streaks: brushing for a certain number of consecutive days unlocks a new character, with additional characters unlocked for longer streaks. This encourages consistency and rewards good brushing habits.

assets/images/projects/brush-along/screens/parents.webp

Parents' Screen

The parents' screen provides options to customize the game settings, such as changing the sounds and adjusting the brushing time. To ensure that only parents can access these settings, they are required to answer a mathematical question before making any changes. This feature adds a layer of security while allowing parents to tailor the app to their child's needs.

assets/images/projects/brush-along/screens/edit-calander.webp

Edit Calendar

The Edit Calendar screen allows parents to view and manage their child's brushing progress. Parents can switch between profiles for different children and make adjustments to the brushing records. If a child forgot to log a brushing session or if they ran the animation without actually brushing, parents can update the calendar accordingly. This ensures accurate tracking and helps maintain consistent brushing habits.

Clickable Prototype

The clickable prototype of "Brush Along" allows for interactive testing of the app's features and navigation. It enables users to experience the flow of the app, including the brushing game, character customization, and parent settings. This prototype is essential for gathering feedback and making improvements to ensure a seamless and engaging user experience for both children and parents.

Conclusions

What did I Learn?

Working on "Brush Along" was a valuable experience that deepened my understanding of designing for diverse user groups. Creating an app that appeals to both children and parents required balancing fun and functionality. I learned how to develop engaging and intuitive interactions for young users, making the app enjoyable and easy to navigate with minimal text and more visual cues. For parents, I focused on incorporating robust tracking and customization options, ensuring they could easily monitor and support their children's brushing habits.

This project highlighted the importance of positive reinforcement in motivating children and the need for consistent, user-friendly interactions to build healthy habits. I discovered the significance of combining creativity with usability, ultimately delivering an app that is both enjoyable and effective for families. Through this experience, I gained valuable insights into the challenges and rewards of creating an app that meets the needs of both children and parents.

Tierro project logo

Thanks For Watching!

thanks

Thanks For Watching!

Thank you for watching this presentation. I appreciate your time and attention, and I hope you enjoyed learning about "Brush Along." If you have any questions or feedback, please feel free to reach out. Thank you!