YouTube Live Concept
Role
UX/UI Designer
Purpose
College students rely heavily on live streaming for community and entertainment, but YouTube Live lacks the tailored, interactive, environment they expect. This concept redesign focuses on creating a personalized Youtube Live experience and online community for college students while adhering to Youtube’s current design system.
Skills
User Experience (UX) Research
Prototyping
What's Wrong With YouTube Live's Current Page?
The Problem...
How can we design YouTube Live to prioritize a sense of community and personalized experience for the young adult audience?
Understanding Live Streaming and the User
College students rely heavily on live streaming for community and entertainment, but YouTube Live lacks the tailored, interactive, environment they expect. This concept redesign focuses on creating a personalized Youtube Live experience and online community for college students while adhering to Youtube’s current design system.
What are the Mainstream Live Streaming Platforms?
Who's Our Target Audience?
Home Page Low-Fis
Brainstorming how to reorganize categories and highlighting subscribed streamers to be more visible in the UI.
What Are the Home Page Necessities?
During the Low-Fi to Mid-Fi stage, I interviewed 13 college students to understand what features/categories are most important to display on the home pages of live-streaming platforms.
61.5%
rely on Twitch as their go-to live-streaming platform
69.2%
claims that home page should reflect past viewing behaviors
69.2%
go onto live-streaming platforms with a creator to watch in mind
76.9%
depend on finding new creators based on recommended streams & creators
Introducing New Assets!
Yes, Youtube Live successfully organizes each video with a custom thumbnail, title, channel name, view count, an a LIVE overlay--if applicable. However, after conducting user interviews, I wanted to accentuate the LIVE overlay by pairing it with the viewer count, as the original design hides this number to the third important text to read, and add content-type categories through tags to allow users to quickly find relevant live content.
Live Stream Card
Original
✅ LIVE overlay
❌ Content-type tags
❌ Viewer count overlay
Redesigned
✅ LIVE overlay
✅ Content-type tags
✅ Viewer count overlay
Featured Stream Card
Original
✅ LIVE overlay
❌ Content-type tags
Redesigned
✅ LIVE overlay
✅ Content-type tags
✅ Consistent text format as Live Stream Cards
Live Channel Displays
Sidebar
Original
Redesigned
✅ LIVE overlay
❌ Content-type tags
❌ Viewer count
✅ LIVE channel shown with viewer count
✅ Content-type tags
Hi-fi Design
Final design with the addition of the content-type category bar and tags, redesigned assets, and new format grouping of live-streams.
