Comparison Tool

43 design examples manually annotated by Baymard researchers

What’s this? Here you’ll find 43 annotated “Comparison Tool” design examples from Baymard’s UX benchmark of 60 major e-commerce sites. (Note: this is less than 1% of the full research catalog.)

40% of the top-50 US e-commerce sites have implemented a dedicated comparison tool that allows their users to select products they want to compare and then see detailed side-by-side comparison of each of the product’s specifications. However, our usability testing reveals that users have severe difficulties using these comparison tools, both when it comes to selecting the items for comparison at the product list and when comparing the product specs on the comparison page.

More ‘Comparison Tool’ Insights

Our large-scale testing and benchmarking show that particular common pitfalls for e-commerce comparison features are inconsistently stored or formatted product specs (making comparison impossible) and a general lack of further explanations of the spec-heavy features in “common language” (in practice forcing users to either guess or go off-site to further research the exact meaning of the product features).

Learn More by exploring the 43 “Comparison Tool” page design examples below.

Get Full Access: To see all of Baymard’s 94 product list and filtering research findings you’ll need Baymard Premium access. (Premium also provides you full access to 32,000 hours of UX research findings, 640+ e-commerce UX guidelines, and 50,000+ UX performance scores.)