Client

TELI

UI / UX for Kids/Tweens Streaming App
iOS/Android Application

A streaming platform targeting children ages 6-14

DURATION

2-3 weeks


TEAM

Senior Product Designer

KEY SKILLS + DELIVERABLES

User Research, User Interviews, User Requirements,  Personas, Competitive Analysis, Growth Strategies, Lo + Hi- Def Wireframes, Interactive Prototypes, Design Research, Visual Design, Content Strategy, Prototyping

Tools

Figma, Mural, Miro

My role

Lead
PRODUCT DESIGNER

As the product designer, I led the project from ideation & discovery to wireframes to interactive prototypes and final design.

Our objective is to design a user-centric, engaging, and safe streaming application tailored for children and tweens, focusing on entertainment content.

THE
PROBLEM

Our client's customer base online and at retail was growing - therefore, so was the need for improving the user experience.

Heuristic research led us to conduct a full visual and content site audit, which showed us various areas that needed improvement.

THE
GOAL

The goal was to increase our clients' brand awareness, grow their eCommerce business, and drive retail traffic.

STAKEHOLDER
BRIEF

Teli is envisioned as a streaming service that caters specifically to children and tweens (aged 6-14). The application aims to offer a mix of entertainment and educational content, with a strong emphasis on safety, user engagement, and entertainment value. This service is designed to be a go-to digital destination for children, providing content that is both fun and beneficial to their development.

Key Features to Communicate:
Multi-profile system with personalized experiences for different age groups.
Robust parental control features for monitoring and controlling content access.
A diverse content library blending entertainment
Interactive and engaging UI designed specifically for children and tweens.
Cross-platform compatibility for access on various devices.
Strong privacy and security measures to protect young users.

Expected Outcomes:
High user engagement and retention rates within the targeted age group.
Positive feedback from both children and parents, leading to organic growth through word-of-mouth.
Achievement of initial user base and revenue targets as set by investors and stakeholders.

RESEARCH + DESIGN PROCESS

personas

RESEARCH +
DISCOVERY

I applied the design thinking process by initially creating user personas for the age demographic based on industry research on children and teens use of streaming applications and there are two main bucket categories for the targeted age groups.

Research shows in terms of usability, you should distinguish between young (3–5), mid-range (6–8), and older (9–12) children. Since this app is intended for 6-14 age range, we will use the mid-range and older range.

research article on kids & teens usage of applications

User
Interviews

I used qualitative interviews to collect additional insights from a couple of users from these user groups to better understand what users in these age ranges would prefer in an application like Teli.

SYNTHESIZING
INSIGHTS

Vibrant Colors: Utilize a color palette that is bright and engaging for the younger segment while being warmer and sophisticated for the older segment.
Interactive Elements: Incorporate interactive elements like animations and characters for younger users, with a gradual shift towards more advanced interactive features for older users.
Simplified Navigation: Ensure navigation is straightforward and intuitive, with larger tap targets for the younger users.
Personalization: Offer personalized experiences based on age and preferences, with more challenging and varied content for older children.
Parental Controls: Provide robust parental controls, allowing parents to monitor and control the content their children access.

Using a combinations of discovery, research and user interviews I was able to synthesize these insights and create user requirements.

USER
REQUIREMENTS

As a young user (6-8 years old), I want:
A UI that is colorful, vibrant, and full of animations and characters, so it's visually appealing and fun to use.
Simple and intuitive navigation, so I can easily find and watch my favorite shows and games.Interactive elements that are easy to understand and engage with, enhancing my enjoyment.

As a tween user (9-12 years old), I expect:
A more sophisticated UI with detailed graphics and animations, making it feel more grown-up.
The ability to discover content on my own, with features tailored to my increasing independence.
A UI design that starts to introduce elements typical for older users, matching my maturing tastes.

As an older tween user (13-14 years old), I desire:
A modern and flat design style in the UI, reflecting my evolving preferences similar to adult users.
Advanced UI features for a more personalized experience, allowing me to set my preferences and explore content efficiently.
A UI that supports quick content scanning and efficient navigation, as I am now more adept with digital platforms.

General User Requirements:
As a user concerned about safety, I need:
Robust parental controls, so my parents can monitor and restrict what I watch for my safety.
Assurance that my personal data is secure and my privacy is protected.

As a user accessing multiple devices, I require:
A consistent and responsive experience across different devices like smartphones, tablets, and smart TVs.

Performance and Accessibility:
As a user expecting a smooth experience, I expect:
The app to load quickly and operate without glitches or delays.

As a user with diverse needs, I want:
The app's design to be accessible, ensuring it is usable for children with different abilities.

Competitve
analysis

Asynchronously, I also began researching and analyzing a multitude of kids streaming apps available on both iOS and Android, mixed age ranges similar to the 6-14 age range Teli is targeting.

There were also two bucket categories of streaming apps;

Original Content Streaming Apps
Dedicated streaming mainly established and well known entertainment companies i.e. Nickelodeon, Disney etc.

Multi-Content Streaming Apps
Mix of original and other shows not directly related to the streaming app itself i.e Youtube
Kids, Netflix Kids

The audit helped us determine what features needed to be added or replaced to be at parity with their competitors and capture market space.

Example of competitor screenshots

CATEGORY PAGE

I also analyzed our competitor's visuals, content, and flows. In the following few sections, you will see a couple of breakdowns of essential elements within the competitor's applications and a table breakdown.

    Example of competitor analysis

    PRODUCT PAGE

    I analyzed the contents and features for the selected applications to make sure that “Teli” would be at or beyond parity with their current competitors.

    There are a number of white space opportunities including live streaming, education based categories, parental blocking and content appropriate selections.

    Other opportunities such as games, and live streaming are also disruptive.


          INFORMATION
          ARCHITECTURE

          I then began to create the Information Architecture, which is where I specified the main pages, modules, content, flows, and actions. I began with creating two main flows, the main flow and onboarding flow.

          There are a number of white space opportunities including live streaming, education based categories, parental blocking and content appropriate selections.

          The integration of educational content alongside entertainment would position Teli as a unique player in the market, potentially increasing market share among parents seeking educational resources for their children.
          This approach aligns with the business goal of differentiating Teli from mainstream entertainment-focused streaming services."

          Other opportunities such as games, and live streaming are also disruptive.

          The main flow breaks down various categories including main pages, modules, actions, and flows. 

          Based on the received brief I adjusted the architecture to only include the content called out in the scope - TV & Movies.

                Main IA

                ONBOARDING FLOW

                The onboarding flow is essential for any new user as it walks them through the parental control guides, helps them add and set profiles and also select content categories.

                The main flow breaks down various categories including main pages, modules, actions, and flows. 

                Based on the received brief I adjusted the architecture to only include the content called out in the scope - TV & Movies.

                      Main Flow + Onboarding Flow

                      VISUAL ANALYSIS

                      I then analyzed the visuals of popular kids streaming apps. I created a chart analyzing the logo and overall styling of the top apps to look for an opportunity to be disruptive.

                      The results showed an open opportunity where designing “simple and colorful” logo could be disruptive.

                        After conducting the research and completing some discovery analysis, I developed the design at high-def using the data analyzed including user and competitor.

                        We chose to go the high-def wireframe route based on several variables, including;

                        • Scope
                        • Timing
                        • Architecture
                        Teli's main target ages vary which also means the design between the older and younger audience will vary.

                        A younger audience might prefer something colorful, and animated vs a more modern look and feel.

                        I wanted to have a foundational base visually that can be customized based on the users age range. 

                              HIGH-LEVEL ONBOARDING WALKTHROUGH

                              New user installs app (Adult)

                              New user selects “Create Account”

                              New User enters their name

                              User selects “Next”

                              User enters age

                              User selects "Next"

                              (Parent Age Gate) User selects correct meaning

                              User selects “Next”

                              User selects profile avatar

                              User selects "Next"

                              User enters profile name + age

                              User selects “Next”

                              User recieves suggested content

                              User selects "Next"

                              Users account creation was succesfull.

                              ‍User selects “Start Watching”

                              MAIN DASHBOARD

                              The onboarding flow is essential for any new user as it walks them through the parental control guides, helps them add and set profiles and also select content categories.

                              The main flow breaks down various categories including main pages, modules, actions, and flows. 

                              Based on the received brief I adjusted the architecture to only include the content called out in the scope - TV & Movies.

                                    Main dashboard page
                                    ‍‍

                                    Singular content page of selected video

                                    RESULTS

                                    Teli incorporates the needs of both parent and child by making sure the content is both age appropriate + interactive.
                                    • In the future I would continue to iterate based on user analytics.

                                    • I would also incorporate the white space opportunities i.e live streaming, games, and parental blocked content parameters.

                                    MORE WORK

                                    Pretty Smart Foundation

                                    User Research, Strategy, Design + Development
                                    View Case Study

                                    Amazing Lash Studios

                                    Digital Marketing, Branding and Packaging Design
                                    View Case Study
                                    Charmed Palette

                                    Charmed

                                    Digital Marketing, Branding and Packaging Design
                                    View Case Study