The Problem
The Problem
The Problem
The " Customize Your Feed " card users to customize their feed based on their preferences .
But the Overall visual design of the card has got some Accessibility issues like
Poor Visibility
Why to click ?
Also , From the Research i found that most people don't even able to discover while scrolling & if discovered , It doesn't give them a reason to click
The " Customize Your Feed " card users to customize their feed based on their preferences .
But the Overall visual design of the card has got some Accessibility issues like
Poor Visibility
Why to click ?
Also , From the Research i found that most people don't even able to discover while scrolling & if discovered , It doesn't give them a reason to click
The " Customize Your Feed " card users to customize their feed based on their preferences .
But the Overall visual design of the card has got some Accessibility issues like
Poor Visibility
Why to click ?
Also , From the Research i found that most people don't even able to discover while scrolling & if discovered , It doesn't give them a reason to click
The Solution
The Solution
The Solution
The new card design is optimized for better discoverability, addressing users needs and frustrations by providing clear, enticing visuals and relevant information.
This design gives users compelling reasons to hold and click, enhancing engagement and satisfaction.
Incorporated UX principles & Mental Models to design these cards
The new card design is optimized for better discoverability, addressing users needs and frustrations by providing clear, enticing visuals and relevant information.
This design gives users compelling reasons to hold and click, enhancing engagement and satisfaction.
Incorporated UX principles & Mental Models to design these cards
The new card design is optimized for better discoverability, addressing users needs and frustrations by providing clear, enticing visuals and relevant information.
This design gives users compelling reasons to hold and click, enhancing engagement and satisfaction.
Incorporated UX principles & Mental Models to design these cards
Why Customize ?
Why Customize ?
Why Customize ?
Firstly , As a UX Designer I was really curious to find the reason behind these Cards , so I've gone ahead & did a quick search on the internet & here's what I've got to know
Firstly , As a UX Designer I was really curious to find the reason behind these Cards , so I've gone ahead & did a quick search on the internet & here's what I've got to know
Firstly , As a UX Designer I was really curious to find the reason behind these Cards , so I've gone ahead & did a quick search on the internet & here's what I've got to know
01
Decision Fatigue and Stress Reduction
01
Decision Fatigue and Stress Reduction
01
Decision Fatigue and Stress Reduction
Casual users spend significant time browsing for content, often leading to stress and sometimes turning off YouTube completely. Users spend about 10-15 minutes browsing before selecting something to watch, especially if they are in a group. This indecision often leads to stress, and when they can’t decide, they may turn off YouTube entirely
Casual users spend significant time browsing for content, often leading to stress and sometimes turning off YouTube completely. Users spend about 10-15 minutes browsing before selecting something to watch, especially if they are in a group. This indecision often leads to stress, and when they can’t decide, they may turn off YouTube entirely
💡 Hick's Law: Reducing the number of options or simplifying the choices can help users make decisions faster and with less stress.
💡 Hick's Law: Reducing the number of options or simplifying the choices can help users make decisions faster and with less stress.
💡 Hick's Law: Reducing the number of options or simplifying the choices can help users make decisions faster and with less stress.
02
Enhancing Viewing Experience for Repeated Content
02
Enhancing Viewing Experience for Repeated Content
Many users rewatch content from their favorite creators, indicating a need for easy access to preferred videos i.e users frequently rewatch content they love, especially from favorite creators.
Many users rewatch content from their favorite creators, indicating a need for easy access to preferred videos i.e users frequently rewatch content they love, especially from favorite creators.
💡 Recogination Over Recall: This principle suggests that users prefer recognizing options rather than recalling information.
💡 Recogination Over Recall: This principle suggests that users prefer recognizing options rather than recalling information.
💡 Recogination Over Recall: This principle suggests that users prefer recognizing options rather than recalling information.
03
Tailored Recommendations for Intentional Users
03
Tailored Recommendations for Intentional Users
Intentional users seek specific content and get frustrated with irrelevant recommendations i.e they often know exactly what they want to watch and directly search for it. They get frustrated with irrelevant video recommendations
Intentional users seek specific content and get frustrated with irrelevant recommendations i.e they often know exactly what they want to watch and directly search for it. They get frustrated with irrelevant video recommendations
💡 Peak-End Rule: Providing relevant recommendations and ensuring the final interaction (end of the session) is positive & can leave users with a better overall impression.
💡 Peak-End Rule: Providing relevant recommendations and ensuring the final interaction (end of the session) is positive & can leave users with a better overall impression.
💡 Peak-End Rule: Providing relevant recommendations and ensuring the final interaction (end of the session) is positive & can leave users with a better overall impression.
The Problems
The Problems
The Problems
Designing By Asking Users , Interating By Listening
Designing By Asking Users , Interating By Listening
Designing By Asking Users , Interating By Listening
After doing a quick research about why YouTube is pushing it's users to customize their channels, I've decided to go ahead & do a quick usability tests with the current design to know more about how this feature even performing
After the tests ive did a quick interview with the participants to know about their feedback & here's what I got to know 👇
There were 2 major problems with respect to the previous design
After doing a quick research about why YouTube is pushing it's users to customize their channels, I've decided to go ahead & do a quick usability tests with the current design to know more about how this feature even performing
After the tests ive did a quick interview with the participants to know about their feedback & here's what I got to know 👇
There were 2 major problems with respect to the previous design
After doing a quick research about why YouTube is pushing it's users to customize their channels, I've decided to go ahead & do a quick usability tests with the current design to know more about how this feature even performing
After the tests ive did a quick interview with the participants to know about their feedback & here's what I got to know 👇
There were 2 major problems with respect to the previous design
Poor Visibility
The previous design lacks visibility as most of the users haven't even discovered the card yet
The one who discovered says that the design wasn't visually strong enough to stop their scroll
Poor Visibility
The previous design lacks visibility as most of the users haven't even discovered the card yet
The one who discovered says that the design wasn't visually strong enough to stop their scroll
Poor Visibility
The previous design lacks visibility as most of the users haven't even discovered the card yet
The one who discovered says that the design wasn't visually strong enough to stop their scroll
Why to click ?
The user who discovered the card says that it doesn't give them a reason to click .
Also clicking on the card & proceeding looks like an additional task , And It doesn't clearly indicate the steps it would take to complete the task
Why to click ?
The user who discovered the card says that it doesn't give them a reason to click .
Also clicking on the card & proceeding looks like an additional task , And It doesn't clearly indicate the steps it would take to complete the task
Why to click ?
The user who discovered the card says that it doesn't give them a reason to click .
Also clicking on the card & proceeding looks like an additional task , And It doesn't clearly indicate the steps it would take to complete the task
The Solutions
The Solutions
Mobile App
Mobile App
The light mode
The light mode
Web App
Web App
A Closure Look
A Closure Look
Discover how I use UX Principles & Mental Models to design a functional card that doesn't just look pretty but stops the scroll & encourages users to click
Discover how I use UX Principles & Mental Models to design a functional card that doesn't just look pretty but stops the scroll & encourages users to click
Discover how I use UX Principles & Mental Models to design a functional card that doesn't just look pretty but stops the scroll & encourages users to click
Encourage to take the next step
Encourage to take the next step
The new card design incorporates progress indicators to encourage users to take the next step in their journey.
These visual cues provide immediate feedback on their progress & gives a quick cue that they've already completed the 1st step of the process
The new card design incorporates progress indicators to encourage users to take the next step in their journey.
These visual cues provide immediate feedback on their progress & gives a quick cue that they've already completed the 1st step of the process
The new card design incorporates progress indicators to encourage users to take the next step in their journey.
These visual cues provide immediate feedback on their progress & gives a quick cue that they've already completed the 1st step of the process
💡 Endowed Progress Effect : People are more likely to complete a goal when they feel they have made some initial progress towards it
💡 Endowed Progress Effect : People are more likely to complete a goal when they feel they have made some initial progress towards it
💡 Endowed Progress Effect : People are more likely to complete a goal when they feel they have made some initial progress towards it
Addressing the pain
Addressing the pain
Addressing the pain
💡 Clarity / Certainty Effect : Statements that are easier to read and understand become easier to trust.
💡 Clarity / Certainty Effect : Statements that are easier to read and understand become easier to trust.
💡 Clarity / Certainty Effect : Statements that are easier to read and understand become easier to trust.
The revamped card design "Title" targets the user's difficulties, effectively enhancing attention and increasing the card's Discoverability
The revamped card design "Title" targets the user's difficulties, effectively enhancing attention and increasing the card's Discoverability
The revamped card design "Title" targets the user's difficulties, effectively enhancing attention and increasing the card's Discoverability
Familiarity Effect ( most watched creators )
Familiarity Effect ( most watched creators )
Familiarity Effect ( most watched creators )
This section of the Card design comes up with 2 visual variants :
The first one : Showing their most watched creators quickly grab attention & gives them a reason to click
The second option : Showcasing their previous most watched videos to quickly grab attention & gives them a reason to click
This section of the Card design comes up with 2 visual variants :
The first one : Showing their most watched creators quickly grab attention & gives them a reason to click
The second option : Showcasing their previous most watched videos to quickly grab attention & gives them a reason to click
This section of the Card design comes up with 2 visual variants :
The first one : Showing their most watched creators quickly grab attention & gives them a reason to click
The second option : Showcasing their previous most watched videos to quickly grab attention & gives them a reason to click
💡 Visual Memory : We remember and trust images far better than words or sounds.
💡 Visual Memory : We remember and trust images far better than words or sounds.
💡 Visual Memory : We remember and trust images far better than words or sounds.
The Impact
The Impact
Personalized Content Delivery that improves retention
Personalized Content Delivery that improves retention
Personalized Content Delivery that improves retention
Personalized feeds keep users coming back to YouTube regularly, ensuring they remain engaged with the platform over the long term impacting the overall retention
Personalized feeds keep users coming back to YouTube regularly, ensuring they remain engaged with the platform over the long term impacting the overall retention
New Content Discovery
New Content Discovery
New Content Discovery
Users are more likely to discover new channels and content that they enjoy, leading to a more diversified consumption pattern and exposure to different types of ads.
Users are more likely to discover new channels and content that they enjoy, leading to a more diversified consumption pattern and exposure to different types of ads.
Ads that they can't skip
Ads that they can't skip
Ads that they can't skip
Ads tailored to user interests are more likely to be relevant and engaging, resulting in higher click-through rates and conversions for advertisers.
Ads tailored to user interests are more likely to be relevant and engaging, resulting in higher click-through rates and conversions for advertisers.
If you've made it this far , i would love to meet in-person 😃 !
If you've made it this far , i would love to meet in-person 😃 !
If you've made it this far , i would love to meet in-person 😃 !