Page Designs

201 Mobile ‘Filtering Options’ Examples

with UX annotations by Baymard researchers

What’s this? Here you’ll find 201 “Mobile: Filtering Options” full-page screenshots annotated with research-based UX insights, sourced from Baymard’s UX benchmark of 93 e-commerce sites. (Note: this is less than 1% of the full research catalog.)

The filtering experience on mobile presents specific challenges, since mobile filters often are contained in a separate interface, meaning that filters are not permanently visible as they are on many desktop sites. During Baymard’s testing and benchmarking, the most common mobile issues encompassed: the necessity for multiple trips back-and-forth between product lists and separate filtering interfaces, difficulties with overlong lists of filter options, and poorly designed interfaces that obscured or skewed the user’s perception of the filters.

More ‘Filtering Options’ Insights


User Experience Research, Delivered Twice a Month

Join 37,000+ UX professionals and get a new UX article every second week.

A screenshot of the UX article newsletter

User Experience Research, Delivered Twice a Month

Join 37,000+ UX professionals and get a new UX article every second week.

A screenshot of the UX article newsletter

Explore Other Research Content

330 free UX articles based on large-scale research.

177 top sites ranked by UX performance.

Code samples, demos, and key stats for usability.