Playground.

playground app info
ROLE
UX Researcher | UX/UI Designer
INSTITUTION
University of Waterloo
PROJECT TYPE
Group Project - Group of 5
TIMEFRAME
3 Weeks

TOOLS

CONTRIBUTIONS

  • πŸ’‘ Completed user research and user journey map
  • πŸ’‘ Ideate the features and identified pain points
  • πŸ’‘ Reponsible for the polishing work, including transferring low-fidelity prototype to mid-fidelity prototype and making changes on UI design
About Playground πŸ€ΉπŸ»β€β™€οΈ
UX/UI design

Children are generally more protected due to their weaker immunity, so social distancing due to covid-19 limits how they interact and play with their peers. Playground offers an emerging way that allow kids play together even through an app. The content exposed to kids is safe and approved by parents to minimize the risk of becoming addicted to unwanted content. For the current version, we created a vertical prototype by implementing the movie watching feature, and more features are the next steps in our schedule!

How can kids play together during covid-19?

With a covid-caused shift to remote school, a growing number of children have been unable to socialize with their friends or play outdoors, leading to feelings of isolation and boredom. Most social media apps are not designed for children and pose challenges related to safety, privacy, and appropriateness of content for this demographic (6-12 years). Video calling apps, while helpful, are not necessarily easy for parents to monitor or for younger children to set-up and use without parental support.

How might we create a virtual platform for kids to socialize with similar-aged friends without online safety hazards?

The problem.

Due to the social distancing policies during the pandemic, there is a significant reduction in social connections and physical activity for children.

The goal.

Provide kids with a safe platform to have a good time with their friends and to make new friends who are of a similar age as themselves.

Research method.

We conducted secondary research due to the limited time. Our research has shown that due to the social distancing policies during the pandemic, there is a significant reduction in social connections and physical activity for children.

As a result, children (6-12 years) are unable to socialize with their peers in-person. On the other hand, the lack of parental control and supervisions on the internet hampers children's ability to freely navigate virtual socialization.

This information was used to identify the need for a child-friendly virtual platform for safe and interactive social experience.

User personas.

* Click to zoom in.

persona
persona

The primary user persona we focused on is children aged 6-12 years. The key challenge for this group would be a need to socialize virtually while still being able to engage in interactive activities with their friends such as playing games and watching movies. As well, these activities need to be possible in a safe environment that allows for parental supervision as this is a vulnerable demographic that can easily fall prey to cyber bullying, catfishing, and harassment online. Lastly, this persona group needs to have access to content that is age appropriate to avoid mental impressioning that is traumatic, distressing, or overly complex.

The secondary user persona we kept in mind is parents of these children who may want to find a safe and trustworthy platform that can engage and entertain their children without having to worry about virtual danger and constant supervision.

User stories.

We constructed two user stories based on the social needs of two kids.

Girl Sherry
Sherry

Sherry is an outgoing kid who needs a platform to make new friends online because she always attends school online these days and she is the only child in her family. Therefore she feels lonely sometimes.

"As an outgoing girl, I want to be able to make new friends while the school is closed, so that I can have other kids to chat with while staying at home. "

Boy Kevin
Kevin

Kevin is a boy that is really into science themed cartoons. He needs a kids-only platform that he could share his thoughts with his peers because his parents won't allow him to use unsupervised social media platforms due to safety concerns of the internet.

"As a cartoon fan, I want a platform that is designed for kids-only, so that I can share my thoughts on cartoons with other kids with my parents' approval."

Empathy map.

We created the empathy map and aimed to put the user needs to the front and center. From what they say, what they think, how they act and how they feel, we could better understand what are their actual needs while interact with these kind of apps.

* Click to zoom in.

Sherry Empathy Map
Sherry's Empathy Map
Kevin Empathy Map
Kevin's Empathy Map

User journey map.

Mapping Kevin's user journey revealed how helpful it would be for users to have access to a dedicated kid-friendly platform. The goal of this map is watching a movie with a friend.

User Journey Map

Competitor audit.

Reading through the app reviews for our competitors' services allowed us to learn what users like and dislike about similar apps.

Messenger Kids logo
Messenger Kids

Grom Social logo
Grom Social

JusTalk Kids logo
JusTalk Kids

competitor audit

Pain points.

01 Physicality

Limited chance to socialize in-person with same-aged peers.

02 Isolation

Lack of similarly aged kids at home. Kids are experiencing loneliness during the pandemic.

03 Safety

The content on existing social media platforms is not always suitable for kids. They pose threats to safety such as cyber bullying, harassment, and catfishing.

04 Child Specific Features

Messaging apps have limited entertainment features apart from texting and calling.

Ideation.

* Click to zoom in.

Types of Features Brainstorming Miro Board
Types of Features Brainstorming on Miro Board
Specific Features Brainstorming Miro Board
Specific Features Brainstorming on Miro Board

Based on the conducted research, we brainstormed about the type of features we wanted to include in our app while considering user pain points and needs. Due to limited time, we decided to develop a vertical prototype (i.e. more depth and detail for functionality segment, essentially a narrow selection of product features) and focus on the watch movie and chat room at this stage. The safety of the users is our primary concern. Therefore, we implemented many parental control features to ensure kids would navigate in a safe environment.

This product's main features can be divided into 5 categories:

  1. Onboarding
  2. Profile setup
  3. Browsing/Discover page
  4. Chat room
  5. Specific event page

Low-fidelity prototype.

We created a vertical low-fidelity prototype to indicate our app's structure and functions.

* Click to zoom in.

Onboarding & Profile Setup Low-Fidelity Prototypeh
Onboarding & Profile Setup Low-Fidelity Prototype
Discover & Chat Low-Fidelity Prototype
Discover & Chat Low-Fidelity Prototype

Internal usability test.

An internal usability test was conducted before moving on to the mid-fidelity prototype. Changes were made to the prototype based on feedback.

* Click to zoom in.

01
Onboarding Flow First change

The first change we made was the user flow of the onboarding page. We added a login feature to allow returning users to access the app.

Instead of asking whether the user's role, we placed a note to indicate only adults can unlock the app for the safety reason. The change acts as a error prevention that prevent kids from unlocking the app.

02
Text Input Fields Second change

The second change we made was the UI design of text input fields.

We added text input titles next to the input fields because the procedure helps user to recognize the type of information while filling out the fields.

Mid-fidelity prototype.

Our vertical mid-fidelity prototype with watch movies with friends feature partly resolves the pain point of not being able to physically hangout with their friends due to the COVID-19 pandemic. There were previously a limited number and quality of apps that offered kids entertaining social opportunities, but our app would allow them to watch movies while talking/discussing the video content synchronously with their friends.

Click here to experience the work.

Onboarding.

  1. πŸ’‘ A variety of parental control features were embedded into the app sign up process to home in on children's safety which is otherwise at risk in virtual settings.
  2. πŸ’‘ ID or email proofment is required to ensure a guardian is signing up the app.
  3. πŸ’‘ Guardian needs to set up a parental passcode as a security to let kids access to locked contents that require parental approval.
  4. πŸ’‘ Tutorial for parents are included to provide a safe environment to kids.
Onboarding User Flow
Onboarding User Flow

Profile setup.

  1. πŸ’‘ Parents can select age group(s) that they want their kids to interact with. The selection will affect the content delivered to the kids.
  2. πŸ’‘ Parents can select categories that their kids are interested in. The information is used to deliver type of content and recommend friends with similar interest to kids.
  3. πŸ’‘ The system will recommend some friends that the kids may know.
Profile Setup User Flow
Profile Setup User Flow

Event.

  1. πŸ’‘ Children can host and attend events with their friends online.
  2. πŸ’‘ Video/film content that has not yet been pre-approved by parents requires children to ask for parental approval by inputing parental passcode.
  3. πŸ’‘ Invites sent by children notify their friends' parents. Parents are notified of the timing of the activity as well as having control over their child's exposure to online content.
  4. πŸ’‘ Children can watch movies while talking/discussing the video content synchronously with their friends.
Event User Flow
Event User Flow

Chat.

  1. πŸ’‘ Children can chat with their friends online.
  2. πŸ’‘ Children can add new friends by searching by name, location, school, and grade.
  3. πŸ’‘ Adding a friend would send an invite to the friend's parent. Parents can moderate their child's connections and ensure safety of the interaction.
Chat User Flow
Chat User Flow

Accessibility considerations.

insert photo
Inserting graphics to ensure young kids are entertained and engaged in understanding how to use the app

paint palette
Using bright colors with enough contrast to enable usage by color-blind individuals

language
Using simple language that is clear and easy to understand for our target demographic (6-12 years)

Takeaways.

  • Our app effectively targets the problem of children's loneliness due to the COVID-19 pandemic.
  • The parental control features ensure a safe online environment for children and takes away parental concern.
  • While the app notifies parents of children's activities and prompts parents to provide certain permissions, it is easy to navigate and use autonomously by children.
  • Features that allow kids to create and join events, chat with friends, and play games, encourage social skill building in a virtual environment of the future.

Next steps.

  1. Conduct more rounds of user research with actual users (kids at 6-12 yrs old) to ensure all features are easy and clear to the target demographic.
  2. Learn more about relevant content and activities for the target demographic to include them in future app versions.
  3. Conduct additional research into the viability and security of incorporating extensions and connections with other relevant apps like TikTok and Instagram.

πŸ‘€ Random projects.

🎲 Shuffle