Page Designs

569 ‘Sorting Tool’ Design Examples

Also referred to as: Sort Feature, Product Sorting

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

Solid sorting features enable users to order products by the attributes they care about — something that can dramatically speed up the user’s product-exploration and -selection process.

During Baymard’s large-scale usability testing sorting proved to be a crucial part of the users’ product-finding process. Sorting is particularly popular as a soft-boundary alternative to filtering, with many users frequently opting to sort rather than filter because they don’t have a strict range in mind (”I care about cost, but I haven’t decided on a specific budget”), or for parameters where the user lacks the necessary domain knowledge to specify the hard cut-off points required by a filter.

569 ‘Sorting Tool’ Page Designs
Filter by:

User Experience Research, Delivered Weekly

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

A screenshot of the UX article newsletter
See all 569 designs

User Experience Research, Delivered Weekly

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

A screenshot of the UX article newsletter

Explore Other Research Content

300+ free UX articles based on large-scale research.

256 top sites ranked by UX performance.

Code samples, demos, and key stats for usability.

Add UX Best Practice Cards to your Figma projects.

Sign up to access this resource

Sign up to Baymard and get access to 150,000+ hours of UX research and Best Practice Guidelines, backed by real user data.

Curious to find out what Baymard can do for your team? Start exploring 5% of our research, including 50 Best Practice Guidelines, with a Free Plan today!


Have any questions? Email us at support@baymard.com