<?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; touch</title>
	<atom:link href="http://socialfabric.co.uk/tag/touch/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>Wired magazine iPad</title>
		<link>http://socialfabric.co.uk/2010/02/wired-magazine-ipad/</link>
		<comments>http://socialfabric.co.uk/2010/02/wired-magazine-ipad/#comments</comments>
		<pubDate>Thu, 18 Feb 2010 15:19:32 +0000</pubDate>
		<dc:creator>neil</dc:creator>
				<category><![CDATA[design]]></category>
		<category><![CDATA[user experience]]></category>
		<category><![CDATA[video]]></category>
		<category><![CDATA[magazine]]></category>
		<category><![CDATA[touch]]></category>
		<category><![CDATA[wired]]></category>

		<guid isPermaLink="false">http://socialfabric.co.uk/?p=659</guid>
		<description><![CDATA[Interesting glimpse into the approach of Adobe and Wired to magazine publishing and new touch platforms.]]></description>
			<content:encoded><![CDATA[<p>Interesting glimpse into the approach of Adobe and Wired to magazine publishing and new touch platforms.</p>
<p><object id="flashObj" width="404" height="436" classid="clsid:D27CDB6E-AE6D-11cf-96B8-444553540000" codebase="http://download.macromedia.com/pub/shockwave/cabs/flash/swflash.cab#version=9,0,47,0"><param name="movie" value="http://c.brightcove.com/services/viewer/federated_f9/1813626064?isVid=1&#038;publisherID=1564549380" /><param name="bgcolor" value="#FFFFFF" /><param name="flashVars" value="videoId=66775419001&#038;playerID=1813626064&#038;domain=embed&#038;" /><param name="base" value="http://admin.brightcove.com" /><param name="seamlesstabbing" value="false" /><param name="allowFullScreen" value="true" /><param name="swLiveConnect" value="true" /><param name="allowScriptAccess" value="always" /><embed src="http://c.brightcove.com/services/viewer/federated_f9/1813626064?isVid=1&#038;publisherID=1564549380" bgcolor="#FFFFFF" flashVars="videoId=66775419001&#038;playerID=1813626064&#038;domain=embed&#038;" base="http://admin.brightcove.com" name="flashObj" width="404" height="436" seamlesstabbing="false" type="application/x-shockwave-flash" allowFullScreen="true" swLiveConnect="true" allowScriptAccess="always" pluginspage="http://www.macromedia.com/shockwave/download/index.cgi?P1_Prod_Version=ShockwaveFlash"></embed></object></p>
]]></content:encoded>
			<wfw:commentRss>http://socialfabric.co.uk/2010/02/wired-magazine-ipad/feed/</wfw:commentRss>
		<slash:comments>0</slash:comments>
		</item>
		<item>
		<title>Long live the editor</title>
		<link>http://socialfabric.co.uk/2010/02/long-live-the-editor/</link>
		<comments>http://socialfabric.co.uk/2010/02/long-live-the-editor/#comments</comments>
		<pubDate>Tue, 09 Feb 2010 11:14:27 +0000</pubDate>
		<dc:creator>neil</dc:creator>
				<category><![CDATA[design]]></category>
		<category><![CDATA[user experience]]></category>
		<category><![CDATA[video]]></category>
		<category><![CDATA[editing]]></category>
		<category><![CDATA[information overload]]></category>
		<category><![CDATA[magazine]]></category>
		<category><![CDATA[publishing]]></category>
		<category><![CDATA[touch]]></category>

		<guid isPermaLink="false">http://socialfabric.co.uk/?p=654</guid>
		<description><![CDATA[Tweeted this pre-iPad, quietly hoping it would be realised when Stevie took to the stage. General disappointment followed however this prototype stayed with me. Firstly because it&#8217;s a fantastic example of prototyping an idea. Further to this and despite the interaction on display being nothing particularly new, it is an insightful glance into where publishing [...]]]></description>
			<content:encoded><![CDATA[<p>Tweeted this pre-iPad, quietly hoping it would be realised when Stevie took to the stage. General disappointment followed however this prototype stayed with me. Firstly because it&#8217;s a fantastic example of prototyping an idea. Further to this and despite the interaction on display being nothing  particularly new, it is an insightful glance into where publishing is headed. Look around you and you will see Kindles, iPhones, Androids and all manner of touch enabled devices stuck to people&#8217;s digits. Their presence becomes more ubiquitous each day.</p>
<h3>An end in sight</h3>
<p>Specifically to do with publishing the observation that wins for me in the below example is how a magazine is <em>finishable</em>. I like this, seems pretty obvious but the impact as a design idea is central to the UX and at odds with our daily experience of the web. </p>
<p>As a magazine atoms become bits the opportunity to provide  exhaustive content is apparent however can be at odds with the audience need. As someone who subscribes to Wired&#8217;s printed publication I get that. I want the editors insight. In the brief time I have available to read through a magazine this skilled encapsulation of a theme and coverage of an interest area is essential. Not only does the editor as cultural explorer bring all this good stuff together they can give me the hooks to undertake future sorties myself and goes some way to damped the information overload endemic in daily net living.</p>
<p><object classid="clsid:d27cdb6e-ae6d-11cf-96b8-444553540000" width="441" height="248" codebase="http://download.macromedia.com/pub/shockwave/cabs/flash/swflash.cab#version=6,0,40,0"><param name="allowfullscreen" value="true" /><param name="allowscriptaccess" value="always" /><param name="src" value="http://vimeo.com/moogaloop.swf?clip_id=8217311&amp;server=vimeo.com&amp;show_title=1&amp;show_byline=1&amp;show_portrait=0&amp;color=E272BB&amp;fullscreen=1" /><embed type="application/x-shockwave-flash" width="441" height="248" src="http://vimeo.com/moogaloop.swf?clip_id=8217311&amp;server=vimeo.com&amp;show_title=1&amp;show_byline=1&amp;show_portrait=0&amp;color=E272BB&amp;fullscreen=1" allowscriptaccess="always" allowfullscreen="true"></embed></object><br />
<span class="caption">^ Mag+ touch screen protoype</span></p>
]]></content:encoded>
			<wfw:commentRss>http://socialfabric.co.uk/2010/02/long-live-the-editor/feed/</wfw:commentRss>
		<slash:comments>0</slash:comments>
		</item>
		<item>
		<title>Signing</title>
		<link>http://socialfabric.co.uk/2009/12/signing/</link>
		<comments>http://socialfabric.co.uk/2009/12/signing/#comments</comments>
		<pubDate>Tue, 29 Dec 2009 10:31:10 +0000</pubDate>
		<dc:creator>neil</dc:creator>
				<category><![CDATA[design]]></category>
		<category><![CDATA[observation]]></category>
		<category><![CDATA[user experience]]></category>
		<category><![CDATA[communication]]></category>
		<category><![CDATA[gestural interaction]]></category>
		<category><![CDATA[sign language]]></category>
		<category><![CDATA[touch]]></category>

		<guid isPermaLink="false">http://socialfabric.co.uk/?p=633</guid>
		<description><![CDATA[^The sign for &#8220;Milk&#8221;. Image from &#8220;Your Talking Baby&#8221; The curiousness of children is infinite. My 18 month baby is into everything, looking, pointing, grabbing, pulling. As any parent will tell you, it is pretty relentless as the world is explored anew. With each discovery comes the instinctual need to communicate with us what they [...]]]></description>
			<content:encoded><![CDATA[<p><img class="alignnone size-full wp-image-640" title="Sign language" src="http://socialfabric.co.uk/wp-content/uploads/2009/12/sign1.gif" alt="Sign language" width="440" height="240" /></p>
<div class="caption">^The sign for &#8220;Milk&#8221;. Image from &#8220;<a title="Your talking baby" href="http://www.yourtalkingbaby.com/" target="_blank">Your Talking Baby</a>&#8221;</div>
<p>The curiousness of children is infinite. My 18 month baby is into everything, looking, pointing, grabbing, pulling. As any parent will tell you, it is pretty relentless as the world is explored anew. With each discovery comes the instinctual need to communicate with us what they are thinking and feeling. It is phenomenal how much is actually being taken in but of course without language, deciphering the baa-baa-beedahh-dees feels like a task for Bletchley Park.</p>
<p>What has been incredibly enlightening however was how gesturing through sign language can help to bridge that gap. After several months of &#8220;<a title="Sing and Sign" href="http://www.singandsign.com/" target="_blank">Sign and Sign</a>&#8221;, which is a baby group to teach basic sign language, I was able to communicate about specific things; abstract and literal. For example, if she sees a star then fanning the fingers out from a fist tells us or if she is hungry or has a pain then a simple gesture lets us know. The recognition of understanding and being able to communicate is self evident, it is what we all continue to try to achieve even after the nappies are off.</p>
<p>The parallels between this and gestural interaction are clear. If you can communicate with your audience using simple gestures they are likely to become engaged more easily as the threshold to participation is lowered. I no longer need to coordinate by hand with the mouse to cause a cursor to move to a specific point to click&#8230;baa-baa-beedahh&#8230; I just press, or circle or swipe.  It is inherent, immediate, intuitive and why these types of interfaces are becoming woven more tightly into our social fabric.</p>
]]></content:encoded>
			<wfw:commentRss>http://socialfabric.co.uk/2009/12/signing/feed/</wfw:commentRss>
		<slash:comments>0</slash:comments>
		</item>
		<item>
		<title>Touch!</title>
		<link>http://socialfabric.co.uk/2009/11/touch/</link>
		<comments>http://socialfabric.co.uk/2009/11/touch/#comments</comments>
		<pubDate>Sun, 15 Nov 2009 22:32:24 +0000</pubDate>
		<dc:creator>neil</dc:creator>
				<category><![CDATA[design]]></category>
		<category><![CDATA[user experience]]></category>
		<category><![CDATA[direct manipluation]]></category>
		<category><![CDATA[gestural interaction]]></category>
		<category><![CDATA[touch]]></category>

		<guid isPermaLink="false">http://socialfabric.co.uk/?p=614</guid>
		<description><![CDATA[You can&#8217;t miss the current onslaught of media coverage pushing the new Windows 7. Despite some pretty irritating adverts the arrival of windows 7 has brought with it a couple of features in particular that I&#8217;m excited about; &#8220;Play to&#8221; and &#8220;Touch&#8221;. Of these the Touch addition, buried at the bottom of the list?! represents [...]]]></description>
			<content:encoded><![CDATA[<p>You can&#8217;t miss the current onslaught of media coverage pushing the new Windows 7. Despite some pretty irritating adverts the arrival of windows 7 has brought with it a couple of <a href="http://windows.microsoft.com/en-US/windows7/products/features" title="Windows 7 features" target="_blank">features</a> in particular that I&#8217;m excited about; &#8220;Play to&#8221; and &#8220;Touch&#8221;.</p>
<p>Of these the Touch addition, buried at the bottom of the list?! represents the biggest new playground for designers. Whilst touch interaction is nothing new, the native support for it into what will become the most installed OS around is huge.</p>
<p>Having Touch not only changes the way we interact with information but changes the way the information should be displayed.</p>
<h3>Getting your <span style="text-decoration: line-through;">screen</span> hands dirty</h3>
<p>As you&#8217;d expect the inventory of flicks, swipes, twofingercombomoves, taps and pinches is all there. Using the simple flick gestures we are able to move around the interface dragging up, down, moving back and forward as well as performing tasks such as copy, paste, undo, and delete, right there in and amongst it. w00t!</p>
<p><img class="alignnone size-full wp-image-615" title="The eight flick gestures and their default assignments in Windows 7" src="http://socialfabric.co.uk/wp-content/uploads/2009/11/touch-flicks.gif" alt="The eight flick gestures and their default assignments in Windows 7" width="440" height="143" /></p>
<div class="caption">^ Microsofts eight flick gestures and their default assignments in Windows 7.</div>
<p>Practicalities aside what gets me hot is that this method of interaction allows the user to really get stuck in or as <a title="Ben Shneiderman" href="http://en.wikipedia.org/wiki/Ben_Shneiderman">Ben Shneiderman</a> would say <a title="Direct manipulation" href="http://en.wikipedia.org/wiki/Direct_manipulation_interface" target="_blank">directly manipulate</a> the interface. It brings with it the high probability that we will see more minority report UI&#8217;s but more importantly it presents opportunities to break down the engagement barrier of having to operate a mouse and keyboard and in doing so opens up new richly immersive environments and online services where involvement is more than cerebral, it&#8217;s physical.</p>
<p>In doing so our audience suddenly got a lot broader. Gestural interaction lowers the threshold to participation, just look at the way the Wii has found a home in households. It means generations of older folk and those who do not work with computers everyday can do the things they want to without technological intimidation or hangups.</p>
<h3>Look and <em>Feel</em></h3>
<p>A new aesthetic is also required to play in this world, one that takes cues from kiosk applications and the burgeoning world of iPhone and its immitators. Input controls need to be bigger to deal with our low fidelity fingers (sounds odd saying our fingers are low fidelity..) than the pixel perfect pointer.</p>
<p>Controls also need to be spaced further apart. This means throwing menus tight into the edges of your application isn&#8217;t the best move for Touch as it makes activating them more difficult. This changes what we&#8217;d traditionally expect according to  <a title="Fitts' Law" href="http://en.wikipedia.org/wiki/Fitts%27s_law" target="_blank">Fitts&#8217; Law</a> which sates <span class="quote">&#8220;the time required to interact with a target depends upon the size of the target and the distance to it. The smaller a target is, and the further away it is, the harder it is to use. But due to the large surface area of the fingertip, small controls that are too close together can also be difficult to target precisely.&#8221; MSDN guidelines</span></p>
<p>With the advent of Touch we are also seeing a renewed interest in haptic feedback. The lack of this has been one of my gripes with the iPhone and I&#8217;ll often turn on sounds to use the phone keypad as a way to give the buttons some weight. With haptic we can do things like vibrate the device when a button is pressed or use it to signal an event. This facet provides another way to make our Touch experience authentic and I&#8217;m interested to feel the nuances in design as interfaces and brands differentiate themselves through vibrations.</p>
<h3>*Waves goodbye*</h3>
<p>As Touch enabled computers permeate the market it means designing interfaces just got a lot more exciting. It also means things have got a lot more complicated as now we need to consider interaction across a new input device and all that this tactile one brings with it. In some ways it reminds me of creating a Flash site and an HTML site, both to essentially convey the same information albeit via a different experience. How do you design for both concurrently without compromise? Are users likely to stay in a mode or is it constantly in flux dependent upon task? How does it change what we already know about usability? What new services are going to appear that enrich this form of interaction? How will current ones adapt?&#8230;</p>
<p>How we choose to design for this will take time as we become au fait with the experience. In turn expectations will change and with it new patterns will undoubtedly arise. I&#8217;m currently working with the talented folk at <a title="Splendid interaction design" href="http://www.howsplendid.com" target="_blank">Splendid</a> who have developed some great applications and concepts for <a title="Microsoft Surface" href="http://www.microsoft.com/surface/Pages/Experience/Videos.aspx" target="_blank">MS Surface</a> and are inventing some of this future. More about this another time.</p>
<p>If you have worked on or seen some really great examples of multi-touch interfaces let me know about it in the comments, would love to check it out..</p>
<h3>Related reading</h3>
<p>Dan Saffer wrote<a title="Dan Saffer's &quot;Designing Gestural Interfaces&quot;" href="http://www.designinggesturalinterfaces.com/" target="_blank"> a book about gestural interfaces</a><br />
<a title="Microsoft's Touch guidelines" href="http://msdn.microsoft.com/en-us/library/cc872774.aspx" target="_blank">Microsoft&#8217;s Touch guidelines </a></p>
]]></content:encoded>
			<wfw:commentRss>http://socialfabric.co.uk/2009/11/touch/feed/</wfw:commentRss>
		<slash:comments>0</slash:comments>
		</item>
	</channel>
</rss>
