<?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>The Wojo Group &#187; UI</title>
	<atom:link href="http://www.thewojogroup.com/tag/ui/feed/" rel="self" type="application/rss+xml" />
	<link>http://www.thewojogroup.com</link>
	<description>The musings of a small creative media company.</description>
	<lastBuildDate>Tue, 11 May 2010 00:10:34 +0000</lastBuildDate>
	<generator>http://wordpress.org/?v=2.8</generator>
	<language>en</language>
	<sy:updatePeriod>hourly</sy:updatePeriod>
	<sy:updateFrequency>1</sy:updateFrequency>
			<item>
		<title>Adding Fun to Your User Interface</title>
		<link>http://www.thewojogroup.com/2009/04/adding-fun-to-your-user-interface/</link>
		<comments>http://www.thewojogroup.com/2009/04/adding-fun-to-your-user-interface/#comments</comments>
		<pubDate>Mon, 27 Apr 2009 13:19:38 +0000</pubDate>
		<dc:creator>Stephen</dc:creator>
				<category><![CDATA[Design]]></category>
		<category><![CDATA[UI]]></category>
		<category><![CDATA[Usability]]></category>
		<category><![CDATA[User Interface]]></category>
		<category><![CDATA[UX]]></category>

		<guid isPermaLink="false">http://www.thewojogroup.com/?p=488</guid>
		<description><![CDATA[A List Apart had an interesting article recently that Defended the Case for Eye Candy. The article hit a key point that we&#8217;ve been practicing here at The Wojo Group on our various projects.
Things that are enjoyable will be easy to use and efficient.
The ALA article is defending the case that beautiful and aesthetically pleasing [...]]]></description>
			<content:encoded><![CDATA[<p>A List Apart had an interesting article recently that Defended the <a href="http://alistapart.com/articles/indefenseofeyecandy">Case for Eye Candy</a>. The article hit a key point that we&#8217;ve been practicing here at The Wojo Group on our various projects.</p>
<blockquote><p>Things that are enjoyable will be easy to use and efficient.</p></blockquote>
<p>The ALA article is defending the case that beautiful and aesthetically pleasing UI designs increase functionality because they&#8217;re perceived to be easy to use and efficient. What we&#8217;ve been practicing here is the theory that you can have an interface be more enjoyable through the implementation of functionality. That is, if a piece of functionality is <strong>fun</strong>, the user will perceive it as intuitive. Now there are limits to this; you can&#8217;t have something that is super fun and not functional what so ever. But, generally speaking, the more fun you can make a user interface to interact with, the more forgiving your users will be of any shortcomings.</p>
<h3>Coverflow</h3>
<p>Be honest, when coverflow was announced you thought, &#8220;Cool, but it&#8217;s useless.&#8221; Coverflow is one of the biggest successes of &#8220;fun&#8221; in UI design. It has some great functional uses when browsing folders on your mac full of images, but past that, it&#8217;s a stretch to say it&#8217;s a great way to browse files. There are far more efficient and more usable ways to browse cover art in iTunes, or to browse visual files on my mac, but I still find myself using coverflow more often than I thought I would. That&#8217;s because it&#8217;s fun to use. Moving that slider and seeing my files or album covers rotate and move in 3D space is a delight. On the iPhone the fun is amplified by swiping your finger and having it respond in real time.</p>
<h3>Time Machine</h3>
<p>Apple is the master of adding fun to user interfaces. If you look at why or how their user experience is so successful, 9 times out of 10 you&#8217;ll find their solution is just plain more fun than the competitions&#8217;. Time Machine is another example of this. Backup software is a fully developed genre, but Apple decided to step in and make a big splash. They made Time Machine completely unlike any other backup software out there. Using 3D and a crazy time portal background that you manipulate with an actual time line makes using backup a joy. In fact, I would argue that it was Apple&#8217;s primary focus when designing the UI for Time Machine. It&#8217;s like healthy chefs making food that&#8217;s good for you <em>actually taste good</em>. Apple made the important, mundane task of backup fun to use.</p>
<h3>Adding Fun to Your UI</h3>
<p>It&#8217;s no doubt that Apple churns out some of the most fun to use software out there, but we can all start doing a better job at making our UIs more enjoyable, particularly on the web.</p>
<p><strong>Sliders</strong></p>
<p>Sliders are a great alternative to the standard form elements like drop down menus or text inputs.</p>
<p><a href="http://www.thewojogroup.com/wp-content/uploads/2009/04/sliders.png"><img class="alignnone size-full wp-image-493" title="sliders" src="http://www.thewojogroup.com/wp-content/uploads/2009/04/sliders.png" alt="" width="167" height="88" /></a> <a href="http://www.thewojogroup.com/wp-content/uploads/2009/04/sliders3.png"><img class="alignnone size-full wp-image-493" title="sliders" src="http://www.thewojogroup.com/wp-content/uploads/2009/04/sliders3.png" alt="" width="295" height="112" /></a></p>
<p><strong>Animated User Feedback</strong></p>
<p>Giving feedback to the user for their interactions is critical to good UX, but you can take it further. It is now easier than ever to surprise and delight users with javascript frameworks like jQuery and Scriptaculous.</p>
<p><object classid="clsid:02bf25d5-8c17-4b23-bc80-d3488abddc6b" width="550" height="275" codebase="http://www.apple.com/qtactivex/qtplugin.cab#version=6,0,2,0"><param name="autoplay" value="false" /><param name="src" value="http://www.thewojogroup.com/wp-content/uploads/2009/04/animatedfeedback.mov" /><embed type="video/quicktime" width="550" height="275" src="http://www.thewojogroup.com/wp-content/uploads/2009/04/animatedfeedback.mov" autoplay="false"></embed></object></p>
<p><object classid="clsid:02bf25d5-8c17-4b23-bc80-d3488abddc6b" width="550" height="245" codebase="http://www.apple.com/qtactivex/qtplugin.cab#version=6,0,2,0"><param name="autoplay" value="false" /><param name="src" value="http://www.thewojogroup.com/wp-content/uploads/2009/04/animatedfeedback4.mov" /><embed type="video/quicktime" width="550" height="245" src="http://www.thewojogroup.com/wp-content/uploads/2009/04/animatedfeedback4.mov" autoplay="false"></embed></object></p>
<p><strong>Drag &amp; Drop</strong></p>
<p>Another great way to spice up a UI is to give it more drag and drop functionality.</p>
<p><object classid="clsid:02bf25d5-8c17-4b23-bc80-d3488abddc6b" width="550" height="179" codebase="http://www.apple.com/qtactivex/qtplugin.cab#version=6,0,2,0"><param name="autoplay" value="false" /><param name="src" value="http://www.thewojogroup.com/wp-content/uploads/2009/04/dragdrop3.mov" /><embed type="video/quicktime" width="550" height="179" src="http://www.thewojogroup.com/wp-content/uploads/2009/04/dragdrop3.mov" autoplay="false"></embed></object></p>
<p>These are just a few ideas of what you can do to make your user experience a little more fun for your users. Some of the best solutions involve innovative interactions like the swiping to unlock an iPhone, the motion sensor controls of the Nintendo Wii, or that first time you realized you could pan around Google Maps without reloading the page. Of course, you can&#8217;t always have an amazing breakthrough in user experience, but if you make it one of your goals to let your users have fun, you&#8217;ll find that their emotions will be more positive and thus their user experience will be as well.</p>
]]></content:encoded>
			<wfw:commentRss>http://www.thewojogroup.com/2009/04/adding-fun-to-your-user-interface/feed/</wfw:commentRss>
		<slash:comments>4</slash:comments>
<enclosure url="http://www.thewojogroup.com/wp-content/uploads/2009/04/animatedfeedback.mov" length="1243856" type="video/quicktime" />
<enclosure url="http://www.thewojogroup.com/wp-content/uploads/2009/04/animatedfeedback4.mov" length="1115145" type="video/quicktime" />
<enclosure url="http://www.thewojogroup.com/wp-content/uploads/2009/04/dragdrop3.mov" length="305180" type="video/quicktime" />
		</item>
	</channel>
</rss>
