

<?xml version="1.0" encoding="UTF-8"?>
<rss version="2.0"
	xmlns:content="http://purl.org/rss/1.0/modules/content/"
	xmlns:wfw="http://wellformedweb.org/CommentAPI/"
	xmlns:dc="http://purl.org/dc/elements/1.1/"
	xmlns:atom="http://www.w3.org/2005/Atom"
	xmlns:sy="http://purl.org/rss/1.0/modules/syndication/"
	xmlns:slash="http://purl.org/rss/1.0/modules/slash/"
	>

<channel>
	<title>rossboardman.com&#187; Design Archives  &#8211; Ross Boardman: rossboardman.com</title>
	<atom:link href="http://www.rossboardman.com/design/feed/" rel="self" type="application/rss+xml" />
	<link>http://www.rossboardman.com</link>
	<description>Survival Tips For A Ginger-Hating World</description>
	<lastBuildDate>Sat, 05 Jun 2010 16:55:58 +0000</lastBuildDate>
	<language>en</language>
	<sy:updatePeriod>hourly</sy:updatePeriod>
	<sy:updateFrequency>1</sy:updateFrequency>
	<generator>http://wordpress.org/?v=3.0</generator>
		<item>
		<title>Lunch in London with Jason &amp; Stacey</title>
		<link>http://www.rossboardman.com/design/lunch-in-london-with-jason-stacey</link>
		<comments>http://www.rossboardman.com/design/lunch-in-london-with-jason-stacey#comments</comments>
		<pubDate>Mon, 28 Sep 2009 18:52:58 +0000</pubDate>
		<dc:creator>rossboardman</dc:creator>
				<category><![CDATA[Design]]></category>
		<category><![CDATA[Flickr]]></category>
		<category><![CDATA[flickr.com]]></category>
		<category><![CDATA[photos]]></category>

		<guid isPermaLink="false"></guid>
		<description><![CDATA[<p><a rel="nofollow" target="_blank" href="http://www.flickr.com/people/rossboardman/">rossboardman</a> posted a photo:</p>
<p><a rel="nofollow" target="_blank" href="http://www.flickr.com/photos/rossboardman/3963599508/" title="Lunch in London with Jason &#38; Stacey"><img src="http://farm3.static.flickr.com/2567/3963599508_861f000e25.jpg"/></a></p> <p>Superb roast</p>]]></description>
			<content:encoded><![CDATA[<a title="Lunch in London with Jason &amp; Stacey" rel="nofollow" href="http://www.flickr.com/photos/rossboardman/3963599508/"><img src="http://farm3.static.flickr.com/2567/3963599508_861f000e25.jpg" alt="Lunch in London with Jason &amp; Stacey" /></a>

Superb roast]]></content:encoded>
			<wfw:commentRss>http://www.rossboardman.com/design/lunch-in-london-with-jason-stacey/feed/</wfw:commentRss>
		<slash:comments>0</slash:comments>
		</item>
		<item>
		<title>Merchandising Usability: Better Ways to Display Product Recommendations</title>
		<link>http://www.rossboardman.com/design/merchandising-usability-better-ways-to-display-product-recommendations</link>
		<comments>http://www.rossboardman.com/design/merchandising-usability-better-ways-to-display-product-recommendations#comments</comments>
		<pubDate>Tue, 11 Aug 2009 23:11:23 +0000</pubDate>
		<dc:creator>rossboardman</dc:creator>
				<category><![CDATA[Design]]></category>
		<category><![CDATA[eCommerce]]></category>

		<guid isPermaLink="false">http://www.rossboardman.com/?p=10596</guid>
		<description><![CDATA[Have you noticed that, when showing cross-sells and upsells, many ecommerce sites hijack you off the page you’re looking at to view the suggested item, often with no way back to the other page without hitting “back?” Surely this is not the most usable way to suggest products and improve merchandising conversion rate. Surely cross-sell [...]]]></description>
			<content:encoded><![CDATA[<p><img src="http://www.getelastic.com/wp-content/uploads/yay-for-shopping.jpg" alt="yay-for-shopping" title="yay-for-shopping" />Have you noticed that, when showing <a href="http://www.getelastic.com/" rel="nofollow" >cross-sells and upsells</a>, many ecommerce sites hijack you off the page you’re looking at to view the suggested item, often with no way back to the other page without hitting “back?”  Surely this is not the most usable way to suggest products and improve <a href="http://www.getelastic.com/measuring-cross-sell-success/" rel="nofollow" >merchandising conversion rate</a>. </p>
<p>Surely cross-sell usability is a factor in their effectiveness.  But how can you show customers information about cross-sells without forcing them to abandon the page they’re viewing?</p>
<p><strong>AJAX Hover</strong></p>
<p>My favorite way to show cross-sells/upsells is to expose as much relevant product information pre-click.  This can be achieved with an AJAX “hover” box.  At the very least, you want to show the item’s title, price and stock availability. You could also show a brief description, delivery options, average customer rating or sales rank, or available colors.  Barnes and Noble even allows a quick Add to Cart button:</p>
<p align="center"><img src="http://www.getelastic.com/wp-content/uploads/bnxsell.jpg" /></p>
<p>But there’s potential to shove a lot more information into a hover box, like TheFind’s UpFront feature which even has tabs:</p>
<p align="center"><img src="http://www.getelastic.com/wp-content/uploads/findbob.jpg" /></p>
<p><strong>Quick View</strong></p>
<p>Foot Locker gives customers the option of a “Quick View” preview:</p>
<p align="center"><img src="http://www.getelastic.com/wp-content/uploads/footxqv.jpg" /></p>
<p align="center"><img src="http://www.getelastic.com/wp-content/uploads/footxsell.jpg" /></p>
<p>You can select your product size, color etc and even add to cart without leaving the initial product page.  The only tricky part is if you don’t click the right area of the thumbnail, you’ll get the full product page loading. This is a usability beef I have with Quick Look and Quick View features.  However, if you do accidentally load the page, Foot Locker provides a recently viewed sidebar for quick return:</p>
<p align="center"><img src="http://www.getelastic.com/wp-content/uploads/footcart.jpg" /></p>
<p><strong>Comparison Matrix</strong></p>
<p>When the suggested items are “upsells” (suggesting more expensive version of product from same product line) or “alternative products” (from the same category and similarly priced), it would be helpful to provide a checkbox comparison feature that whips up a product comparison matrix for the customer.  I have yet to see this implemented in practice, but here’s a mockup of what it could look like:</p>
<p align="center"><img src="http://www.getelastic.com/wp-content/uploads/relatedvision.jpg" /></p>
<p align="center"><img src="http://www.getelastic.com/wp-content/uploads/comparx.jpg" /></p>
<p>This doesn’t make sense if you’re showing “cross-sells” of related products that you hope the customer will buy in addition to the product being viewed. You shouldn’t compare apples to watermelon to donuts.</p>
<p><strong>Add Bundle to Cart</strong></p>
<p>Amazon and Sears allow customers to add cross-sells to the cart as a bundle, with the option to remove suggested items they don’t want:</p>
<p align="center"><img src="http://www.getelastic.com/wp-content/uploads/fbtogether.jpg" /></p>
<p align="center"><img src="http://www.getelastic.com/wp-content/uploads/searsbundle.jpg" /></p>
<p>These are a few ways you can improve the usability of your cross-sells and upsells, and hopefully push their conversion North too.</p>
<p>Victoria’s Secret has a nice layout for cross-sells with the ability to add them to cart from the product page. </p>
<p align="center"><img src="http://www.getelastic.com/wp-content/uploads/vsxsell.jpg" /></p>
<p>The problem is, unless you make all your selections before you hit any of the 3 “Add to Bag” buttons, you will be taken to the cart page without a link back to where you were.  There are no clear instructions on how to make it work if you’re not sure.</p>
<p>Martin and Osa’s shop by outfit bundle configurator allows you to make your selections one by one without leaving the page, when you’re ready you click “Add to Bag.”</p>
<p align="center"><img src="http://www.getelastic.com/wp-content/uploads/moxsell.jpg" /></p>
<p><strong>Carry Suggestions to Cart</strong></p>
<p>Some customers will be conditioned to not click on related items for fear of losing their place on the page they’re viewing.  Arden B shows the same cross-sells in the cart summary page: </p>
<p align="center"><img src="http://www.getelastic.com/wp-content/uploads/ardenpage.jpg" /></p>
<p align="center"><img src="http://www.getelastic.com/wp-content/uploads/ardencart.jpg" /></p>
<p>Walmart shows the following recommendations at the bottom of the product details when viewing a baby stroller:</p>
<p align="center"><img src="http://www.getelastic.com/wp-content/uploads/wallxsellone.jpg" /></p>
<p>After you add the product to cart, your cart updates with an AJAX box (top right), and you stay on the product page, but “Customers Who Bought This Item Also Bought” moves to the top, and the product details move below. Smart.</p>
<p align="center"><img src="http://www.getelastic.com/wp-content/uploads/walxsell.jpg" /></p>
<p>Sears also does something similar, taking the customer to a landing page showing “bought this, bought that” items and category top sellers after an item is added to the cart:</p>
<p align="center"><img src="http://www.getelastic.com/wp-content/uploads/searsadded.jpg" /></p>
<h3>You may also like these similar posts:</h3>
<ul>
<li><a href="http://www.getelastic.com/defining-cross-sell-upsell/" rel="nofollow"  rel="bookmark" title="July 6, 2009">Cross-Sells and Upsells: What is the Diff?</a></li>
<li><a href="http://www.getelastic.com/alvenda-shopping-ad/" rel="nofollow"  rel="bookmark" title="May 18, 2009">Will Interactive Ad Storefronts Take Off?</a></li>
<li><a href="http://www.getelastic.com/amazon-ditches-better-together-for-bundles/" rel="nofollow"  rel="bookmark" title="December 30, 2008">Amazon Ditches Better Together for Bundles</a></li>
<li><a href="http://www.getelastic.com/measuring-cross-sell-success/" rel="nofollow"  rel="bookmark" title="June 19, 2009">Measuring and Improving Cross-Sell and Upsell</a></li>
<li><a href="http://www.getelastic.com/shop-by-look-martin-and-osa/" rel="nofollow"  rel="bookmark" title="May 29, 2008">Martin + Osa Launches Shop-By-Outfit + Video</a></li>
</ul>
<div>
<a href="http://feeds.feedburner.com/~ff/getelastic?a=1ZRo3bLjSbE:MNpmYDLPsgo:qj6IDK7rITs" rel="nofollow" ><img src="http://feeds.feedburner.com/~ff/getelastic?d=qj6IDK7rITs" border="0" /></a> <a href="http://feeds.feedburner.com/~ff/getelastic?a=1ZRo3bLjSbE:MNpmYDLPsgo:gIN9vFwOqvQ" rel="nofollow" ><img src="http://feeds.feedburner.com/~ff/getelastic?i=1ZRo3bLjSbE:MNpmYDLPsgo:gIN9vFwOqvQ" border="0" /></a> <a href="http://feeds.feedburner.com/~ff/getelastic?a=1ZRo3bLjSbE:MNpmYDLPsgo:F7zBnMyn0Lo" rel="nofollow" ><img src="http://feeds.feedburner.com/~ff/getelastic?i=1ZRo3bLjSbE:MNpmYDLPsgo:F7zBnMyn0Lo" border="0" /></a> <a href="http://feeds.feedburner.com/~ff/getelastic?a=1ZRo3bLjSbE:MNpmYDLPsgo:yIl2AUoC8zA" rel="nofollow" ><img src="http://feeds.feedburner.com/~ff/getelastic?d=yIl2AUoC8zA" border="0" /></a> <a href="http://feeds.feedburner.com/~ff/getelastic?a=1ZRo3bLjSbE:MNpmYDLPsgo:I9og5sOYxJI" rel="nofollow" ><img src="http://feeds.feedburner.com/~ff/getelastic?d=I9og5sOYxJI" border="0" /></a>
</div>
<p><img src="http://feeds.feedburner.com/~r/getelastic/~4/1ZRo3bLjSbE" height="1" width="1" /></p>
]]></content:encoded>
			<wfw:commentRss>http://www.rossboardman.com/design/merchandising-usability-better-ways-to-display-product-recommendations/feed/</wfw:commentRss>
		<slash:comments>0</slash:comments>
		</item>
		<item>
		<title>Ashton Kutcher Hits 1 Million Twitter Followers</title>
		<link>http://www.rossboardman.com/random/ashton-kutcher-hits-1-million-twitter-followers</link>
		<comments>http://www.rossboardman.com/random/ashton-kutcher-hits-1-million-twitter-followers#comments</comments>
		<pubDate>Wed, 22 Apr 2009 21:52:19 +0000</pubDate>
		<dc:creator>rossboardman</dc:creator>
				<category><![CDATA[Code]]></category>
		<category><![CDATA[Design]]></category>
		<category><![CDATA[Featured]]></category>
		<category><![CDATA[Random]]></category>
		<category><![CDATA[eCommerce]]></category>

		<guid isPermaLink="false">http://www.rossboardman.com/?p=10531</guid>
		<description><![CDATA[Have no doubt: Twitter has gone mainstream. And Ashton Kutcher has a million followers. At the time of writing, Kutcher is still live streaming (video below) his successful attempt to reach 1 million Twitter followers before CNN, which Kutcher reports has been clamouring for new followers on its live news ticker. On Friday morning he [...]]]></description>
			<content:encoded><![CDATA[<p><img title="Twitter Logo" src="http://ec.mashable.com/wp-content/uploads/2008/12/twitter-logo-small1.png" alt="Twitter Logo" />Have no doubt: Twitter has gone mainstream.  And <a href="http://twitter.com/aplusk" rel="nofollow" >Ashton Kutcher</a> has a million followers.</p>
<p>At the time of writing, Kutcher is still live streaming (video below) his successful attempt to reach 1 million Twitter followers before CNN, which Kutcher reports has been clamouring for new followers on its live news ticker.  On Friday morning he goes on Oprah, who will post her first <a href="http://twitter.com/oprah" rel="nofollow" >@oprah</a> Tweet on live TV, reaching millions of US households.</p>
<p>It’s hard to define, exactly, when Twitter entered the public conscience: perhaps the <a href="http://mashable.com/2009/01/17/hudson-crash-landing-makes-youtube-video/" rel="nofollow" >Hudson plane crash</a>, where the first real photo of the event appeared on Twitter before reaching the mainstream outlets.  Perhaps it was earlier, in September 2008, when we noted that <a href="http://mashable.com/2008/09/04/cnn-twitter/" rel="nofollow" >CNN was actively promoting its Twitter feed</a> on air.  Perhaps it was March 2009, when Twitter co-founder Evan Williams was <a href="http://mashable.com/2009/03/02/twitter-ceo-evan-williams-interviewed-on-charlie-rose-video/" rel="nofollow" >interviewed by Charlie Rose</a>…or perhaps fellow <a href="http://mashable.com/2009/04/03/twitter-founder-biz-stones-hilarious-colbert-interview-video/" rel="nofollow" >co-founder Biz Stone’s hilarious Stephen Colbert</a> interview was the moment Twitter tipped.  Or maybe all those declarations of a breakthrough were premature: perhaps a starring role on Oprah, hours from now, is the true mark of mainstream success.</p>
<p><strong>And yet this assumes that social media needs mainstream media to justify its existence:</strong> that without its blessing social media is not confirmed.  But mainstream media is increasingly becoming an echo of social media, allowing YouTube’s masses to define what matters (Susan Boyle, the Domino’s Pizza scandal) and mirroring that public sentiment.</p>
<p>For now, Twitter needs mainstream media more than mainstream media needs Twitter.  But Ashton has an audience of 1 million at his fingertips: how much longer will the talent need its mainstream middleman?</p>
]]></content:encoded>
			<wfw:commentRss>http://www.rossboardman.com/random/ashton-kutcher-hits-1-million-twitter-followers/feed/</wfw:commentRss>
		<slash:comments>0</slash:comments>
		</item>
		<item>
		<title>TextMate productivity tips</title>
		<link>http://www.rossboardman.com/apple/textmate-productivity-tips</link>
		<comments>http://www.rossboardman.com/apple/textmate-productivity-tips#comments</comments>
		<pubDate>Tue, 20 Jan 2009 19:38:15 +0000</pubDate>
		<dc:creator>rossboardman</dc:creator>
				<category><![CDATA[Apple]]></category>
		<category><![CDATA[Code]]></category>
		<category><![CDATA[Design]]></category>

		<guid isPermaLink="false">http://delicious.com/url/2765b6be2deac51e78e5fc7af5def187#rossboardman</guid>
		<description><![CDATA[]]></description>
			<content:encoded><![CDATA[]]></content:encoded>
			<wfw:commentRss>http://www.rossboardman.com/apple/textmate-productivity-tips/feed/</wfw:commentRss>
		<slash:comments>0</slash:comments>
		</item>
		<item>
		<title>How To: Sync Firefox and Safari bookmarks</title>
		<link>http://www.rossboardman.com/how-to/how-to-sync-firefox-and-safari-bookmarks</link>
		<comments>http://www.rossboardman.com/how-to/how-to-sync-firefox-and-safari-bookmarks#comments</comments>
		<pubDate>Fri, 16 Jan 2009 19:17:39 +0000</pubDate>
		<dc:creator>rossboardman</dc:creator>
				<category><![CDATA[Code]]></category>
		<category><![CDATA[Design]]></category>
		<category><![CDATA[How To]]></category>

		<guid isPermaLink="false">http://delicious.com/url/8e97bab47e9495275de85dc2531877e8#rossboardman</guid>
		<description><![CDATA[]]></description>
			<content:encoded><![CDATA[]]></content:encoded>
			<wfw:commentRss>http://www.rossboardman.com/how-to/how-to-sync-firefox-and-safari-bookmarks/feed/</wfw:commentRss>
		<slash:comments>0</slash:comments>
		</item>
		<item>
		<title>Yahoo Pipes Testing</title>
		<link>http://www.rossboardman.com/how-to/yahoo-pipes-testing</link>
		<comments>http://www.rossboardman.com/how-to/yahoo-pipes-testing#comments</comments>
		<pubDate>Wed, 14 Jan 2009 22:41:33 +0000</pubDate>
		<dc:creator>rossboardman</dc:creator>
				<category><![CDATA[Code]]></category>
		<category><![CDATA[Design]]></category>
		<category><![CDATA[How To]]></category>

		<guid isPermaLink="false"></guid>
		<description><![CDATA[<p><a rel="nofollow" target="_blank" href="http://www.flickr.com/people/rossboardman/">rossboardman</a> posted a photo:</p>
<p><a rel="nofollow" target="_blank" href="http://www.flickr.com/photos/rossboardman/3197921572/" title="Yahoo Pipes Testing"><img src="http://farm4.static.flickr.com/3321/3197921572_e8d5deb7e5.jpg" alt="Yahoo Pipes Testing"/></a></p>]]></description>
			<content:encoded><![CDATA[<p><a rel="nofollow"  href="http://www.flickr.com/people/rossboardman/">rossboardman</a> posted a photo:</p>
<p><a rel="nofollow"  href="http://www.flickr.com/photos/rossboardman/3197921572/" title="Yahoo Pipes Testing"><img src="http://farm4.static.flickr.com/3321/3197921572_e8d5deb7e5.jpg" alt="Yahoo Pipes Testing"/></a></p>]]></content:encoded>
			<wfw:commentRss>http://www.rossboardman.com/how-to/yahoo-pipes-testing/feed/</wfw:commentRss>
		<slash:comments>0</slash:comments>
		</item>
		<item>
		<title>Twitter icons</title>
		<link>http://www.rossboardman.com/design/twitter-icons</link>
		<comments>http://www.rossboardman.com/design/twitter-icons#comments</comments>
		<pubDate>Sat, 10 Jan 2009 14:26:43 +0000</pubDate>
		<dc:creator>rossboardman</dc:creator>
				<category><![CDATA[Code]]></category>
		<category><![CDATA[Design]]></category>
		<category><![CDATA[Links]]></category>

		<guid isPermaLink="false">http://delicious.com/url/9551fcaada908a398421bb12f758b36d#rossboardman</guid>
		<description><![CDATA[]]></description>
			<content:encoded><![CDATA[]]></content:encoded>
			<wfw:commentRss>http://www.rossboardman.com/design/twitter-icons/feed/</wfw:commentRss>
		<slash:comments>0</slash:comments>
		</item>
		<item>
		<title>Halfords revamps website</title>
		<link>http://www.rossboardman.com/design/halfords-revamps-website</link>
		<comments>http://www.rossboardman.com/design/halfords-revamps-website#comments</comments>
		<pubDate>Tue, 06 Jan 2009 12:50:21 +0000</pubDate>
		<dc:creator>rossboardman</dc:creator>
				<category><![CDATA[Design]]></category>
		<category><![CDATA[eCommerce]]></category>

		<guid isPermaLink="false"></guid>
		<description><![CDATA[]]></description>
			<content:encoded><![CDATA[]]></content:encoded>
			<wfw:commentRss>http://www.rossboardman.com/design/halfords-revamps-website/feed/</wfw:commentRss>
		<slash:comments>0</slash:comments>
		</item>
		<item>
		<title>Obama Logos That Weren&#8217;</title>
		<link>http://www.rossboardman.com/design/obama-logos-that-weren</link>
		<comments>http://www.rossboardman.com/design/obama-logos-that-weren#comments</comments>
		<pubDate>Sun, 14 Dec 2008 19:04:00 +0000</pubDate>
		<dc:creator>rossboardman</dc:creator>
				<category><![CDATA[Design]]></category>

		<guid isPermaLink="false"></guid>
		<description><![CDATA[]]></description>
			<content:encoded><![CDATA[]]></content:encoded>
			<wfw:commentRss>http://www.rossboardman.com/design/obama-logos-that-weren/feed/</wfw:commentRss>
		<slash:comments>0</slash:comments>
		</item>
		<item>
		<title>BBC NEWS &#124; News Front Page</title>
		<link>http://www.rossboardman.com/random/bbc-news-news-front-page</link>
		<comments>http://www.rossboardman.com/random/bbc-news-news-front-page#comments</comments>
		<pubDate>Tue, 15 Apr 2008 19:52:22 +0000</pubDate>
		<dc:creator>rossboardman</dc:creator>
				<category><![CDATA[Design]]></category>
		<category><![CDATA[Random]]></category>

		<guid isPermaLink="false">http://www.rossboardman.com/?p=199</guid>
		<description><![CDATA[BBC NEWS &#124; News Front Page - &#160;bookmark&#160;this&#160;on&#160;del.icio.us - posted by jellyjet to news bbc rossboardman &#8211; more&#160;about&#160;this&#160;bookmark&#8230;]]></description>
			<content:encoded><![CDATA[<ul>
<li><a href="http://news.bbc.co.uk/" rel="nofollow" >BBC NEWS | News Front Page</a> -<br />
        <a href="http://del.icio.us/post?url=http%3A%2F%2Fnews.bbc.co.uk%2F&amp;title=BBC%20NEWS%20%7C%20News%20Front%20Page&amp;copyuser=jellyjet&amp;copytags=news%2Bbbc%2Brossboardman&amp;jump=yes&amp;partner=delrss&amp;src=feed_google" rel="nofollow" title="add this bookmark to your collection at del.icio.us"><img src="http://images.del.icio.us/static/img/delicious.small.gif" alt="del.icio.us" width="10" height="10" border="0"/>&nbsp;bookmark&nbsp;this&nbsp;on&nbsp;del.icio.us</a><br />
        -<br />
        posted<br />
        by <a href="http://del.icio.us/jellyjet" rel="nofollow" title="visit jellyjet's bookmarks at del.icio.us" >jellyjet</a><br />
        to<br />
            <a href="http://del.icio.us/jellyjet/news" rel="nofollow" rel="tag" title="view jellyjet's bookmarks tagged 'news' at del.icio.us" >news</a><br />
            <a href="http://del.icio.us/jellyjet/bbc" rel="nofollow" rel="tag" title="view jellyjet's bookmarks tagged 'bbc' at del.icio.us" >bbc</a><br />
            <a href="http://del.icio.us/jellyjet/rossboardman" rel="nofollow" rel="tag" title="view jellyjet's bookmarks tagged 'rossboardman' at del.icio.us" >rossboardman</a><br />
            &#8211; <a href="http://del.icio.us/url/4961e08b5118fbfddec7fb18fa303151" rel="nofollow" rel="self" title="view more details on this bookmark at del.icio.us" >more&nbsp;about&nbsp;this&nbsp;bookmark&#8230;</a>
    </li>
</ul>
]]></content:encoded>
			<wfw:commentRss>http://www.rossboardman.com/random/bbc-news-news-front-page/feed/</wfw:commentRss>
		<slash:comments>0</slash:comments>
		</item>
	</channel>
</rss>
