Netflix: Swipe N Sort

A feature that empowers users to fine-tune their content recomendations.
View Prototype

Role

UI/UX Designer

Tools

Figma
FigJam
Notion
Zoom

Skills

UI/UX Design
Interaction Design
User Research
Wireframing
Prototyping
Usability Testing

Duration

4 weeks

Overview

Problem

Despite a massive content library with new titles added regularly, a common sentiment among Netflix users is that it is difficult to find something to watch. This leads to decreased user satisfaction and a greater likelihood of subscription cancellations.

Goal: To design a feature that will give users more targeted recommendations and alleviate decision fatigue.

Research

Through research I sought to learn how users discover new titles to watch, what their expectations are around content recommendations, and in what contexts they are searching for new content.

Competitor Analysis

Most streaming platforms seem to offer similar features and categories for content, however there is clearly a lack of ability to curate your feed and influence your recommendations.

User Interviews

I conducted 5 interviews with Netflix users to understand their preferences, behaviors, and any pain points surrounding the content discovery process. Then I gathered these observations into an affinity map to identify common themes and patterns.

60%

of users reported decision fatigue from scrolling through titles

40%

of users expressed frustration over spending more time searching than watching

80%

of users want the ability to reject content to refine their recommendations

Define

User Persona

User Flow

I pondered the best way to allow users to impact their own recommendations through a low-effort, gamified interaction. The common dating app mechanism of swiping left or right on profiles came to mind, and it inspired a kind of "card sorting" design for the feature.

DESIGN

Lo-Fi Prototype

Onboarding Flow

I created an onboarding flow to help the user understand the purpose of the feature and acquaint them with the available actions. I kept the text short and added an icon to reinforce comprehension.

Initial Testing

For a quick read on how the basic structure and verbiage would be received, I had 5 participants explore the lo-fi prototype. Here is some of the feedback I got:

Based on these insights, I decided to make four main revisions for the hi-fidelity prototype:

1. Change the "X" and checkmark to thumbs up and thumbs down icons.
2. Add a subtle feedback animation after each action.
3. Simplify or rearrange the UI on the bottom third of the screen.
4. Shorten the onboarding flow.

Netflix UI Kit

Hi-Fidelity Wireframes

Iterate

Usability Testing

In the hi-fidelity prototype, I built out three flows: onboarding, adding filters, and swiping to choose something to watch. I tested these flows in 5 usability tests and discovered areas that still needed some extra tweaking, but the results were largely validating.

2/5

users found the onboarding text to be too lengthy

5/5

users completed the tasks and rated ease of use at 5 on a scale of 1-5

2/5

users found the feedback after taps/swipes to not be noticeable enough

Revisions

Final Prototype

Streamlined onboarding flow teaches the user to save, reject, or skip in just a few quick taps so they can dive straight into the experience.

Easy access filters that stay visible enable recognition and let the user tailor their recommendations.

The swiping motion gives the user direct control and satisfying visual feedback for an effortless and engaging interaction.

Try the prototype in Figma here:

Project Impact

Reduced Decision Fatigue: Prototype testing showed users were able to make quicker decisions because of the focused recommendations.

Increased User Delight: Users expressed the process was more fun and interactive than just scrolling through a feed.

Design Clarity Insights: Feedback from testing helped to refine UX writing and visual cues for enhanced usability.

Next Steps

Prototype Synopses and Ratings: Test a content details feature for users wanting additional context before swiping.

Social Integrations: Validate interest in the "Friend Activity" icons to explore social-driven discovery and recommendations.

Mobile Optimization: Continue to refine accessibility and usability across different screen sizes and devices.

View another project: