case study

disney plus movies filter

Disney Plus' "Movies" page has a usability issue: the filter disappears when scrolling, forcing users to scroll back up to use it. This is especially frustrating on TVs, where navigation takes several clicks.

solution preview

original design

Ooh there's so many choices! I wonder if there's a way to see only animated movies...

Wait, where did the filter go?

problem statement

inaccessible filtering

While the movies filter is visible initially, once the user scrolls the filter disappears

The disappearing filter creates friction for users. Filters are essential tools for refining searches, and losing access while scrolling makes the browsing experience frustrating and inefficient.

ux theory

friction

The disappearing filter disrupts the flow of interaction

Users are forced to take extra steps, such as scrolling back up, to access the filter again. This slows down the user and can cause them to disengage.

results filter

If only the filter stayed accessible while browsing

A sticky filter would allow filtering no matter how far down the page I scroll!

web solution

the sticky filter

A sticky filter ensures users always have access to filtering options while browsing

Having access to the filtering options while browsing, creates a smoother, more intuitive experience. It reduces interruptions and allows users to navigate content more efficiently.

edge case

using a remote

A sticky filter won't work on the Disney Plus TV app due to remote navigation limitation

On the Disney Plus movies page, remote navigation only moves up, down, left, or right, so a sticky filter at the top can't be accessed until users scroll back up, defeating its purpose.

tv version

On a TV, the focus doesn't reach the sticky filter until scrolling to the top of the page... defeating it's purpose

How else could this problem be solved?

tv version

The remote's back button can be used to navigate:

One press scrolls to the top where the filter is, and a second press takes the user to the previous page

remote navigation

contextual action

The back button on the remote can function differently depending on the context of use

If the user is further down the page, pressing the back button scrolls them to the top. If they're already at the top, it navigates back.

ux theory

efficiency of use

Allowing users to access filters anytime lets them adjust content without scrolling, boosting efficiency

Persistent filters allow both novice and advanced users to quickly refine searches or make changes on the fly, saving time and effort.