Product comparison

What is best practice for presenting products: list view, grids, tables .. ?

Product list view

Check out any e-commerce with faceted navigation for View by List or Rows.

Product Grids (blocks, tiles)

For inspiration on Grid, Block or Boxes view, check out: Amazon, Nordstrom, LandsEnd, Magento e-commerce platform and many others

http://www.nicolasleroy.fr/shopping-engines-interaction-design-patterns/product/

Code (inspiration)

http://robmaurizi.com/blog/2007/01/a-table-less-product-grid/

Product comparison tables or product matrix

Select and compare

Articles, research

http://www.getelastic.com/ecommerce-usability-product-comparison-matrix/
http://www.getelastic.com/23-comparison-matrix-design-tips/

Research: Product Comparison and Pricing Tables  (Nick Finck)
http://www.nickfinck.com/blog/entry/research_product_comparison_and_pricing_tables/

Producten vergelijken is moeilijk
http://www.2c.nl/nl/over_2c/nieuwsbrief/2010-02/item4.php

Galleries, patterns, examples

http://www.welie.com/patterns/showPattern.php?patternID=comparison [done]
70+ examples (gallery)

http://konigi.com/interface/tags/comparison-tables

http://sixrevisions.com/design-showcase-inspiration/70-examples-of-product-comparison-tables-in-web-design/

http://ui-patterns.com/collections/pricing-tables/entry/4175

25 clear and beautiful
http://www.webdesigndev.com/inspiration/25-clear-and-beautiful-comparison-tables

http://www.smashingmagazine.com/2008/10/13/pricing-tables-showcase-examples-and-best-practices/

Innovation and novelty

Advertisements

Leave a Reply

Fill in your details below or click an icon to log in:

WordPress.com Logo

You are commenting using your WordPress.com account. Log Out / Change )

Twitter picture

You are commenting using your Twitter account. Log Out / Change )

Facebook photo

You are commenting using your Facebook account. Log Out / Change )

Google+ photo

You are commenting using your Google+ account. Log Out / Change )

Connecting to %s

%d bloggers like this: