<?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>socialfabric.co.uk &#187; user experience</title>
	<atom:link href="http://socialfabric.co.uk/tag/user-experience/feed/" rel="self" type="application/rss+xml" />
	<link>http://socialfabric.co.uk</link>
	<description>digital blog</description>
	<lastBuildDate>Sun, 18 Jul 2010 15:44:47 +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>The long &#8220;continuous&#8221; scroll</title>
		<link>http://socialfabric.co.uk/2009/06/the-long-continuous-scroll/</link>
		<comments>http://socialfabric.co.uk/2009/06/the-long-continuous-scroll/#comments</comments>
		<pubDate>Tue, 02 Jun 2009 07:49:00 +0000</pubDate>
		<dc:creator>neil</dc:creator>
				<category><![CDATA[user experience]]></category>
		<category><![CDATA[pagination]]></category>
		<category><![CDATA[scrolling]]></category>
		<category><![CDATA[UI]]></category>

		<guid isPermaLink="false">http://socialfabric.co.uk/?p=393</guid>
		<description><![CDATA[The value of &#8220;Continuous&#8221; scroll - elsewhere called &#8220;infinite&#8221; scroll - raised it&#8217;s head again yesterday after performing an image search on Google and the same one on the newly launched Bing. Both address image searching which as a designer can be one of the most time consuming and sometime life draining activities. It is [...]]]></description>
			<content:encoded><![CDATA[<p><img src="http://socialfabric.co.uk/wp-content/uploads/2009/06/continuous-scroll.gif" alt="To scroll or paginate" title="To scroll or paginate" width="440" height="190" class="alignnone size-full wp-image-398" /></p>
<p>The value of &#8220;Continuous&#8221; scroll - elsewhere called &#8220;infinite&#8221; scroll - raised it&#8217;s head again yesterday after performing an image search on Google and the same one on the newly launched Bing. Both address image searching which as a designer can be one of the most time consuming and sometime life draining activities.</p>
<p>It is an activity with few shortcuts but many pitfalls. Unlike document searching, when looking for an image, particularly on Image banks such as Getty and Corbis (both of whom use pagination), it is often about encapsulating a mood and attitude or harmonising with an existing colour set. Composition of the shot is also important. Expressions and body language critical. Image banks don&#8217;t cater to the user effectively for these oft subjective metrics which means the user has the unenviable task of wading through &#8220;pages and pages&#8221; of ill fitting results.</p>
<p>Bing.com makes it a little easier by porting over their Live search implementation of continuous scroll. It is the same thing Apple have been doing at their shop for a while. Essentially pagination is removed and the entire data set is returned in one monumental vertical scrolling list. The clever bit comes thanks to AJAX, which incrementally loads items only when they are within or just about to appear within the viewport.</p>
<p>Corbis unfortunately retain pagination in it&#8217;s just launched re-design. In this context the choice is clear and it is not pagination. </p>
<p>Pagination necessitates horizontal (previous | next) and vertical navigation. Continuous scroll factors out the horizontal making it simpler for a user to orientate themselves to the information.</p>
<p>Pagination breaks up the user experience with it&#8217;s intermittent page refreshes and load waits. Continuous scroll however is inherently a seamless, smooth experience and with incremental loading means less time waiting which means browsing at speed.</p>
<p>With pagination the user&#8217;s memory capacity can get maxed quicker as they need to remember which image they liked, the quality of it as well as which page it was on. Admittedly the image banks address this issue with &#8216;Lightboxes&#8217; however these normally require registration/login which is not applicable to Bing&#8217;s image search. As an aside, what would be cool is to think of these multi-column monsters as a fruit machine (one arm bandit) and &#8220;hold&#8221; images that are suitable for closer consideration.</p>
<p>The RSI peeps also prefer less clicks which can work in the favour of Continuous scroll.</p>
<p>On the downside long scrolling lists can increase eye fatigue&#8230;think of watching the world streaming past from a train window. Long scrolls can also be a little daunting and make signposting the content start and end more difficult&#8230;will this thing ever end!.</p>
<p><a href="http://reader.google.com">Google reader</a> is a good example of the continuous scroll. Interestingly this deals with textual random data, not just images as discussed above. </p>
<p>There are hurdles of user expectation and performance to negotiate and above all the implementation should focus on the content and context. It nonetheless is a cool interface pattern worth considering next time you are dealing with large data sets. </p>
<p>If pagination is your thing or the context is different which fits this approach then adopting these simple techniques can make it a more pleasurable experience.<br />
1) Show the maximum number of results that will fit the users screen without scrolling.<br />
2) Fix the pagination controls in the same position on every page. This means users can hammer the clicker to page through at speed without moving their mouse.<br />
3) Provide a &#8220;Show all&#8221;<br />
4) Check out the <a href=" http://kurafire.net/log/archive/2007/06/22/pagination-101">pagination 101</a>for more basics and loads of examples.</p>
<h3>More discussion can be found at IxDA</h3>
<p><a href="http://www.ixda.org/discuss.php?post=25287 ">Continuous Scroll</a><br />
<a href="http://www.ixda.org/discuss.php?post=18318">Pagination Vs Scrolling</a></p>
]]></content:encoded>
			<wfw:commentRss>http://socialfabric.co.uk/2009/06/the-long-continuous-scroll/feed/</wfw:commentRss>
		<slash:comments>1</slash:comments>
		</item>
		<item>
		<title>&#8216;Search for&#8230;&#8217; Partcipating with advertising</title>
		<link>http://socialfabric.co.uk/2008/11/search-for-partcipating-with-advertising/</link>
		<comments>http://socialfabric.co.uk/2008/11/search-for-partcipating-with-advertising/#comments</comments>
		<pubDate>Tue, 18 Nov 2008 10:06:50 +0000</pubDate>
		<dc:creator>neil</dc:creator>
				<category><![CDATA[design]]></category>
		<category><![CDATA[user experience]]></category>
		<category><![CDATA[advertising]]></category>
		<category><![CDATA[marketing]]></category>
		<category><![CDATA[strategy]]></category>

		<guid isPermaLink="false">http://blog.socialfabric.co.uk/?p=30</guid>
		<description><![CDATA[^ Orange “i am” ads ^ Call to action close up The recent Orange campaign had the unusual call to action of prompting the reader to search for “I am.” This was interesting for three reasons. Magical. Firstly that it marked an evolution from the days when web links first appeared. I remember marketing departments [...]]]></description>
			<content:encoded><![CDATA[<p><img src="http://socialfabric.co.uk/wp-content/uploads/2008/11/i-am.jpg" alt="Orange i am advertising" title="i-am" width="420" height="210" class="alignnone size-full wp-image-134" /><br />
<span class="caption">^ Orange “i am” ads</span></p>
<p><img src="http://socialfabric.co.uk/wp-content/uploads/2008/11/i-am-enlarged.jpg" alt="Search for &quot;i am&quot;" title="Search for &quot;i am&quot;" width="420" height="170" class="alignnone size-full wp-image-136" /><br />
<span class="caption">^ Call to action close up</span></p>
<p>The recent Orange campaign had the unusual call to action of prompting the reader to search for “I am.” This was interesting for three reasons. Magical. Firstly that it marked an evolution from the days when web links first appeared. I remember marketing departments getting concerned whether to include the WWW in the link. Will it work? Will people understand? And sure enough the WWW&#8217;s gradually disappeared. People still got it and browsers resolved the URL.</p>
<p>Secondly that it necessitates that the SEO development team optimise the Orange content so that it appears when someone follows the advert direction or else pay for Ad Words which guarantee visibility. The latter  seems unnecessarily expensive as the more successful the campaign call to action, the more Ad Words need to be bought.</p>
<p>Thirdly, it seems to me that the strategy has less to do with technicality than psychological persuasion. By asking people to type the campaign line into a search engine subconsciously reinforces the central thought “I am” through repetition and active sifting through the results to find the Orange result. A successful searcher not only gets the information but is an active participant in the discovery giving them a greater sense of ownership and engagement. They won the treasure hunt. Hurrah, winning feels good. Campaign WIN.</p>
<div class="quote">“Tell me and I forget. Teach me and I remember. Involve me and I learn.” <span class="quoteAuthor">Benjamin Franklin</span></div>
<p>The unsuccessful searcher still engages with the brand and message and is likely to re-search however there is risk that the searcher doesn&#8217;t get the payoff, feels irritated and goes elsewhere. Campaign FAIL.</p>
]]></content:encoded>
			<wfw:commentRss>http://socialfabric.co.uk/2008/11/search-for-partcipating-with-advertising/feed/</wfw:commentRss>
		<slash:comments>0</slash:comments>
		</item>
	</channel>
</rss>
