04 / GAMES AND COMMUNITY

YouTube Gaming UX

Led UX for two years. Shipped Gaming Rewards to 200M daily viewers, advocated for recommendations with transparency and control.

Timeline
2017 – 2021
Skills
UX Design, Research, Vision, Prototyping, Illustration
Team
YouTube Gaming, YouTube Community
Partners
Epic GamesRiot GamesPUBGTencentActivision BlizzardGarenaGoogle PlayStadiaYouTube MainAppGoogle Identity

NDA: I've redacted project specifics as I'm unable to share internal artifacts. Instead, I'm bringing focus to my process and decisions.

Innovate on ways to deepen gamers’ relationships with their favorite games and discover the best gaming content.

I led UX for YouTube Gaming, designing for gaming publishers and 200M daily viewers, on a surface of 50B yearly watch hours.

I designed the end-to-end flows and scalable systems for account linking, launching integrations with Epic, Riot, and PUBG (5M+ accounts linked).

I initiated foundational research of gaming user journeys, championed transparency and control for gaming recommendations, and drove it into team strategy and metrics.

YouTube mobile sheet for connecting a Clash Royale account via Google Play Games, listing in-game items, personalised recommendations, and achievements displayed in Community features
YouTube mobile sheet for connecting a Riot ID, listing watch-and-earn in-game items and recommendations based on game progress
Linking gaming accounts allowed cross-platform data sharing, rewards, and better recs!

A preamble.

I was a builder since my first day at YouTube.

I launched Messages on Web by writing a JavaScript bookmarklet that allowed testers to preview the live experience of receiving a message on the real YouTube.com.

This allowed us to derisk our launch and introduce a new experience while making sure video remained king.

The prototypes led to the launch candidate.

We captured millions of weekly video shares, and a significant lift in DAU.

I also pushed a few CLs (PR equivalents)!

Making YouTube an interactive gaming platform.

I designed the Account Linking and Rewards system, which allowed gamers to connect their gaming accounts (Epic, Riot, Supercell and more) to YouTube.

The experience I created allowed users to earn in-game items by watching videos, bringing their favorite games with them off-platform.

YouTube mobile consent screen for linking a Riot Games accountWild Rift watch page showing an in-game reward offer beneath the videoRequest sent dialog confirming the Riot account link over a game videoThe flow end to end: consent, the in-game reward on the watch page, and confirmation

Impact

5M game accounts linked
XM viewers receiving in-game rewards
watchtime lift on participating titles

Using game data to improve video recommendations, with privacy and control.

In this project, I pushed for upholding user trust at YouTube, by championing an experience with transparency and control for 3rd party data recommendations.

User opportunity

I initiated foundational research of Gaming User Journeys. We found that recommendations that understood which games users played were important to help them get better at these games.

Gaming's most-requested feature was recommendations that understood what you actually play, not only what you watch.

Most users watch 1–4 games

Don’t know game

  • I want to discover a game I haven’t heard about

Want to play game

  • I want to learn more about a game I just heard about

Plays the game

  • I want to find out how to achieve X
  • I want to get better at the game
  • I want to keep up with the latest game news
  • +3 more Show less
    • I want to watch skilled gameplay
    • I want to watch fun gameplay / highlights
    • I want to watch videos about the game culture

Deep into game

  • I want to be immersed in the game’s community
  • I want to watch my favourite creators
Unfamiliar Immersed

User risk

YouTubeGoogle

The signals existed in linked accounts and Google Play Games, but most people do not know YouTube is part of Google, so I advocated for data transparency.

A wireframe of a YouTube video recommendation. Where the reason for the recommendation would sit, a caption in Comic Sans lists every signal that produced it — Play Games, watch history, time of day, the age and gender on the Google Account, and whether they like pineapple pizza — running on longer than the video's own title. Beside it, a cartoon face reacts in alarm.

TradeoffThe safe option was to disclose everything, everywhere. I argued instead for transparency proportional to surprise: heightened explanation only when a recommendation comes from somewhere other than YouTube itself.

We'd word it "Based on your game progress" so we were both honest and helpful at the same time.

Progressive disclosure system

I proposed a framework consisting of three components: Below-thumbnail badging, Info Dialog, and Control Settings. It served as a blueprint for how YouTube handles 1P and 3P data disclosures across product verticals.

I rigorously tested the experience in two user studies, and authored the post-launch monitoring feedback mechanisms.

YouTube home feed with a gaming recommendation carrying a Below the thumbnail badge that reads New! Learn about this gaming recommendationThe video overflow menu opened, with an About this recommendation entry alongside Save, Share, and Not interestedThe About this recommendation info dialog, explaining it is based on YouTube and Google Play activity and that because YouTube is a Google company the activity can be viewed and deleted at activity.google.comThe Play Games Activity control settings, where the signal can be turned off, changed, or set to auto-delete

ImpactOur derisked launch led to a significant lift in Gaming Watch Time and DAUs.

It was exhilarating to bring innovation to YouTube through games.

Four years at YouTube taught me that when you design for 200 million daily viewers, the smallest design decisions have massive ripples.

What I'm proudest of wasn't just shipping to millions, it was standing up for user trust.

And let's be real, I got to work on my favorite thing ever - GAMING! I will not forget our memes and gaming nights.

An office desk built out as a market stall: a pastel scalloped awning on a pipe frame, fairy lights, a monitor, a pastel mechanical keyboard with novelty keycaps, and plush toys crowded around it
I won YouTube's best desk award
A black v-neck t-shirt printed with a hand-drawn parody of the YouTube logo reading 'YuUUtube'
my team's favorite shirt
A plush cushion printed with the lo-fi hip hop radio study-girl stream thumbnail, reading 'Lofi Hip Hop Radio 24/7 — Gaming / Study Beats to relax to'
lofi pillow i made
Xinni sitting in a red-and-white DXRacer YouTube gaming chair at YouTube Space, smiling, a YouTube Space Lab box on the desk beside her
at YouTube Space
A 'BooTube' Halloween photo-booth strip from 2018: the team making heart hands with plush YouTube mascots
BooTube, 2018
A CD jewel case on an office shelf printed with the YouTube logo, 'Xinni Chng', and an anime avatar of Xinni holding a small orange plush
Three anime avatar badges in CD jewel cases on a reclaimed-wood shelf, labelled Barbara Macdonald, Kristen Stewart, and Lisette Fall-Conroy
Two more anime avatar badges in CD jewel cases on the shelf, labelled Lil Chen and Lyric Liu

Plz look at my doggos of YouTube collection. Just because.

A fluffy white Samoyed standing in the YouTube office between standing desks, tongue out, on a leash
A fluffy grey Keeshond sitting under an office desk wearing a red bandana patterned with white YouTube play buttons and hearts
A Yorkshire terrier in a knit-and-plaid sweater standing on an office chair by a window
A tan chihuahua being carried in someone's arm in the office, looking at the camera
A cream-coloured dog mid-shake in the office, caught in playful motion blur, on a red leash

Kind words

She took the initiative to tackle this complex issue not just for Gaming, but for all YT recs. Xinni's proposal to increase transparency and control for these signals will make it easier for teams across YouTube to use these signals in a privacy safe way.

Product Manager, YouTube Privacy Working Group

An amazing job at fostering a great relationship between UX and Eng. Her clear plan for keeping communication open and productive makes me feel incredibly optimistic for the future of the gaming team.

Software Engineer, YouTube Gaming

Xinni has to be one of the kindest, most empathetic people at Google. Her creative, research-rooted design work has always been principled, and her style of critiquing work has truly helped hone my own skills.

UX Designer, YouTube Community

We are really lucky to have you on the team and couldn't have wished for a better UX partner on the YouTube side. Your continuous support in providing valuable feedback on the existing critical user journeys, as well as all the work you are doing on [project], has gotten all of us really excited about what's next.

Product Manager, Google Play Games

Wanted to say thank you, Xinni, for so thoroughly and clearly preparing assets for the Account Linking study. From organizing flows in the prototype through separate entry points for each user journey, and preparing a thorough research prep document with goals organized by screen and interaction, you really made this a super smooth collaboration between research and design.

UX Researcher, YouTube Gaming

Thanks Xinni for putting together a framework and system for us to brainstorm features on the fly for the gaming team to work on for this quarter!

Product Manager, YouTube Gaming

Thank you for presenting to my group's all-hands! The engineers got a lot of value from your insights about UX-eng collaboration.

Engineering Director, YouTube

Impressed how quickly you ramped up on Stadia and already making a difference!

Product Manager, YouTube Gaming

It was easy to just walk by, but they chose to chase this issue — which should not only result in a more polished UX because of fewer i18n bugs, but make life better for our users by making YouTube feel more 'native.' Stay awesome, y'alls.

Engineering Manager, YouTube Main
A set of YouTube emoji Xinni designed: a takeout box, a shushing face, a cat in a delivery box, a hand-sanitiser bottle, a face hugging a heart with a wifi signal, and a thumbs-up face

Thank you so much for your part in launching Covid emoji! Really impressed by how quickly the whole virtual team pulled together this creative solution to help the world! Feeling very grateful and inspired to work with you. 🤜🤛

Sr Director, YouTube

GGWP!