Viewing Experience
- Netflix
Netflix is one of the most popular video-on-demand platforms. With more and more people turning to streaming services, our team wanted to analyze how Netflix could be improved, to ensure that it continues to meet the expectations of its loyal users and make their experience better than it already is. We identified key areas where Netflix needs improvement and provided solutions.
01
Ratings & Reviews
Added a button that opens an IMDb window embedded within Netflix.
Role: UX Researcher and UI Designer
Team: A team of 4 UX Designers
Timeline: 16 weeks
The Process
Explore
01
-
Conducted Competitor analysis: Netflix, Amazon Prime Videos and Disney Plus
-
Conducted Interviews (Interviewed 8 participants)
02
Define
-
Created user personas and identified pain points
Phase 1: Research
03
Ideate
-
Made journey maps and task flows for the three features
-
Created paper wireframes and wireflows
04
Prototype
-
Made Low-fidelity wireframes with three new features
05
Test
-
Conducted Usability testing of the low-fidelity prototypes
-
Made High-fidelity prototypes
Phase 2: Design
Scroll down
2 Competitors
We started our research with a competitor analysis to learn about what is being done in the industry by its competitors and understand what is lacking in Netflix. We analyzed Netflix against its two main competitors, Amazon Prime videos and Disney Plus. This analysis included a heuristic evaluation, SWOT analysis and the analysis of other business and user factors. Based on the research, we shortlisted three areas where Netflix needs improvements:
-
Ratings & Reviews (Netflix currently doesn’t have it within the platform)
-
Facts & Trivia (Netflix currently doesn’t have it within the platform)
-
Thumbs Down feature (Personalization - An existing feature that needs improvement)
Our next aim was to get an understanding of users’ pain points while using the Netflix platform, for which we conducted 8 user interviews.
8 User Interviews
Has to leave the platform to check ratings
Finds it time consuming to select something to watch
It is annoying to leave the platform for additional cast information
Doesn't want to see the thumbnails of disliked content
Doesn’t understand the thumbs-down feature
User Pain Points
Deep Dive!
After defining the user pain points, we made journey maps for ideal scenarios with the three features that describe the tasks a user would perform, and his thoughts and emotions while performing them. We made user flows and wireflows with all the steps and tasks the user would perform on the Netflix platform. We started our UI design with paper wireframes and then made low-fidelity wireframes in Figma. Usability tests were conducted on the low-fidelity wireframes to get feedback from users. We conducted 8 usability tests, collected insights from the users and prioritized issues that had to be fixed. We updated our design based on the feedback and made a high-fidelity prototype.
8 Usability tests
Journey Maps
User Flows
Wireflows
Low-fi prototype
Usability testing
High-fi prototype
Phase 2: Design
Diving into each of the new features:
01
Ratings and Reviews
The hover state of movie thumbnails displays IMDb ratings. This enables a user to quickly check ratings of content they are interested in. More details about ratings and reviews can be viewed by clicking on the IMDb button on the ‘More Info’ page. This opens an IMDb pop-up window with information from its website.
We brainstormed for ideas to solve the user pain points and made a user journey map to check ratings and reviews.
Hit play to watch demo
1. a Journey Map
1. b User Flow
1. c Prototypes and Testings
02
Cast Information
The hover state of movie thumbnails displays IMDb ratings that allow the users to check ratings of content they are interested in. More details about ratings and reviews can be viewed by clicking on the IMDb button on the ‘More Info’ page that opens an IMDb pop-up window with information from its website.
Hit play to watch demo
2. a Journey Map
2. b User Flow
2. c Prototypes and Testings
While watching content
Before/ After watching the content
03
Hiding & Retrieving Hidden Content
When a user clicks on the thumbs down button to dislike something, they are also given the option to send it to a ‘hidden list.’ This gives the user the flexibility to hide or retrieve an item at any point in time. It addresses the problem of disliked content showing up on their screen again and again.
Hit play to watch demo
3. a Journey Map
3. b User Flow
3. c Prototypes and Testings
Hide disliked content
