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.
More ‘Sorting Tool’ Insights
Join 60,000+ UX professionals and get a new UX article every week.
Join 60,000+ UX professionals and get a new UX article every week.
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.
569 ‘Sorting Tool’ Design Examples – Baymard Institute
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