<?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>Tobias &#38; Tobias &#187; interaction design</title>
	<atom:link href="http://blog.tobias.tv/tag/interaction-design/feed/" rel="self" type="application/rss+xml" />
	<link>http://blog.tobias.tv</link>
	<description>Company blog of T&#38;T</description>
	<lastBuildDate>Thu, 02 Feb 2012 10:01:39 +0000</lastBuildDate>
	<language>en</language>
	<sy:updatePeriod>hourly</sy:updatePeriod>
	<sy:updateFrequency>1</sy:updateFrequency>
	<generator>http://wordpress.org/?v=3.0.5</generator>
		<item>
		<title>Making online forms less painful &#8211; time for a radical rethink?</title>
		<link>http://blog.tobias.tv/2011/02/17/online-forms-radical-rethink/</link>
		<comments>http://blog.tobias.tv/2011/02/17/online-forms-radical-rethink/#comments</comments>
		<pubDate>Thu, 17 Feb 2011 10:02:51 +0000</pubDate>
		<dc:creator>Brendan</dc:creator>
				<category><![CDATA[Design]]></category>
		<category><![CDATA[Technology]]></category>
		<category><![CDATA[forms]]></category>
		<category><![CDATA[interaction design]]></category>
		<category><![CDATA[mobile]]></category>

		<guid isPermaLink="false">http://blog.tobias.tv/?p=153</guid>
		<description><![CDATA[Designers have spent decades trying to make the experience of filling out forms less painful. Progress has been slow at best. Is it time to fundamentally revisit how we use technology to gather information from users? And can today's mobile devices help us to do this?]]></description>
			<content:encoded><![CDATA[<p>Filling out forms is a necessary evil whether it&#8217;s on the web, mobile apps, work-related systems, or even on old-fashioned paper. We don&#8217;t enjoy doing it but sometimes there&#8217;s no other option.</p>
<p>Why are forms such a chore? Designers from multiple industries have been trying to solve this problem for decades. Indeed, every layer of the experience when we use a computerised form has been meticulously crafted to reduce our stress &#8211; from the ergonomics of the keyboard &#038; mouse to interaction components like dropdowns, radio buttons and auto-completed text fields. But the fact remains that they&#8217;re a stressful part of our everyday lives.</p>
<p>A recent example of design being used to ease the pain of forms is <a href="http://usefunnel.com/access">Funnel, a survey tool for iOS and Android</a>.</p>
<div id="attachment_958" class="wp-caption aligncenter" style="width: 310px"><a href="http://www.brelson.com/wp-content/uploads/2011/02/funnel-a-smileys.png"><img src="http://www.brelson.com/wp-content/uploads/2011/02/funnel-a-smileys-300x159.png" alt="" title="funnel-a-smileys" width="300" height="159" class="size-medium wp-image-958" /></a><p class="wp-caption-text">Using Funnel for customer satisfaction surveys</p></div>
<p>Funnel uses an approach designers commonly take to the form problem, which is to make the process feel more fun and playful in the hope that users will warm to it. What&#8217;s the rationale behind this approach? Is it <em>really</em> more fun to fill out forms that are designed like this?</p>
<div id="attachment_959" class="wp-caption aligncenter" style="width: 310px"><a href="http://www.brelson.com/wp-content/uploads/2011/02/funnel-c-singleselect.png"><img src="http://www.brelson.com/wp-content/uploads/2011/02/funnel-c-singleselect-300x159.png" alt="" title="funnel-c-singleselect" width="300" height="159" class="size-medium wp-image-959" /></a><p class="wp-caption-text">Making traditional form interactions look nicer</p></div>
<p>The interaction models are pretty conventional, just designed in a way that makes them less intimidating (assuming you aren&#8217;t intimidated by large smiley faces, of course). While this layer of design might be dismissed as superficial by people who focus on functionality, it definitely matters. The visual layer provides users with a subconscious cue as to the type of activity they&#8217;re about to undertake, and this will in turn affect their emotional state as they embark upon the activity.</p>
<p>Imagine two different signup forms, both asking for the same set of personal information, except one has been designed for a mortgage application process and the other for a music-oriented social networking site. They might even use the same set of interaction models &#8211; dropdowns, calendars, radio buttons &#8211; but we&#8217;d be surprised if the visual execution was identical. The mortgage provider should use visual design to convey an appropriate level of seriousness; after all, entering the wrong information may lead to rejection, or might count as fraud in extreme cases. However, this level of seriousness would seem oddly intimidating in the case of the social networking site.</p>
<div id="attachment_960" class="wp-caption aligncenter" style="width: 310px"><a href="http://www.brelson.com/wp-content/uploads/2011/02/halifax-kontain.png"><img src="http://www.brelson.com/wp-content/uploads/2011/02/halifax-kontain-300x250.png" alt="" title="halifax-kontain" width="300" height="250" class="size-medium wp-image-960" /></a><p class="wp-caption-text">Guess which one of these forms is a mortgage application</p></div>
<p>But is it enough to focus purely on the visual execution of forms, as Funnel seems to do, if we want to make them less painful? The visual, aesthetic layer design is slightly problematic in that it&#8217;s very culturally sensitive. A design that suggests playful informality in one part of the world might seem downright childish in another. This layer is also very subject to changing trends &#8211; a visual style that seems contemporary one year might become dated and corny very quickly. So perhaps it&#8217;s time to tackle the problem of forms at a deeper layer than purely visual design. </p>
<p>What are forms for? To gather information from users. Do we always need highly specific and granular data? No. Are we still dependent on keyboard, mouse and touch inputs? No. Can new devices and the data they can gather fundamentally change the form-completion process? Maybe.</p>
<p>Imagine a mobile form that works <a href="http://www.youtube.com/watch?v=Xn4TgYkqdi8">like a theremin</a>, where the user lifts their device to change the value of a field, or tilts the phone to give a thumbs-up or thumbs-down. Imagine a restaurant whose mobile app gathers feedback not with a slider, but by having customers express themselves with a smile or grimace and then taking a photo and algorithmically &#8220;scoring&#8221; their satisfaction. Imagine a rail company using location data to invoke a customer satisfaction survey when a journey ends, referring to timetable data to work out if the train was late and pre-populating the form as appropriate. </p>
<p>Some of these ideas may be less far-fetched than they sound at first. For example, <a href="http://kylemcdonald.net/happythings/">the Happy Things project for Mac OS</a> detects when you smile and automatically takes a picture of your face. It&#8217;s becoming easier for software to gauge our emotions as well as our location. </p>
<p>There&#8217;s a lot of scope for innovation in the way systems gather input from users, especially where mobile devices with richer contextual awareness are concerned. The process can become more powerful as well as more playful, as long as we continue to challenge ourselves as an industry and as designers. Why not exploit these capabilities instead of &#8211; or as well as &#8211; making checkboxes feel nicer?</p>
]]></content:encoded>
			<wfw:commentRss>http://blog.tobias.tv/2011/02/17/online-forms-radical-rethink/feed/</wfw:commentRss>
		<slash:comments>0</slash:comments>
		</item>
		<item>
		<title>Usability &amp; User Experience &#8211; Resources</title>
		<link>http://blog.tobias.tv/2010/01/15/usability-user-experience-resources/</link>
		<comments>http://blog.tobias.tv/2010/01/15/usability-user-experience-resources/#comments</comments>
		<pubDate>Fri, 15 Jan 2010 15:07:33 +0000</pubDate>
		<dc:creator>Philipp</dc:creator>
				<category><![CDATA[User Experience]]></category>
		<category><![CDATA[Design]]></category>
		<category><![CDATA[information architecture]]></category>
		<category><![CDATA[interaction design]]></category>
		<category><![CDATA[research]]></category>
		<category><![CDATA[resource]]></category>
		<category><![CDATA[usability]]></category>
		<category><![CDATA[ux]]></category>

		<guid isPermaLink="false">http://blog.tobias.tv/?p=27</guid>
		<description><![CDATA[We think of a system as "usable" if we encounter elegance and clarity when interacting with it. This collection of online resources introduces the theory and practise of usability, user experience and user-centred design.]]></description>
			<content:encoded><![CDATA[<p>In human-computer interaction and computer science, usability often refers to the elegance and clarity with which the interaction with a computer program or a web site is designed. It is a qualitative attribute that assesses how easy user interfaces are to use. Here is a list of resources that have proven useful to me in the past.</p>
<p><a href="http://www.usabilitypost.com/" target="_blank">Usability Post</a><br />
A blog about design. Design isn’t what something looks like, design is about how it works. Making something usable means understanding what people expect from your product and thinking of ways to make the use of the product simple and enjoyable.</p>
<p><a href="http://boxesandarrows.com/" target="_blank">Boxes and Arrows</a><br />
Devoted to the practice, innovation, and discussion of design; including graphic design, interaction design, information architecture and the design of business.</p>
<p><a href="ttp://uitrends.com/" target="_blank">UI Trends</a><br />
A dynamic light-weight repository for interesting user interface designs and trends for website and web applications.</p>
<p><a href="http://www.uxmatters.com/" target="_blank">UXmatters</a><br />
A web magazine that delivers compelling content about developing effective user experience (UX) strategies and designing digital product user experiences that optimally serve people&#8217;s needs and satisfy their desires.</p>
<p><a href="http://www.uie.com/" target="_blank">User Interface Engineering</a><br />
A leading research, training, and consulting firm specializing in web site and product usability.</p>
<p><a href="http://konigi.com/wiki/main-page" target="_blank">Konigi</a><br />
A community-authored and maintained resource for the user experience design field, covering information related to its practices.</p>
]]></content:encoded>
			<wfw:commentRss>http://blog.tobias.tv/2010/01/15/usability-user-experience-resources/feed/</wfw:commentRss>
		<slash:comments>0</slash:comments>
		</item>
	</channel>
</rss>

