Page Designs

5 ‘Product Table’ Design Examples

Also referred to as: B2B Product Table, Product Data Table, Product List Table

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

As observed during Baymard’s large-scale of usability testing, “Product Tables” are highly effective because they allow users to quickly scan, evaluate, and compare a wide array of complex product information to zero in on the most suitable products.
Therefore, consider using a “Product Table” instead of a “List View” on desktop to display search results and product lists for extremely spec-heavy products such as B2B electronic components and machinery. During testing, nearly all the manufacturer and distributor sites tested presented search results and product listings in a “Product Table”.


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.

280 top sites ranked by UX performance.

Code samples, demos, and key stats for usability.