<?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>Userhappiness &#187; design</title>
	<atom:link href="http://userhappiness.com/blog/category/design/feed/" rel="self" type="application/rss+xml" />
	<link>http://userhappiness.com/blog</link>
	<description></description>
	<lastBuildDate>Sun, 17 May 2009 19:42:44 +0000</lastBuildDate>
	<generator>http://wordpress.org/?v=2.8.4</generator>
	<language>en</language>
	<sy:updatePeriod>hourly</sy:updatePeriod>
	<sy:updateFrequency>1</sy:updateFrequency>
			<item>
		<title>Carmony swaps Swiss Toni for sliders</title>
		<link>http://userhappiness.com/blog/carmony-swaps-swiss-tony-for-sliders/</link>
		<comments>http://userhappiness.com/blog/carmony-swaps-swiss-tony-for-sliders/#comments</comments>
		<pubDate>Sun, 17 May 2009 19:41:19 +0000</pubDate>
		<dc:creator>Nick</dc:creator>
				<category><![CDATA[design]]></category>
		<category><![CDATA[media]]></category>

		<guid isPermaLink="false">http://userhappiness.com/blog/?p=186</guid>
		<description><![CDATA[Carmony&#8217;s current poster campaign shows just how ubiquitous UI is becoming. Selling gadgets like iPhones on sexy interface is easy work; online used car sales are a different matter.

]]></description>
			<content:encoded><![CDATA[<p><a href="http://www.carmony.co.uk/">Carmony</a>&#8217;s current poster campaign shows just how ubiquitous UI is becoming. Selling gadgets like iPhones on sexy interface is easy work; online used car sales are a different matter.</p>
<p><img src="http://userhappiness.com/g/carmony-slider.jpg" alt="Carmony Poster showing selection slider" /></p>
]]></content:encoded>
			<wfw:commentRss>http://userhappiness.com/blog/carmony-swaps-swiss-tony-for-sliders/feed/</wfw:commentRss>
		<slash:comments>0</slash:comments>
		</item>
		<item>
		<title>Guess the Playmobil product icon</title>
		<link>http://userhappiness.com/blog/guess-the-playmobil-product-icon/</link>
		<comments>http://userhappiness.com/blog/guess-the-playmobil-product-icon/#comments</comments>
		<pubDate>Wed, 15 Apr 2009 21:32:14 +0000</pubDate>
		<dc:creator>Nick</dc:creator>
				<category><![CDATA[design]]></category>

		<guid isPermaLink="false">http://userhappiness.com/blog/?p=179</guid>
		<description><![CDATA[ The girls got some Playmobil as a present recently. On the back of the box, this icon indicates which &#8216;Product World&#8217; the set belongs to. Baffled? Surely, it&#8217;s either Tramptown or Bad transvestite land.
Answer: A quick trip to the Playmobil website reveals that it&#8217;s actually Farm. Can you think of a better way of [...]]]></description>
			<content:encoded><![CDATA[<p><img src="http://userhappiness.com/g/playmobil-product-icon.jpg" alt="Playmobil product icon" width="100" height="101" style="float:left;margin-right:15px" /> The girls got some <a href="http://www.playmobil.de/on/demandware.store/Sites-GB-Site">Playmobil</a> as a present recently. On the back of the box, this icon indicates which &#8216;Product World&#8217; the set belongs to. Baffled? Surely, it&#8217;s either Tramptown or Bad transvestite land.</p>
<p>Answer: A quick trip to <a href="http://www.playmobil.de/on/demandware.store/Sites-GB-Site/en_GB/Link-Category?cgid=S_ARTIKEL">the Playmobil website</a> reveals that it&#8217;s actually Farm. Can you think of a better way of representing a farmer?</p>
]]></content:encoded>
			<wfw:commentRss>http://userhappiness.com/blog/guess-the-playmobil-product-icon/feed/</wfw:commentRss>
		<slash:comments>1</slash:comments>
		</item>
		<item>
		<title>Getting people to talk</title>
		<link>http://userhappiness.com/blog/getting-people-to-talk/</link>
		<comments>http://userhappiness.com/blog/getting-people-to-talk/#comments</comments>
		<pubDate>Mon, 01 Sep 2008 20:32:28 +0000</pubDate>
		<dc:creator>Nick</dc:creator>
				<category><![CDATA[design]]></category>
		<category><![CDATA[media]]></category>
		<category><![CDATA[methods]]></category>

		<guid isPermaLink="false">http://userhappiness.com/blog/?p=154</guid>
		<description><![CDATA[Getting People to Talk: An Ethnography &#038; Interviewing Primer is a wonderful video made by students at the Illinois Institute of Design. It&#8217;s also a great example of a Participatory Video approach as one of the creators, Gabriel Biller, notes on his blog:
&#8230; we hope that this will be just the first of many videos [...]]]></description>
			<content:encoded><![CDATA[<p>Getting People to Talk: An Ethnography &#038; Interviewing Primer is a wonderful video made by students at the Illinois Institute of Design. It&#8217;s also a great example of a <a href="http://userhappiness.com/blog/new-year-old-technique-is-participatory-video-the-right-tool-for-now">Participatory Video approach</a> as one of the creators, <a href="http://www.gabrielbiller.com/gablog/2008/07/02/getting-people-to-talk-an-ethnography-interviewing-primer">Gabriel Biller, notes on his blog</a>:</p>
<blockquote><p>&hellip; we hope that this will be just the first of many videos produced by ID students to help teach others about techniques, methods, and other aspects of design through the powerful and entertaining medium of video.</p></blockquote>
<p>I won&#8217;t try and summarise the film here other than to say that it does an excellent job of demystifying ethnography and showing the benefits of getting in to the field.</p>
<p><object width="615" height="347"><param name="allowfullscreen" value="true" /><param name="allowscriptaccess" value="always" /><param name="movie" value="http://vimeo.com/moogaloop.swf?clip_id=1269848&amp;server=vimeo.com&amp;show_title=1&amp;show_byline=1&amp;show_portrait=0&amp;color=00ADEF&amp;fullscreen=1" /><embed src="http://vimeo.com/moogaloop.swf?clip_id=1269848&amp;server=vimeo.com&amp;show_title=1&amp;show_byline=1&amp;show_portrait=0&amp;color=00ADEF&amp;fullscreen=1" type="application/x-shockwave-flash" allowfullscreen="true" allowscriptaccess="always" width="601" height="339"></embed></object></p>
]]></content:encoded>
			<wfw:commentRss>http://userhappiness.com/blog/getting-people-to-talk/feed/</wfw:commentRss>
		<slash:comments>0</slash:comments>
		</item>
		<item>
		<title>New year, old technique: is Participatory Video the right tool for now?</title>
		<link>http://userhappiness.com/blog/new-year-old-technique-is-participatory-video-the-right-tool-for-now/</link>
		<comments>http://userhappiness.com/blog/new-year-old-technique-is-participatory-video-the-right-tool-for-now/#comments</comments>
		<pubDate>Sun, 16 Sep 2007 12:43:21 +0000</pubDate>
		<dc:creator>Nick</dc:creator>
				<category><![CDATA[design]]></category>
		<category><![CDATA[ideas]]></category>
		<category><![CDATA[media]]></category>
		<category><![CDATA[methods]]></category>

		<guid isPermaLink="false">http://userhappiness.com/blog/new-year-old-technique-is-participatory-video-the-right-tool-for-now/</guid>
		<description><![CDATA[Dan Saffer asks about new techniques to try in 2007. (We&#8217;re closer to 2008 now, but I started this in response to Dan&#8217;s post so I thought I ought to finish it off before we hit New Year again.) Participatory Video (PV) has been around for a long time, but with YouTube making national news [...]]]></description>
			<content:encoded><![CDATA[<p><a href="http://www.odannyboy.com/blog/new_archives/2006/12/new_interaction.html" title="New Interaction Design Techniques to Try in 2007 at Dan Saffer's Blog">Dan Saffer asks about new techniques to try in 2007</a>. (We&#8217;re closer to 2008 now, but I started this in response to Dan&#8217;s post so I thought I ought to finish it off before we hit New Year again.) Participatory Video (PV) has been around for a long time, but with YouTube making national news and video mobiles well established, a cut-down version could provide a useful addition to the toolbox of methods available to researchers and designers.</p>
<p>PV creates a story told by users in their own way about issues that matter to them. In the traditional version, participants film and share short videos. The researcher acts as a facilitator providing training to use the video equipment; a series of games to introduce specialist concepts like storyboarding; and help to identify issues for study. When done well, it presents the &#8216;inside view&#8217; in a lively way that is accessible to people at all levels. It promotes the skills of filmmaking and storytelling and delivers outcomes that can be used as tools for education. This isn&#8217;t like a <a href="http://userhappiness.com/blog/dear-digital-diary" title="An earlier Userhappiness post about traditional and digital diaries">diary study</a>, capturing things exactly as they happen when they happen. It&#8217;s about people telling a story, distilling the essence of an issue that matters to them. Remember a group project you did at school or college, then add video and you&#8217;re getting there.</p>
<p>A streamlined version could see some of the facilitation done online or <a href="http://www.usabilitynews.com/news/article1632.asp" title="Usability News article describing Bill Gaver's Cultural Probes">through pre-prepared packs</a>, with people recording clips on mobiles then exchanging and responding to them using services like <a href="http://video.google.com">Google Video</a> or <a href="http://www.viddler.com/">Viddler</a>. Imagine workers at a car production plant making a film about their day, or <a href="http://tinyurl.com/yth3sw" title="Adaptive Path's research page for the Charmr diabetes management concept">a group of diabetics sharing the story of their condition</a>.</p>
<p>If this sounds interesting, why not check out Insight UK&#8217;s fantastic &#8216;<a href="http://www.insightshare.org/training_book.html">Insights into Participatory Video: A Handbook for the Field</a>&#8216; (you can download a free PDF version of the book from their website; you just need to register a few details). It&#8217;s an excellent guide to using Participatory Video and a great example of an accessible and practitioner-focussed resource. Even if you don&#8217;t think there&#8217;s much mileage in PV I&#8217;d still suggest having a look at the handbook. It really is excellent. (I&#8217;m not in any way associated with Insight UK, I just think they&#8217;re doing good work.) And anyway, it looks like <a href="http://www.youtube.com/contest/FluFlix" title="FluFlix contest on YouTube">Participatory Video is already happening on sites like YouTube</a>. The question is whether we as designers want to embrace it.</p>
]]></content:encoded>
			<wfw:commentRss>http://userhappiness.com/blog/new-year-old-technique-is-participatory-video-the-right-tool-for-now/feed/</wfw:commentRss>
		<slash:comments>0</slash:comments>
		</item>
		<item>
		<title>Come on you reds, blues, whites</title>
		<link>http://userhappiness.com/blog/come-on-you-reds-blues-whites/</link>
		<comments>http://userhappiness.com/blog/come-on-you-reds-blues-whites/#comments</comments>
		<pubDate>Tue, 10 Jul 2007 21:31:53 +0000</pubDate>
		<dc:creator>Nick</dc:creator>
				<category><![CDATA[design]]></category>
		<category><![CDATA[miscellany]]></category>

		<guid isPermaLink="false">http://userhappiness.com/blog/141/</guid>
		<description><![CDATA[England&#8217;s recent friendly against Brazil gave me my first glimpse of the new Wembley stadium. For an architectural structure that&#8217;s created so much controversy, taken so long to build and cost so much it seems a bit, um, underwhelming.
The &#8216;triumphal&#8217; arch is impressive from a distance, but there&#8217;s no element of surprise or delight to [...]]]></description>
			<content:encoded><![CDATA[<p>England&#8217;s recent friendly against Brazil gave me my first glimpse of the new Wembley stadium. For an architectural structure that&#8217;s created so much controversy, taken so long to build and cost so much it seems a bit, um, underwhelming.</p>
<p>The &#8216;triumphal&#8217; arch is impressive from a distance, but there&#8217;s no element of surprise or delight to the stadium. No emotional connection.<br /> 
<div style="padding: 1em 0"> <img src="http://docs.google.com/File?id=ah9cszh3p2b2_154gf5v82cj"> </div>
<p> Contrast that with Munich&#8217;s Allianz Arena.
<div style="padding: 1em 0">   <img src="/g/allianz-arena-white.jpg" width="166" height="125" alt="Picture of Allianz Arena lit up white at night"><img src="/g/allianz-arena-blue.jpg" width="167 height="125" alt="Picture of Allianz Arena lit up blue at night"><img src="/g/allianz-arena-red.jpg" width="166" height="125" alt="Picture of Allianz Arena lit up blue at night"></div>
<p>The outer shell changes colour depending on which of the local teams is   playing. Red for Bayern Munich, Blue for 1860 Munich (with white for derbies and   Internationals). Amazing and guaranteed to ignite passions. Imagine being a home supporter and seeing <span style="font-weight: bold;">your</span> team&#8217;s colours enveloping <span style="font-weight: bold;">your</span> stadium. The simplest, yet most visceral connection for any football fan. Suddenly, all of the triumph seems to have disappeared from that arch.</p>
<h3 style="margin-top:2em">Update</h3>
<p>Talking to a friend who&#8217;d visited Wembley a few weeks ago it seems that the architects got some things right. He marvelled at the number of toilets (<a href="/blog/delight-is-in-the-details/">it&#8217;s always details</a>); <a href="http://www.wembleystadium.com/pressbox/presspack/factsandFigures.htm" title="Pressbox facts and figures on the official Wembley website">2,618 of them according to the official Wembley site</a>. A lesson learned from the limited facilities at the old stadium which lead to some, er, interesting workarounds from spectators. At half-time there were usually three queues of people waiting to relieve themselves: one for the cubicles, one for the urinals and one for the sinks. Still, I suppose it makes for easy access to the taps afterwards.</p>
<p style="font-size: 0.85em; color: rgb(102, 102, 102); margin-top: 1em;">Photography from <a title="The original Wembley photo on flickr" href="http://www.flickr.com/photos/sismastery/373551704/">sismastery</a>, <a title="The original white Allianz Arena photo on flickr" href="http://www.flickr.com/photos/rp72/168589194/" >rp72</a>, <a title="The original blue Allianz Arena photo on flickr" href="http://www.flickr.com/photos/gonzales2010/100464913/" >gonzales2010</a> and <a title="The original red Allianz Arena photo on flickr" href="http://www.flickr.com/photos/probek/31646934/">probek</a> on flickr.</p>
]]></content:encoded>
			<wfw:commentRss>http://userhappiness.com/blog/come-on-you-reds-blues-whites/feed/</wfw:commentRss>
		<slash:comments>1</slash:comments>
		</item>
		<item>
		<title>When what you see isn&#8217;t what you need</title>
		<link>http://userhappiness.com/blog/when-what-you-see-isnt-what-you-need/</link>
		<comments>http://userhappiness.com/blog/when-what-you-see-isnt-what-you-need/#comments</comments>
		<pubDate>Thu, 21 Jun 2007 05:51:37 +0000</pubDate>
		<dc:creator>Nick</dc:creator>
				<category><![CDATA[design]]></category>
		<category><![CDATA[usability]]></category>

		<guid isPermaLink="false">http://userhappiness.com/blog/140/</guid>
		<description><![CDATA[The paradox of interface design is that when it&#8217;s done well you shouldn&#8217;t notice it. Good interfaces seem natural because everything you want is to hand. (A principle described as what-you-see-is-what-you-need by software interface heavyweights Constantine &#38; Lockwood.) It means that you can get on with what you&#8217;re trying to do rather than worrying about [...]]]></description>
			<content:encoded><![CDATA[<p>The paradox of interface design is that when it&#8217;s done well you shouldn&#8217;t notice it. Good interfaces seem natural because everything you want is to hand. (A principle described as <span style="font-weight: bold;">what-you-see-is-what-you-need</span> by software interface heavyweights <a title="Constantine &amp; Lockwood" href="http://www.fpruse.com/">Constantine &amp; Lockwood</a>.) It means that you can get on with what you&#8217;re trying to do rather than worrying about how to do it. When you don&#8217;t see what you need breakdowns happen; flow is broken and suddenly the interface is the problem.</p>
<p> Consider this screen from Amazon&#8217;s Marketplace service. The idea is to provide feedback on your purchase to help drive their reputation system. And it works well, up to a point. The designers even remind you of the information you need to complete the task in the &#8216;Questions to consider&#8217; panel, but then don&#8217;t provide an interface to all of it! Look at the second question. It&#8217;s probably one of the most important things in any transaction: &#8216;Did the seller accurately describe the items?&#8217;. Yet, despite having this information in their database, Amazon expect you to to recall the original description from memory.</p>
<p><img style="height: 264px; width: 430px;" src="http://docs.google.com/File?id=ah9cszh3p2b2_122f4g3cj"></p>
<p>This constantly frustrates me because it makes it difficult to give <b>accurate</b> feedback; the cornerstone of any reputation system.</p>
<p>Here&#8217;s my revision. Simply adding the original description (by exposing a field in a database) gives me the information I need to properly rate the book purchase.</p>
<p><img style="height: 293px; width: 430px;" src="http://docs.google.com/File?id=ah9cszh3p2b2_123dsz8jg"></p>
<p>To know what people need in their software interfaces you have to appreciate how the software is being used; what the people using it are trying to achieve; and the information they need to get that job done. And having made the effort to understand what&#8217;s to be done you need to make sure that your application supports it.</p>
]]></content:encoded>
			<wfw:commentRss>http://userhappiness.com/blog/when-what-you-see-isnt-what-you-need/feed/</wfw:commentRss>
		<slash:comments>0</slash:comments>
		</item>
		<item>
		<title>And whilst we&#8217;re on the subject &#8230;</title>
		<link>http://userhappiness.com/blog/helvetica-film/</link>
		<comments>http://userhappiness.com/blog/helvetica-film/#comments</comments>
		<pubDate>Tue, 15 May 2007 20:34:51 +0000</pubDate>
		<dc:creator>Nick</dc:creator>
				<category><![CDATA[design]]></category>
		<category><![CDATA[media]]></category>

		<guid isPermaLink="false">http://userhappiness.com/blog/138/</guid>
		<description><![CDATA[
… what do I have to do to make sure this film is shown in Birmingham?
]]></description>
			<content:encoded><![CDATA[<p><img alt="Helvetica film poster" src="http://userhappiness.com/g/helvetica-film.gif"></p>
<p>… what do I have to do to make sure <a href="http://www.helveticafilm.com" title="Helvetica the movie">this film</a> is shown in Birmingham?</p>
]]></content:encoded>
			<wfw:commentRss>http://userhappiness.com/blog/helvetica-film/feed/</wfw:commentRss>
		<slash:comments>0</slash:comments>
		</item>
		<item>
		<title>All the fun of Helvetica Flair</title>
		<link>http://userhappiness.com/blog/all-the-fun-of-helvetica-flair/</link>
		<comments>http://userhappiness.com/blog/all-the-fun-of-helvetica-flair/#comments</comments>
		<pubDate>Fri, 11 May 2007 05:32:29 +0000</pubDate>
		<dc:creator>Nick</dc:creator>
				<category><![CDATA[design]]></category>

		<guid isPermaLink="false">http://userhappiness.com/blog/137/</guid>
		<description><![CDATA[Cool, straight-laced Swiss type (50) seeks partner for illicit liaisons and fun. GSOH essential.
 
 Glorious! But, alas, no digital version. (Now where did I put my film setter?)
See more beautiful bastardised fonts in Typographica&#8217;s fantastic interview with Phil Simmons Martin. (Oops! Thanks to Stephen for pointing out my mistake.)
]]></description>
			<content:encoded><![CDATA[<p><a href="http://www.myfonts.com/fonts/linotype/helvetica/" title="Myfonts.com Helvetica family">Cool, straight-laced Swiss type</a> (50) seeks partner for illicit liaisons and fun. GSOH essential.</p>
<p> <img alt="Helvetica Flair" src="http://userhappiness.com/g/helvetica-flair.gif" height="380" width="340"></p>
<p> <strong>Glorious!</strong> But, alas, no digital version. (Now where did I put my film setter?)</p>
<p>See more beautiful bastardised fonts in <a href="http://typographi.com/000852.php" title="Typographica interview with Phil Martin">Typographica&#8217;s fantastic interview with Phil <s>Simmons</s> Martin</a>. (Oops! Thanks to Stephen for pointing out my mistake.)</p>
]]></content:encoded>
			<wfw:commentRss>http://userhappiness.com/blog/all-the-fun-of-helvetica-flair/feed/</wfw:commentRss>
		<slash:comments>2</slash:comments>
		</item>
		<item>
		<title>The mirror crack&#8217;d</title>
		<link>http://userhappiness.com/blog/the-mirror-crackd/</link>
		<comments>http://userhappiness.com/blog/the-mirror-crackd/#comments</comments>
		<pubDate>Thu, 03 May 2007 21:28:47 +0000</pubDate>
		<dc:creator>Nick</dc:creator>
				<category><![CDATA[design]]></category>

		<guid isPermaLink="false">http://userhappiness.com/blog/136/</guid>
		<description><![CDATA[I hoped that the &#8216;mirrored everything&#8217; effect would disappear before I got a chance to write about it. It&#8217;s just such a useless &#8216;me too&#8217; fad, like drop shadow 10 years ago. Take this example from the .net framework website. It actually makes the headline more difficult to read because the letter shapes are less [...]]]></description>
			<content:encoded><![CDATA[<p>I hoped that the &#8216;mirrored everything&#8217; effect would disappear before I got a chance to write about it. It&#8217;s just such a useless &#8216;me too&#8217; fad, like drop shadow 10 years ago. Take this example from the .net framework website. It actually makes the headline more difficult to read because the letter shapes are less distinct.</p>
<p><img style="height: 53px; width: 363px;" src="http://userhappiness.com/g/wpf.gif" alt="Graphical headline example from .net framework website"></p>
<p>And what to do with those pesky descenders? (They do so tend to break the illusion.)</p>
<p><img src="http://userhappiness.com/g/scrybe.gif" height="75" width="168" alt="The scrybe logo"><br />If you want my advice, lose the reflection and stand out by being different.</p>
]]></content:encoded>
			<wfw:commentRss>http://userhappiness.com/blog/the-mirror-crackd/feed/</wfw:commentRss>
		<slash:comments>0</slash:comments>
		</item>
		<item>
		<title>Foldschool: furniture that doesn&#8217;t require the folding stuff</title>
		<link>http://userhappiness.com/blog/foldschool-furniture-that-doesnt-require-the-folding-stuff/</link>
		<comments>http://userhappiness.com/blog/foldschool-furniture-that-doesnt-require-the-folding-stuff/#comments</comments>
		<pubDate>Fri, 30 Mar 2007 08:50:00 +0000</pubDate>
		<dc:creator>Nick</dc:creator>
				<category><![CDATA[design]]></category>

		<guid isPermaLink="false">http://userhappiness.com/blog/foldschool-furniture-that-doesnt-require-the-folding-stuff/</guid>
		<description><![CDATA[ Foldschool&#8217;s child-friendly cardboard furniture appeals directly to the tightfisted, recyling, origami-loving, paper prototyper in me. (And having just moved house I&#8217;ve got an abundant supply of old boxes I can re-use.) Brilliant!
Via Coolhunting
]]></description>
			<content:encoded><![CDATA[<p><img src="http://docs.google.com/File?id=ah9cszh3p2b2_124dcwr85"  style="height: 162px; width: 160px; float: right; margin-left: 1em; clear: right" alt="Photo of completed Foldschool cardboard chair"> <a href="http://www.foldschool.com/_about/about_start/about_start.html" title="Foldschool's child-friendly cardboard furniture">Foldschool&#8217;s child-friendly cardboard furniture</a> appeals directly to the tightfisted, recyling, origami-loving, paper prototyper in me. (And having just moved house I&#8217;ve got an abundant supply of old boxes I can re-use.) Brilliant!
<div style="font-size: 0.85em; color: rgb(102, 102, 102);">Via <a href="http://www.coolhunting.com/" title="Coolhunter">Coolhunting</a></div>
]]></content:encoded>
			<wfw:commentRss>http://userhappiness.com/blog/foldschool-furniture-that-doesnt-require-the-folding-stuff/feed/</wfw:commentRss>
		<slash:comments>0</slash:comments>
		</item>
	</channel>
</rss>
