<p style="text-align: left;"><a href="http://store.apple.com/uk/compare/mac"><img class="aligncenter wp-image-911" title="Apple's new product comparison interface" src="/wp-content/uploads/2012/01/apple-compare.png" alt="Apple's new product comparison interface" width="450" height="347" /></a>
<a id="aptureLink_2BkzEltwD3" href="http://en.wikipedia.org/wiki/Apple%20Inc.">Apple</a> have added a really nice new '<a title="Apple Store - Compare Products" href="http://store.apple.com/uk/compare/mac">compare products</a>' section to their online store. In typical Apple style, it's well designed and easy to use. You can select up to three products to compare, chosen from a <a id="aptureLink_V1PkhK4rnt" href="http://en.wikipedia.org/wiki/JavaScript#Use_in_web_pages">Javascript</a…; overlay, which are then displayed in columns so you can quickly compare their features.</p>
My favourite part of the design is the way the table changes as you scroll down the page: the product names and images always stay at the top so you can easily remember what you're comparing, and the table's various headings 'collapse' as you scroll past them. It's a bit hard to explain, so go and add a few products and <a title="Apple Store - Compare Products" href="http://store.apple.com/uk/compare/mac">take a look for yourself</a>.
Categories
