Product Comparison
From Interaction-Patterns.org
Contents |
[edit] Product Comparison
[edit] Quick Summary
The users need to compare similar products and is therefore shown a matrix of products and features
[edit] Visual Examples
File:Productcomparison.jpg from welie.com
[edit] Examples found on the World Wide Web
Examples needed.
- one-word-description, (short description if useful)
[edit] Use When
Shopping sites, company products, auctioning sites. The users have arrived at a product page or they have reached a list of products. Now they need to decide for the product or for similar products. Users may differ in what they consider important of a product. Users must be able to easily compare individual features of the product. Products may differ in attributes.
[edit] Rationale
The product/features matrix gives immediate overview and facilitates easy comparison. By only marking available features visual clutter is minimized.
[edit] Possible Solution
Show the features on the rows of the matrix and the products in the columns. If a feature is present, mark it. Otherwise don't mark it. If the feature has specific interesting data for users, show the data instead of the mark. If there are many features, they can be grouped so that users can select which aspects they want to compare. When there are many products to compare, let users select which products they want compare. This can be done in one page when there are not so many products, otherwise it is done in two steps (see Visual Example). To assure clarity an option to hide similar features comes handy. This way if all compared products have the same feature, it will be hidden and therefore the list will be smaller and containing only distinct information.
[edit] Technical Instructions and/or Source Code
Yet to be done.
[edit] Source
