<?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>Design vs Art Blog &#187; Product Recommendations</title>
	<atom:link href="http://www.designvsart.com/blog/category/product-recommendations/feed/" rel="self" type="application/rss+xml" />
	<link>http://www.designvsart.com/blog</link>
	<description>Interaction Design and User Experience</description>
	<lastBuildDate>Tue, 08 Nov 2011 08:24:41 +0000</lastBuildDate>
	<language>en</language>
	<sy:updatePeriod>hourly</sy:updatePeriod>
	<sy:updateFrequency>1</sy:updateFrequency>
	<generator>http://wordpress.org/?v=3.2.1</generator>
<cloud domain='www.designvsart.com' port='80' path='/blog/?rsscloud=notify' registerProcedure='' protocol='http-post' />
		<item>
		<title>Should A Website Design Show Its Precious Algorithm?</title>
		<link>http://www.designvsart.com/blog/2008/04/10/should-a-website-design-show-its-precious-algorithm/</link>
		<comments>http://www.designvsart.com/blog/2008/04/10/should-a-website-design-show-its-precious-algorithm/#comments</comments>
		<pubDate>Thu, 10 Apr 2008 05:23:29 +0000</pubDate>
		<dc:creator>Alexis Brion</dc:creator>
				<category><![CDATA[Good Design]]></category>
		<category><![CDATA[Interfaces]]></category>
		<category><![CDATA[Online Shopping]]></category>
		<category><![CDATA[Product Recommendations]]></category>
		<category><![CDATA[Usability]]></category>
		<category><![CDATA[Web]]></category>
		<category><![CDATA[Web2.0]]></category>

		<guid isPermaLink="false">http://www.designvsart.com/blog/2008/04/10/should-a-website-design-show-its-precious-algorithm/</guid>
		<description><![CDATA[<div class="addthis_toolbox addthis_default_style addthis_" addthis:url='http://www.designvsart.com/blog/2008/04/10/should-a-website-design-show-its-precious-algorithm/' addthis:title='Should A Website Design Show Its Precious Algorithm? ' ><a class="addthis_button_preferred_1"></a><a class="addthis_button_preferred_2"></a><a class="addthis_button_preferred_3"></a><a class="addthis_button_preferred_4"></a><a class="addthis_button_compact"></a></div>One of the great things about web2.0 is the use of social power to create product recommendations. For example, Amazon.com recommends books from similar authors and Last.fm recommends similar artists. It&#8217;s more than magic Behind those recommendations there are [usually] &#8230; <a href="http://www.designvsart.com/blog/2008/04/10/should-a-website-design-show-its-precious-algorithm/">Continue reading <span class="meta-nav">&#8594;</span></a><div class="addthis_toolbox addthis_default_style " addthis:url='http://www.designvsart.com/blog/2008/04/10/should-a-website-design-show-its-precious-algorithm/' addthis:title='Should A Website Design Show Its Precious Algorithm? '  ><a class="addthis_button_facebook_like" fb:like:layout="button_count"></a><a class="addthis_button_tweet"></a><a class="addthis_counter addthis_pill_style"></a></div>]]></description>
			<content:encoded><![CDATA[<div class="addthis_toolbox addthis_default_style addthis_" addthis:url='http://www.designvsart.com/blog/2008/04/10/should-a-website-design-show-its-precious-algorithm/' addthis:title='Should A Website Design Show Its Precious Algorithm? ' ><a class="addthis_button_preferred_1"></a><a class="addthis_button_preferred_2"></a><a class="addthis_button_preferred_3"></a><a class="addthis_button_preferred_4"></a><a class="addthis_button_compact"></a></div><p><span style="font-size: large;"><b>One </b></span>of the great things about web2.0 is the use of social power to create product recommendations. For example, Amazon.com recommends books from similar authors and Last.fm recommends similar artists.</p>
<p><u><b>It&#8217;s more than magic</b></u></p>
<p>Behind those recommendations there are [usually] complicated algorithms looking for recommendations patterns and similarities among users.</p>
<p><b>In my opinion there are 3 important issues regarding recommendation algorithms:</b></p>
<p><b>1. </b>The more users a website has, the better the recommendations.</p>
<p><b>2. </b>The more users a website has, the higher the calculation price,</p>
<p><b>3.</b> Should a website show users how the algorithm works?</p>
<p>There are different approaches&nbsp; regarding the last point. Should the algorithm be kept as something precious that other websites should not access? <b>An algorithm could improve its performance</b> if the user gets at least some information about the way it works (see Amazon example). On the other side, letting users know about the algorithm could make the recommendation system hackable and someone could take advantage of that to promote his products.</p>
<p><b>This issues should be kept in mind at the moment to decide to show information or questions to improve the algorithm:</b></p>
<p><b>1. </b>Making questions to users could make the system hackable <span style="color: rgb(255, 0, 0);">(negative)</span>.</p>
<p><b>2. </b>Hiding those questions would make a website look smarter and additional usability problems could be avoided <span style="color: rgb(51, 153, 102);">(positive)</span>.</p>
<p><b>3.</b> Not making those questions could decrease recommendation quality <span style="color: rgb(255, 0, 0);">(negative)</span>.</p>
<p><b>Below there are some examples of recommendation algorithms embedded in websites design.&nbsp;</b></p>
<table width="550" cellspacing="1" cellpadding="1" border="0" align="center">
<tbody>
<tr>
<td>
<p><b><u><ins>The Amazon.com approach</ins></u></b></p>
<p>Amazon show recommendations everywhere, they do that also as a marketing tool because they know that users love recommendations.&nbsp; Amazon is so good recommending because they have a huge base of customers buying all those products to recommend. They also have a good algorithm but <b>they don&#8217;t hide it </b>as a precious secret, note &quot;These recommendations are based on items you own&quot;.</p>
<p style="text-align: center;"><img width="484" height="362" border="1" src="http://www.designvsart.com/blog/wp-content/uploads/amazon recommendation a.png" alt="Amazon Algorithm A" /></p>
<p style="text-align: center;">&nbsp;</p>
<p style="text-align: left;"><b>This is very important:</b> Amazon is recommending a book because the user bought a &quot;similar&quot; one before. Amazon knows that recommending this way is dangerous and <b>it offers a way to fix it.</b></p>
<p style="text-align: center;"><img width="428" height="48" border="1" src="http://www.designvsart.com/blog/wp-content/uploads/amazon recommendation b.png" alt="Amazon Algorithm B" /></p>
<p style="text-align: center;">&nbsp;</p>
<p style="text-align: left;">Here there is a pop-up window to solve the potential problem. Amazon might be recommending a book because the user bought a similar one, <b>but that one could have been a gift for another person</b>.</p>
<p style="text-align: center;"><img width="468" height="346" border="1" src="http://www.designvsart.com/blog/wp-content/uploads/amazon recommendation c.png" alt="Amazon Algorithm C" /></p>
<p style="text-align: center;">&nbsp;</p>
<p style="text-align: left;">Amazon is not only showing a part of how its algorithm works but <b>it also asks users for input to improve results</b>. Here there is another important thing to check: <b>is it OK to ask users questions to improve website recommendation algorithm</b><b>s</b> or should these algorithms be intelligent enough to avoid bothering users?</p>
<p style="text-align: center;"><img width="402" height="90" border="1" src="http://www.designvsart.com/blog/wp-content/uploads/amazon recommendation d.png" alt="Amazon Algorithm D" /></p>
<p style="text-align: center;">&nbsp;</p>
<p style="text-align: left;">The Amazon recommendation algorithm in action:</p>
<p style="text-align: center;"><img width="530" height="218" border="1" src="http://www.designvsart.com/blog/wp-content/uploads/amazon recommendation e.png" alt="Amazon Algorithm E" /></p>
<p>&nbsp;</p>
<p><b><u>The Last.fm approach</u></b></p>
<p>Last.fm, the music recommendation website, adopted a different design solution. At it, <b>users don&#8217;t know where the recommendations come from</b>. One might guess but nobody really knows if those artists are there because the user likes other similar artists or because someone is paying to push artists into that list. There is no message like &quot;we recommend Shakira because you like Beyonce&quot;.</p>
<p>A valid approach? Last.fm makes a good job recommending music without disturbing users. On the other side <b>this kind of state of user ignorance could be translated into a drop in trust</b>.</p>
<p style="text-align: center;"><img width="365" height="259" border="1" alt="Last.fm Recommendations A" src="http://www.designvsart.com/blog/wp-content/uploads/last fm a.png" /></p>
<p style="text-align: center;">&nbsp;</p>
<p style="text-align: left;">Last.fm also has a radio set for each user with special recommendations. Here <b>the recommendation algorithm behavior could be easier guessed</b>, the player has controls to &quot;love&quot; or to ban a song. There is a serious problem here, once you ban a son there is no way back.</p>
<p style="text-align: center;"><img width="363" height="181" border="1" alt="Last.fm Recommendations B" src="http://www.designvsart.com/blog/wp-content/uploads/last fm b.png" /> &nbsp;</p>
<p style="text-align: center;">&nbsp;</p>
<p style="text-align: left;"><b><u>StumbleUpon</u></b></p>
<p style="text-align: left;">StumbleUpon is a web browser plugin that let users discover new websites based on recommendations and ratings done by other users and the user himself. StumbleUpon works fine and improves the recommendation quality as the user rates more websites.</p>
<p style="text-align: left;">Like Last.fm, StumbleUpon also <b>decided not to show the user why a particular website was recommended to him</b>.&nbsp; In this case the algorithm might be too complicated and [I guess] they decided to improve usability taking out additional information. But keep in mind that a lack of information also negatively impacts on usability and trust.</p>
<p style="text-align: center;"><img width="262" height="101" border="1" src="http://www.designvsart.com/blog/wp-content/uploads/stumble bar.png" alt="StumbleUpon Bar Recommendation Algorithm" /></p>
</td>
</tr>
</tbody>
</table>
<p>&nbsp;</p>
<p><u><b>External Resources About Recommendation Systems<br />
</b></u><img width="1" height="1" border="0" src="http://www.assoc-amazon.com/e/ir?t=desvsartblo-20&amp;l=as2&amp;o=1&amp;a=0596529325" alt="" style="border: medium none  ! important; margin: 0px ! important;" /></p>
<p><span class="nfakPe">- <a href="http://www.cs.helsinki.fi/u/gionis/linden03amazon.pdf" target="_blank">Amazon</a></span><a href="http://www.cs.helsinki.fi/u/gionis/linden03amazon.pdf" target="_blank">.com Recommendations: Item-to-Item Collaborative Filtering (PDF file)</a></p>
<p>- <a href="http://electronics.howstuffworks.com/netflix1.htm" target="_blank">How Netflix Recommendations Works</a></p>
<p>- <a href="http://en.wikipedia.org/wiki/Recommendation_system" target="_blank">Recommender Systems on Wikipedia</a></p>
<p><script type="text/javascript" src="http://www.assoc-amazon.com/s/link-enhancer?tag=desvsartblo-20&#038;o=1">
</script></p>
<img src="http://www.designvsart.com/blog/?ak_action=api_record_view&id=364&type=feed" alt="" /><div class="addthis_toolbox addthis_default_style " addthis:url='http://www.designvsart.com/blog/2008/04/10/should-a-website-design-show-its-precious-algorithm/' addthis:title='Should A Website Design Show Its Precious Algorithm? '  ><a class="addthis_button_facebook_like" fb:like:layout="button_count"></a><a class="addthis_button_tweet"></a><a class="addthis_counter addthis_pill_style"></a></div>]]></content:encoded>
			<wfw:commentRss>http://www.designvsart.com/blog/2008/04/10/should-a-website-design-show-its-precious-algorithm/feed/</wfw:commentRss>
		<slash:comments>4</slash:comments>
		</item>
		<item>
		<title>Designing Product Description Pages That Sell</title>
		<link>http://www.designvsart.com/blog/2008/01/28/designing-product-description-pages-that-sell/</link>
		<comments>http://www.designvsart.com/blog/2008/01/28/designing-product-description-pages-that-sell/#comments</comments>
		<pubDate>Mon, 28 Jan 2008 05:15:12 +0000</pubDate>
		<dc:creator>Alexis Brion</dc:creator>
				<category><![CDATA[Compulsive Shopping]]></category>
		<category><![CDATA[Online Retailers]]></category>
		<category><![CDATA[Online Shopping]]></category>
		<category><![CDATA[Product Recommendations]]></category>
		<category><![CDATA[Usability]]></category>

		<guid isPermaLink="false">http://www.designvsart.com/blog/2008/01/28/designing-product-description-pages-that-sell/</guid>
		<description><![CDATA[<div class="addthis_toolbox addthis_default_style addthis_" addthis:url='http://www.designvsart.com/blog/2008/01/28/designing-product-description-pages-that-sell/' addthis:title='Designing Product Description Pages That Sell ' ><a class="addthis_button_preferred_1"></a><a class="addthis_button_preferred_2"></a><a class="addthis_button_preferred_3"></a><a class="addthis_button_preferred_4"></a><a class="addthis_button_compact"></a></div>Product recommendation is one of the ways of showing how usability practices can increase online sales. Making your users&#8217; life easier will improve the whole shopping experience and will make buying fun! &#34;Design your product description page including related products&#8230;&#34; &#8230; <a href="http://www.designvsart.com/blog/2008/01/28/designing-product-description-pages-that-sell/">Continue reading <span class="meta-nav">&#8594;</span></a><div class="addthis_toolbox addthis_default_style " addthis:url='http://www.designvsart.com/blog/2008/01/28/designing-product-description-pages-that-sell/' addthis:title='Designing Product Description Pages That Sell '  ><a class="addthis_button_facebook_like" fb:like:layout="button_count"></a><a class="addthis_button_tweet"></a><a class="addthis_counter addthis_pill_style"></a></div>]]></description>
			<content:encoded><![CDATA[<div class="addthis_toolbox addthis_default_style addthis_" addthis:url='http://www.designvsart.com/blog/2008/01/28/designing-product-description-pages-that-sell/' addthis:title='Designing Product Description Pages That Sell ' ><a class="addthis_button_preferred_1"></a><a class="addthis_button_preferred_2"></a><a class="addthis_button_preferred_3"></a><a class="addthis_button_preferred_4"></a><a class="addthis_button_compact"></a></div><p>Product recommendation is one of the ways of showing how <b>usability practices</b> can increase online sales. Making your users&#8217; life easier will improve the whole <b>shopping experience</b> and will make buying fun!</p>
<h3 style="text-align: center;">
<i>&quot;Design your product description page including related products&#8230;&quot;</i></h3>
<p>
Make shopping easy and people will buy more. Design your <b>product description page</b> including related products that customers might like to buy. </p>
<table width="550" cellspacing="1" cellpadding="1" border="0" align="center">
<tbody>
<tr>
<td style="text-align: center;"><img width="500" height="234" border="1" alt="Abercrombie &amp; Fitch Product Description Page" src="http://www.designvsart.com/blog/wp-content/uploads/Abercrombie 20080128.png" /></td>
</tr>
</tbody>
</table>
<p>&nbsp;</p>
<p>A good <b>design example</b> is the <a target="_blank" href="http://www.abercrombie.com">Abercrombie &amp; Fitch</a> website, is you are looking for shorts it will show you a shirt and shoes to combine them with on the &quot;Complete The Look&quot; section. </p>
<p>Making this kind of integration takes time as it requires to internally <b>link products</b>, but all this effort could be extremely rewarding. Read other Design vs Art articles about <a target="_self" href="http://www.designvsart.com/blog/category/compulsive-shopping/">Compulsive Shopping</a> and <a target="_self" href="http://www.designvsart.com/blog/category/product-recommendations/">Product Recommendations</a>.</p>
<img src="http://www.designvsart.com/blog/?ak_action=api_record_view&id=327&type=feed" alt="" /><div class="addthis_toolbox addthis_default_style " addthis:url='http://www.designvsart.com/blog/2008/01/28/designing-product-description-pages-that-sell/' addthis:title='Designing Product Description Pages That Sell '  ><a class="addthis_button_facebook_like" fb:like:layout="button_count"></a><a class="addthis_button_tweet"></a><a class="addthis_counter addthis_pill_style"></a></div>]]></content:encoded>
			<wfw:commentRss>http://www.designvsart.com/blog/2008/01/28/designing-product-description-pages-that-sell/feed/</wfw:commentRss>
		<slash:comments>2</slash:comments>
		</item>
		<item>
		<title>Recommendations Improve Navigation</title>
		<link>http://www.designvsart.com/blog/2007/12/05/recommendations-improve-navigation/</link>
		<comments>http://www.designvsart.com/blog/2007/12/05/recommendations-improve-navigation/#comments</comments>
		<pubDate>Wed, 05 Dec 2007 05:44:34 +0000</pubDate>
		<dc:creator>Alexis Brion</dc:creator>
				<category><![CDATA[Good Design]]></category>
		<category><![CDATA[Navigation]]></category>
		<category><![CDATA[Product Recommendations]]></category>
		<category><![CDATA[Usability]]></category>
		<category><![CDATA[Web2.0]]></category>

		<guid isPermaLink="false">http://www.designvsart.com/blog/2007/12/05/recommendations-improve-navigation/</guid>
		<description><![CDATA[<div class="addthis_toolbox addthis_default_style addthis_" addthis:url='http://www.designvsart.com/blog/2007/12/05/recommendations-improve-navigation/' addthis:title='Recommendations Improve Navigation ' ><a class="addthis_button_preferred_1"></a><a class="addthis_button_preferred_2"></a><a class="addthis_button_preferred_3"></a><a class="addthis_button_preferred_4"></a><a class="addthis_button_compact"></a></div>Making product recommendations could improve customer satisfaction and sales if you do it properly. This feature is key for a site like emusic, the music download service, as they have a lot of independent artists that are not well known. &#8230; <a href="http://www.designvsart.com/blog/2007/12/05/recommendations-improve-navigation/">Continue reading <span class="meta-nav">&#8594;</span></a><div class="addthis_toolbox addthis_default_style " addthis:url='http://www.designvsart.com/blog/2007/12/05/recommendations-improve-navigation/' addthis:title='Recommendations Improve Navigation '  ><a class="addthis_button_facebook_like" fb:like:layout="button_count"></a><a class="addthis_button_tweet"></a><a class="addthis_counter addthis_pill_style"></a></div>]]></description>
			<content:encoded><![CDATA[<div class="addthis_toolbox addthis_default_style addthis_" addthis:url='http://www.designvsart.com/blog/2007/12/05/recommendations-improve-navigation/' addthis:title='Recommendations Improve Navigation ' ><a class="addthis_button_preferred_1"></a><a class="addthis_button_preferred_2"></a><a class="addthis_button_preferred_3"></a><a class="addthis_button_preferred_4"></a><a class="addthis_button_compact"></a></div><p>Making <strong>product recommendations could improve customer satisfaction</strong> and sales if you do it properly. This feature is key for a site like <a href="http://www.emusic.com/" target="_blank">emusic</a>, the music download service, as they have a lot of independent artists that are not well known.</p>
<p><strong> Recommendations are a usability issue</strong> as it&#8217;s going to make users navigate the site in a better way. At emusic, it is one of the most important ways of navigating the site. For example, they placed automatic recommendations of new arrivals (targeted to the user) in the homepage:</p>
<p><img src="http://www.designvsart.com/blog/wp-content/uploads/2007/12/new-arrivals-20071205.jpg" alt="Emusic new arrivals 20071205" /></p>
<p>They also have reviews written by editors:</p>
<p><img src="http://www.designvsart.com/blog/wp-content/uploads/2007/12/review-20071205.jpg" alt="Emusic review of the day 20071205" /></p>
<p>Related artists when looking an album:</p>
<p><img src="http://www.designvsart.com/blog/wp-content/uploads/2007/12/related-artists-20071205.jpg" alt="Emusic related artists 20071205" /></p>
<p>.</p>
<img src="http://www.designvsart.com/blog/?ak_action=api_record_view&id=223&type=feed" alt="" /><div class="addthis_toolbox addthis_default_style " addthis:url='http://www.designvsart.com/blog/2007/12/05/recommendations-improve-navigation/' addthis:title='Recommendations Improve Navigation '  ><a class="addthis_button_facebook_like" fb:like:layout="button_count"></a><a class="addthis_button_tweet"></a><a class="addthis_counter addthis_pill_style"></a></div>]]></content:encoded>
			<wfw:commentRss>http://www.designvsart.com/blog/2007/12/05/recommendations-improve-navigation/feed/</wfw:commentRss>
		<slash:comments>0</slash:comments>
		</item>
	</channel>
</rss>

