This is the Case Study of a capstone project for the Dribbble Product Design 2023 course.

Stream Yoyo is an app created for users to enjoy their favorite TV shows and movies, no matter their age. With Stream Yoyo, parents can feel at ease knowing that their kids can access a version of the app specifically designed for them in an easy way. And kids can directly access their favorite cartoons in their personalized profile, allowing them to enjoy their preferred content without any hassle or need for assistance.

Problem Statement

Younger users are having trouble transitioning from their parents profiles to their own. Users as young as 4 have their own profiles so they can access family friendly content, but sometimes it takes more than 10-12 movements on their controller to get to a hidden profile switch screen.

What do we know?

We have hundreds of user interviews and user research. All signs point to younger users (4-8) having a difficult time finding where the profile section lives in the application.

How do we solve this?

After conducting a competitive analysis, it was noticed that other platforms have managed to solve this in a simple way. That is why we will create a recognizable access to the children's interface, so that our young users can access it from any screen of the platform with just a few simple actions.

User Persona

Our user persona is represented by Jenny Walker, this little one with a short attention span wants to enjoy her beloved cartoons as quickly as possible without having to use her parents profile. She wants her own personalized profile according to her preferences and wants to be able to access it without any issues.

User Flow

The following user flow shows the path that the user needs to take from the regular profile used by their parents to accessing their child profile, performing a profile switch between child profiles, and implementing parental controls in case the child wants to access the regular profile used by their parents.

When the user is in their parent's regular profile, they will find the child profile button. Once the profile is choosed, the user can access a more child-friendly interface with personalized and age-appropriate content to enjoy their favorite shows. If the user is in a sibling's profile, they simply need to press the child profile button and quickly switch to their own profile. However, if they want to exit the child interface, they will need parental authorization through a parental control PIN.

Sketchs & Wireframes

By incorporating wireframes and sketches into the design process, I was able to refine the app's structure and layout. They provided a foundation for creating more detailed wireframes, ensuring a cohesive and user-friendly interface for Jenny and other young users.

This wireframing and sketching process allowed me to make continuous improvements, resulting in an app that met the needs of the target audience while maintaining parental controls and providing a personalized viewing experience.

Visual Design & Components

When using colors for children's interfaces, it's important to strike a balance between visual appeal, age-appropriateness, and usability. How? Incorporating a mix of playful and soothing colors to create a visually stimulating, still, harmonious environment. Additionally, using color variations, gradients, and complementary color combinations add depth and visual interest to the interface.

For the Stream interface palette, the idea was to convey a sense of maturity, reliability, and engaging visuals, which is more suitable for adult users.

On the other hand, the Stream Yoyo´s palette aims to create a lively and interactive experience, appealing to the younger audience with colors that spark excitement and capture attention.

Prototype & Testing

At the beginning of the testing, I found that the button size had an impact on the app's usability, and it was different for both children and adults. That's why in the children's interface, the buttons are larger and have more vibrant colors. Additionally, maintaining children's focus during profiles change was more effective when the background was blurred. The button to switch to the children's profile was moved from the top rigth corner to the bottom rigth corner since children seemed to have learned behavior of initially searching for buttons in that location.

All these tests allowed for an improved, smoother, and more enjoyable interface for these little users.

Takeaways

Through the design of this interface for this capstone project, I learned how to create a solution to improve the usability of the app for different users with diverse needs. This enabled our users to enjoy their entertainment in their own space easily, regardless of their age.

Thank you for scrolling!

I hope you are happy on your scrolling journey so far.

💜