<?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>Search Nuggets &#187; phi spiral</title>
	<atom:link href="http://blog.comperiosearch.com/blog/tag/phi-spiral/feed/" rel="self" type="application/rss+xml" />
	<link>http://blog.comperiosearch.com</link>
	<description>A blog about Search as THE solution</description>
	<lastBuildDate>Mon, 13 Jun 2016 08:59:45 +0000</lastBuildDate>
	<language>en-US</language>
		<sy:updatePeriod>hourly</sy:updatePeriod>
		<sy:updateFrequency>1</sy:updateFrequency>
	<generator>https://wordpress.org/?v=3.9.40</generator>
	<item>
		<title>Redesigning Netflix – using the Phi spiral</title>
		<link>http://blog.comperiosearch.com/blog/2013/08/07/redesigning-netflix-using-the-phi-spiral/</link>
		<comments>http://blog.comperiosearch.com/blog/2013/08/07/redesigning-netflix-using-the-phi-spiral/#comments</comments>
		<pubDate>Wed, 07 Aug 2013 14:47:19 +0000</pubDate>
		<dc:creator><![CDATA[Johannes Hoff Holmedahl]]></dc:creator>
				<category><![CDATA[User Experience]]></category>
		<category><![CDATA[design]]></category>
		<category><![CDATA[design patterns]]></category>
		<category><![CDATA[metro]]></category>
		<category><![CDATA[phi spiral]]></category>
		<category><![CDATA[search]]></category>
		<category><![CDATA[search result]]></category>
		<category><![CDATA[user-centered design]]></category>
		<category><![CDATA[ux]]></category>

		<guid isPermaLink="false">http://blog.comperiosearch.com/?p=1522</guid>
		<description><![CDATA[Last week my colleague, Espen Klem, wrote a post about designing a better search result using a visual relevancy-hierarchy building on the Phi spiral. I thought I&#8217;d test it out. I decided to use a website that lots of people use – or at least; a kind of page that people could relate to. So I [...]]]></description>
				<content:encoded><![CDATA[<p><strong>Last week my colleague, <a href="http://blog.comperiosearch.com/blog/author/espen/">Espen Klem</a>, wrote a post about <a title="A better search result: A visual relevancy-hierarchy building on the Phi spiral?" href="http://blog.comperiosearch.com/blog/2013/07/05/a-better-search-result-a-visual-relevancy-hierarchy-building-on-the-phi-spiral/">designing a better search result using a visual relevancy-hierarchy building on the Phi spiral</a>.</strong><br />
<strong>I thought I&#8217;d test it out.</strong></p>
<p>I decided to use a website that lots of people use – or at least; a kind of page that people could relate to. So I redesigned <a href="http://www.netflix.com/">Netflix</a>’s search result in an hour – using the Phi spiral.<br />
I made the first design, showing the result of a search for the actor Kevin Spacey.</p>
<p><em>This is the design:</em></p>
<p><img class="alignnone  wp-image-1525" src="http://blog.comperiosearch.com/wp-content/uploads/2013/08/netflix-1024x679.jpg" alt="Netflix.com - redesigned search result for the query 'Kevin Spacey'" width="600" /></p>
<p>When user testing the design at <a href="http://www.FiveSecondTest.com">FiveSecondTest.com</a> the 15 first test results showed me that the design was spot on. Of course, it would be more credible with a lot more tests, but seeing a clear trend in the first ten results often points out how the next 150 results would look like.</p>
<p><em>This is the result of the first and second clicks:</em></p>
<p><img class="alignnone  wp-image-1574" src="http://blog.comperiosearch.com/wp-content/uploads/2013/08/Screen-Shot-2013-08-07-at-4.39.45-PM-1024x679.png" alt="Redesigned search result - usertest 1" width="600" /></p>
<p>As the results show: My colleague’s theory is spot on.</p>
<p>But … when we look closer at the result we see that people are clicking at the face of Kevin Spacey. It that because the people we tested knew that we where looking for him, and that our mind then automatically looks for his eyes?</p>
<p>I made another search result. This time for the search query “horror movies”.</p>
<p><em>This is the design:</em></p>
<p><img class="alignnone  wp-image-1524" src="http://blog.comperiosearch.com/wp-content/uploads/2013/08/netflix2-1024x679.jpg" alt="Netflix.com - redesigned search result for the query 'horrow movies'" width="600" /></p>
<p><em>And this is the result:</em></p>
<p><img class="alignnone  wp-image-1575" src="http://blog.comperiosearch.com/wp-content/uploads/2013/08/Screen-Shot-2013-08-07-at-4.39.24-PM-1024x679.png" alt="Redesigned search result - usertest 2" width="600" /></p>
<p>As we see, the spiral still works – but not as distinct as test number one. But the power of human eyes draws our attention, I guess. So using images as the search results can give us challenges.</p>
<p>Still. <a title="A better search result: A visual relevancy-hierarchy building on the Phi spiral?" href="http://blog.comperiosearch.com/blog/2013/07/05/a-better-search-result-a-visual-relevancy-hierarchy-building-on-the-phi-spiral/">Espen Klem’s myth</a>: Confirmed!</p>
]]></content:encoded>
			<wfw:commentRss>http://blog.comperiosearch.com/blog/2013/08/07/redesigning-netflix-using-the-phi-spiral/feed/</wfw:commentRss>
		<slash:comments>0</slash:comments>
		</item>
	</channel>
</rss>
