UX Designer
Desktop, Website
Figma, FigJam, Google Forms, Google Meets, Discord
November 2022 - December 2022
(4 Weeks | 80 Hours Total)
YouTube is a popular online video-sharing platform that enables users to upload, watch, and interact with various videos. It serves as a social media platform centered around entertainment created by its users, offering diverse content from various niches.
This project is a personal exploration of YouTube, and I am not associated with nor has YouTube compensated me to create this project. I do not claim ownership of any artwork or media used in the mockups.
As an avid user of YouTube, I couldn't help but ponder what improvements could be made to the platform. While continuously updating its features to enhance the user experience, one overlooked aspect was the exploration of new channels. Despite the vast array of content available on YouTube, my recommendations often consisted of the same channels that I have already watched, or sometimes even featuring videos from years ago. This lack of diversity in my recommendations left me wondering why my exploration felt so limited, with little exposure to fresh and relatable content that aligned with my interests.
Results:
100% direct success navigating new menu (compared with 6.9%)
5.7s time taken to find channel filter (compared with 32.8s)
UX Designer
Desktop, Website
Figma, FigJam, Google Forms, Google Meets, Discord
November 2022 - December 2022
(4 Weeks | 80 Hours Total)
📌 Time constraint of 80 hours to complete the project.
📌 Limited resources and perspective as an individual UX designer.
📌 Keeping brand recognition and design system.
📌 Plan, research, and organize an individual design sprint.
📌 Adding a feature to the existing interface of YouTube.
📌 Analyze the existing product and determine its success metrics.
I focused on evaluating the site map of YouTube’s current channel exploration. Taking a closer look at the hierarchy, user flow, visual layout, and more, I got a better idea of where we could make improvements. While doing so, I took some quick notes with ideas, thoughts, and action items to reflect on during the ideation phase.
Not a single designated section for the creator’s behind the content in the Side Panel Navigation.
The button to browse channels is obscured by many other media channels (based on user youtube channel subscriptions).
Difficulty navigating or there were options to search for channels through existing side panel navigation.
This can increase bounce rates and drop-off.
Failed to showcase the personality and essence of each channel.
Limited exploration with 9 general categories, each only 18 channels with a minimum of over 200K subscribers.
Users may feel the options to explore channels lackluster, which decreases their experience using this screen.
The limitation of niche categories and suggested channels may not match the user’s needs.
Once “channel” has been selected from the filter, all other filter options are disabled, creating limited searching.
Youtube channels can only be sorted; however, the sorting function is irrelevant to Youtube channels.
Users will find the channel button ineffective and will not use it due to its limitation.
Limitation in exploration cause users to search via content instead, which may result in watching familiar creators rather than engaging with new content.
The channel search feels similar to the “Browse Channel” screen except for for adding a short biography.
The list of channels, again, failed to showcase the channel’s personality and utilized too much negative space.
Users would probably have to click on each channel to explore more of the channel’s content, which may be tedious and have too many unnecessary tabs.
Users will be bored reading each biography and may need to utilize this screen more effectively.
During the competitor analysis and secondary research phase, I encountered several challenges primarily due to the novelty of the feature addition I was working on. These struggles underscored the need to approach the channel exploration feature from a fresh perspective, relying more on user-centered research and creative ideation to effectively address the market gap. Here are the struggles I faced:
The existing competitor analysis yielded disappointing results as very few direct competitors had a dedicated channel exploration feature that offered a personalized experience.
The secondary research could have provided compelling examples or insights into innovative channel exploration solutions, indicating a gap in the industry.
The competitor analysis and secondary research yielded little findings or spark my interest, making it challenging to gather valuable insights for my design process.
To gain deeper insight into site usage, I conducted a survey of 30 participants and user interviews with 2 youtube users and 2 youtube creators. The goal was to identify user types, understand site usage and pain points, and uncover user desires.
of users primarily discover new content and channels through the home page.
of users explore suggested videos or search for specific niches/topics.
of users prefer to use their desktop to watch content on the platform with dark mode.
of users confirm that ads were their least favorite experience when watching videos.
of users feel there is a lack of content recommendation and exploration.
of users were unaware of the channel filter functions or the channel browse screen.
of users emphasize the importance of the channel’s personality and content for views.
of users would like to know how the content is relevant to their subscriptions.
While acknowledging the importance of ads in supporting the free platform and its content creators, I questioned the feasibility of addressing this complex issue. To navigate this challenge, I formulated project goals from the users, creators, and business perspectives. This approach helped me prioritize and identify feasible solutions for YouTube.
Implement strategies to optimize ad placements and engagement to generate higher revenue.
Design features that keep users engaged on the platform for longer periods, increasing ad exposure.
Create a positive user experience that fosters loyalty and portrays the brand as user-friendly and supportive of content creators.
Users value a platform that exposes them to diverse topics, genres, and content styles, expanding their knowledge, interests, and perspectives.
Users want a platform that understands their interests and provides flexibility to discover new recommendations, enabling them to find tailored content effortlessly.
Users use the platform to facilitate personal growth and exploration, seeking content that challenges them, introduces new ideas, and promotes learning and self-improvement.
Develop mechanisms to promote content creators and help them reach a broader audience to boost their visibility and growth.
Ensure that content creators are fairly compensated for their work and receive adequate revenue from ad placements.
Facilitate meaningful interactions between content creators and their audience to foster a sense of community and loyalty.
To understand the diverse user base of YouTube, I developed personas to capture their unique needs and pain points. While prioritizing the viewer persona, I also considered the needs of content creators as a secondary persona, as they will be the users customizing the feature for the viewer. Recognizing the importance of both audiences, I aimed to create a solution that addresses their individual requirements and contributes to the platform's content and community.
Using what I have learned from the discovery and user research, I addressed these issues by integrating two easily discoverable and convenient exploration methods into the redesigned user flow.
After analyzing user interactions, it was evident that the Home and Video screens were the most frequently visited. To ensure the new feature was highly visible and accessible, I incorporated the Channel Preview into these two highly visited screens. By seamlessly integrating this new feature into the key screens, resulting in a higher likelihood of user engagement. This integration enhances the overall user experience and encourages users to actively interact with the new feature.
My approach to planning a testing guide for this new feature was unconventional. I devised a plan that involved having users explore their current YouTube site first and then exposing them to the high-fidelity prototype to determine whether they could identify any differences.
All users could quickly identify the feature on the Home Screen and Side Panel Navigation.
The time to discover the feature reduced from 32.8 seconds to 5.7 seconds.
Once “channel” has been selected from the filter, all other filter options are disabled, creating limited searching.
Users found it convenient to preview the channel's recent and most popular content in the search.
Adding the banner on the channel's profile preview helped showcases the channel's personality.
Users found it convenient to preview the channel's recent and most popular content in the search.
Users had mixed feelings about the custom filter & search tool in the Creator Screen.
The filter's categories were too long and didn't follow Youtube's current filter hierarchy.
Users were annoyed by the automatic collapse when using the channel's filter feature in the prototype.
The filter would automatically collapse when the user's mouse left the feature.
Users noted the lack of personality in the Profile Preview in the Video Screen, compared to the Home and Creator Screen.
There were concerns with the filter's animation and organization, causing confusion among users. To address this, the automatic filter collapse animation was removed in the prototype, and more subcategories were added. Users can narrow their search more efficiently with more specific subcategories, resulting in a more personalized and relevant experience.
This sample showcases the expanded exploration feature's position, placement, and functionality, allowing curious users to browse through creators and their content more effectively.
This case study highlights the importance of user-centered design and thorough testing and feedback in creating a successful feature. I created a design that addressed these concerns while still supporting the platform's revenue generation and content creation goals. By prioritizing users' needs while still considering the platform's goals, we can create a more personalized and engaging experience for all.
I had challenges standing by my assumption of expanding exploration due to the overwhelming pain point validation of Ads during research. I recognize and learned there are many domains a UX designer can focus on and also that ads were essential for a free platform to sustain itself. I learned to defend my assumption and move forward with the design when others doubted or didn't fully understand it.
The most difficult part was searching YouTube’s design systems. Every single time I searched “Youtube’s Design System” or relevant topics, I would get video content of “What is Design Systems”. I had to utilize tools such as the Google Inspect tool to analyze and figure out each pixel, sizing, color, and typography of the platform.
Youtube is an extremely big and leading video-sharing platform so there were many directions to improve user experience (e.g., Ads vs Exploration Conflict). I had conflicting research and feedback when I first started the project and I wasn’t able to articulate my troubles. After revisiting this case study several times, I recognize there are different domains and domain research and there is always a designer for each department of these domains. Knowing this allowed me to focus on one domain as the other domain was out-of-scope of my vision.
My research was broad initially, and I had to revisit with some interviewees for further questioning or clarification to narrow down my research. I researched the general path of the daily youtuber but didn’t go into specifics of the feature I had in mind, which may be a reason why the pain point strayed into Ads. I recognized I was looking for validation rather than hearing the user’s problems and this conflict confused me.