<?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>codehesive.com : interaction design, ux, data visualisation, gaming &#38; miscellany</title>
	<atom:link href="http://www.codehesive.com/index.php/feed/" rel="self" type="application/rss+xml" />
	<link>http://www.codehesive.com</link>
	<description>design + coding, data visualisation and internationalisation</description>
	<lastBuildDate>Thu, 10 May 2012 10:34:36 +0000</lastBuildDate>
	<language>en</language>
	<sy:updatePeriod>hourly</sy:updatePeriod>
	<sy:updateFrequency>1</sy:updateFrequency>
	<generator>http://wordpress.org/?v=3.1.3</generator>
		<item>
		<title>Desire paths: old habits die hard</title>
		<link>http://www.codehesive.com/index.php/archive/desire-paths-old-habits-die-hard/</link>
		<comments>http://www.codehesive.com/index.php/archive/desire-paths-old-habits-die-hard/#comments</comments>
		<pubDate>Thu, 10 May 2012 10:32:15 +0000</pubDate>
		<dc:creator>James</dc:creator>
				<category><![CDATA[Travel]]></category>

		<guid isPermaLink="false">http://www.codehesive.com/?p=929</guid>
		<description><![CDATA[I find the concept of desire paths really fascinating. Over the winter in Gordon Square in London half the park was covered in hazard tape to allow the grass trodden to death by walkers over a desire path to grow back. The tape is gone now, the path healed &#8212; but no doubt the path [...]]]></description>
			<content:encoded><![CDATA[<p>I find the concept of <a href="http://en.wikipedia.org/wiki/Desire_path">desire paths</a> really fascinating. Over the winter in <a href="http://en.wikipedia.org/wiki/Gordon_Square">Gordon Square</a> in London half the park was covered in hazard tape to allow the grass trodden to death by walkers over a desire path to grow back. The tape is gone now, the path healed &#8212; but no doubt the path will re-emerge soon enough. (In fact I only realised it had healed as I was walking over the path itself &#8212; cutting across the grass).</p>
<p>While desire paths are essentially short cuts made by users within a system, I noticed something the other day: when the system goes out of its way to create a new short cut specifically for users, often it&#8217;s hard to get users to adopt this easier option.</p>
<p>I realised this at Euston Underground station last week. From the Tube station ticket hall, there had been two escalators (one up, one down) and a stair case in the middle. The stairs were rarely used and for the past several months they had been blocked off while an escalator was put installed to replace them. </p>
<p>Heading out of the ticketing platform, the escalators are on a sharp left angle (90 degrees) from the straight walk out of the ticket barriers. Without realising I went for the first up escalator, which already had a queue forming. But then I realised the new escalator was now running right next to the original one, but with no one using it. </p>
<p><img src="http://www.codehesive.com/wp-content/uploads/2012/05/download1.jpg" alt="" title="New escalator at Euston" width="640" height="413" class="aligncenter size-full wp-image-931" /></p>
<p>Commuters had become so used to the walk straight/turn left/queue for first escalator routine virtually no one had noticed the new one.</p>
<p>Over time Euston commuters will obviously notice the new escalator. But for me the most interesting aspect of this was how they had become so preconditioned to the system they failed to see a new and better way to navigate the system.</p>
<p>Eventually no doubt the second escalator will fall into regular use &#8212; but old habits can be hard to break.</p>
]]></content:encoded>
			<wfw:commentRss>http://www.codehesive.com/index.php/archive/desire-paths-old-habits-die-hard/feed/</wfw:commentRss>
		<slash:comments>0</slash:comments>
		</item>
		<item>
		<title>Desire paths and how old habits die hard</title>
		<link>http://www.codehesive.com/index.php/archive/desire-paths-and-how-old-habits-die-hard/</link>
		<comments>http://www.codehesive.com/index.php/archive/desire-paths-and-how-old-habits-die-hard/#comments</comments>
		<pubDate>Thu, 10 May 2012 07:59:57 +0000</pubDate>
		<dc:creator>James</dc:creator>
				<category><![CDATA[  Web - General]]></category>
		<category><![CDATA[Interface design]]></category>
		<category><![CDATA[Travel]]></category>
		<category><![CDATA[Usability]]></category>
		<category><![CDATA[User Experience]]></category>

		<guid isPermaLink="false">http://www.codehesive.com/?p=933</guid>
		<description><![CDATA[I find the concept of desire paths really fascinating. Over the winter in Gordon Square in London half the park was covered in hazard tape to allow the grass trodden to death by walkers over a desire path to heal. The tape is gone now, the path healed &#8212; but no doubt the path will [...]]]></description>
			<content:encoded><![CDATA[<p>I find the concept of <a href="http://en.wikipedia.org/wiki/Desire_path">desire paths</a> really fascinating. Over the winter in <a href="http://en.wikipedia.org/wiki/Gordon_Square">Gordon Square</a> in London half the park was covered in hazard tape to allow the grass trodden to death by walkers over a desire path to heal. The tape is gone now, the path healed &#8212; but no doubt the path will re-emerge soon enough. (In fact I only realised it had healed as I was walking over the path itself &#8212; cutting across the grass).</p>
<p>While desire paths are essentially short cuts made by users within a system, I noticed something the other day: when the system goes out of its way to create a new short cut specifically for users, often it&#8217;s hard to get users to adopt this easier option.</p>
<p>For me I realised this at Euston Underground station last week. From the Tube station ticket hall, there had been two escalators (one up, one down) and a stair case in the middle. The stairs were rarely used and for the past several months they had been blocked off while an escalator was put installed to replace them. </p>
<p>Heading out of the ticketing platform, the escalators are on a sharp right angle off a straight walk. Without realising I went for the first up escalator, which already had a queue forming. But then I realised the new escalator was now running right next to the original one, but with no one using it. </p>
<p><img src="http://www.codehesive.com/wp-content/uploads/2012/05/download1.jpg" alt="" title="New escalator at Euston" width="640" height="413" class="aligncenter size-full wp-image-931" /></p>
<p>Commuters had become so used to the walk straight/turn right/queue for first escalator routine virtually no one had noticed the new one.</p>
<p>Over time Euston commuters will obviously notice the new escalator. But for me the most interesting aspect of this was how they had become so preconditioned to the system they failed to see a new and better way to navigate the system.</p>
<p>Perhaps a sign pointing to the new escalator might&#8217;ve helped? There are two solutions for new features such as this: either <em>promote it</em> or just wait (and hope) users find it. </p>
<p>Unfortunately, you can never guarantee users to find such things &#8212; so perhaps promotion of new features is always the best route.</p>
]]></content:encoded>
			<wfw:commentRss>http://www.codehesive.com/index.php/archive/desire-paths-and-how-old-habits-die-hard/feed/</wfw:commentRss>
		<slash:comments>1</slash:comments>
		</item>
		<item>
		<title>The hilariously epic failure of Orange voice recognition</title>
		<link>http://www.codehesive.com/index.php/archive/the-hilariously-epic-failure-of-orange-voice-recognition/</link>
		<comments>http://www.codehesive.com/index.php/archive/the-hilariously-epic-failure-of-orange-voice-recognition/#comments</comments>
		<pubDate>Thu, 19 Apr 2012 19:56:43 +0000</pubDate>
		<dc:creator>James</dc:creator>
				<category><![CDATA[Interface design]]></category>
		<category><![CDATA[Technology]]></category>
		<category><![CDATA[User Experience]]></category>

		<guid isPermaLink="false">http://www.codehesive.com/?p=911</guid>
		<description><![CDATA[I tried to activate a new Orange pre-paid SIM today by phone. It went a little bit like this (starting from trying to enter my flat number): Orange robot: &#8220;Please say the number of your flat&#8221; Me: &#8220;Five&#8221; Orange robot: &#8220;I&#8217;m sorry. I couldn&#8217;t understand that. Please say the number of your flat&#8221; Me: &#8220;FIVE&#8221; [...]]]></description>
			<content:encoded><![CDATA[<p><img src="http://www.codehesive.com/wp-content/uploads/2012/04/fonejacker1.jpg" alt="" title="fonejacker" width="640" height="123" class="aligncenter size-full wp-image-917" /></p>
<p>I tried to activate a new Orange pre-paid SIM today by phone. It went a little bit like this (starting from trying to enter my flat number):</p>
<p>Orange robot: &#8220;Please say the number of your flat&#8221;<br />
Me: &#8220;Five&#8221;<br />
Orange robot: &#8220;I&#8217;m sorry. I couldn&#8217;t understand that. Please say the number of your flat&#8221;<br />
Me: &#8220;FIVE&#8221;<br />
Orange robot: &#8220;Is this correct? Flat eight&#8230;&#8221;<br />
Me: &#8220;No&#8221;<br />
Orange robot: &#8220;Please say the number of your flat&#8221;<br />
Me: &#8220;Five&#8221;<br />
Orange robot: &#8220;I&#8217;m sorry. I couldn&#8217;t understand that. Please say the number of your flat&#8221;<br />
Me: &#8220;FIVE&#8221;<br />
Orange robot: &#8220;Is this correct? Flat eight&#8230;&#8221;<br />
Me: &#8220;No&#8221;<br />
Orange robot: &#8220;Please say the number of your flat&#8221;<br />
Me: &#8220;Five&#8221;<br />
Orange robot: &#8220;I&#8217;m sorry. I couldn&#8217;t understand that. Please say the number of your flat&#8221;<br />
Me: &#8220;FIVE&#8221;<br />
Orange robot: &#8220;Is this correct? Flat eight&#8230;&#8221;<br />
Me: &#8220;No&#8221;<br />
Orange robot: &#8220;I&#8217;m sorry, I&#8217;m having problems understanding you. I&#8217;ll transfer you to an operator.&#8221;<br />
&#8230;<br />
Orange robot: &#8220;Sorry, you don&#8217;t have enough credit for this operation. Calls to operators are charged at 25p per minute&#8221;</p>
<p>(Click, hang up, try again&#8230; and yet again I stumble at the same point)</p>
<p>Orange robot: &#8220;Please say the number of your flat&#8221;<br />
Me: &#8220;Fiiivvve&#8221;<br />
Orange robot: &#8220;I&#8217;m sorry. I couldn&#8217;t understand that. Please say the number of your flat&#8221;<br />
Me: &#8220;FFFIIIVVEEE&#8221;<br />
Orange robot: &#8220;Is this correct? Flat eight&#8230;&#8221;<br />
Me: &#8220;NO&#8221;</p>
<p>(Gives phone to partner, whom speaks better English than me it seems, the address is finally accepted.)</p>
<p>Orange robot: &#8220;OK, please say your last name&#8221;</p>
<p>(This concerns me. My last name is very simple &#8212; just &#8220;Offer&#8221;. Yet it&#8217;s surprising how often people get this wrong. In fact hardly ever do people get it right first off. But I reassure myself: my last name isn&#8217;t Muralitharan or anything too tongue-twisting)</p>
<p><a href="http://en.wikipedia.org/wiki/Molybdenum_hexacarbonyl"><img src="http://www.codehesive.com/wp-content/uploads/2012/04/murali.jpg" alt="" title="...Muralitharan" width="640" height="346" class="aligncenter size-full wp-image-912" /></a></p>
<p>Me: &#8220;Offer&#8221;<br />
Orange robot: &#8220;Did you say, &#8216;Awful&#8217;?&#8221;<br />
Me: (muffled hysteria)<br />
Orange robot: &#8220;I&#8217;m sorry, I couldn&#8217;t understand that. Is your last name correct?&#8221;<br />
Me: NO!<br />
Orange robot: &#8220;OK, please say your last name&#8221;<br />
Me: &#8220;OOFFEERRR&#8221;<br />
Orange robot: &#8220;Did you say, &#8216;Arthur&#8217;?&#8221;</p>
<p>(Click, hang up and give up)</p>
<p>And this is why I think voice recognition is one of the worst forms of interaction <em>ever</em> &#8212; any experience that leaves me wondering if I&#8217;m in an episode of Fonejacker is not a good one.</p>
<p><iframe style="margin:auto" width="640" height="480" src="http://www.youtube.com/embed/ZIvceqWlWls" frameborder="0" allowfullscreen></iframe> </p>
]]></content:encoded>
			<wfw:commentRss>http://www.codehesive.com/index.php/archive/the-hilariously-epic-failure-of-orange-voice-recognition/feed/</wfw:commentRss>
		<slash:comments>0</slash:comments>
		</item>
		<item>
		<title>An overview of SXSW 2012</title>
		<link>http://www.codehesive.com/index.php/archive/an-overview-of-sxsw-2012/</link>
		<comments>http://www.codehesive.com/index.php/archive/an-overview-of-sxsw-2012/#comments</comments>
		<pubDate>Sun, 15 Apr 2012 11:54:46 +0000</pubDate>
		<dc:creator>James</dc:creator>
				<category><![CDATA[  Web - General]]></category>
		<category><![CDATA[Data visualisation]]></category>
		<category><![CDATA[Interface design]]></category>
		<category><![CDATA[SXSW]]></category>
		<category><![CDATA[Travel]]></category>

		<guid isPermaLink="false">http://www.codehesive.com/?p=894</guid>
		<description><![CDATA[It&#8217;s been almost a month now since SXSW Interactive wrapped up &#8212; but it really feels like it was much longer ago. Before my memories get too blurry, now seems a great time to put together an overview of what happened at South-By this year. It was colder and wetter in Austin than London for [...]]]></description>
			<content:encoded><![CDATA[<p>It&#8217;s been almost a month now since SXSW Interactive wrapped up &#8212; but it really feels like it was much longer ago. Before my memories get too blurry, now seems a great time to put together an overview of what happened at South-By this year.</p>
<p><img src="http://www.codehesive.com/wp-content/uploads/2012/04/austin.jpg" alt="" title="Even cowboys get the blues" width="640" height="425" class="aligncenter size-full wp-image-901" /><em>It was colder and wetter in Austin than London for the first three days. Not fair in the slighest.</em></p>
<h2>Bigger</h2>
<p>First and foremost: it was busy. Bigger. Much bigger! I heard various numbers about how much larger the attendance was. Someone in my hotel said there were 7,000 extra attendees this year. Day-to-day it was hard to notice this surge &#8212; it was only during the mammoth registration queue and equally mammoth queues to get into the after session parties that this really became apparent. The parties last year were fantastic &#8212; but I didn&#8217;t go to anywhere near as many this time because of the staggering wait times. But the upside of this was just enjoying local Austin bars and food &#8212; or being studious yet boring by going back to my hotel early to write up notes and ideas from the day.</p>
<h2>&#8230;and better</h2>
<p>Generally, as well as bigger, it was definitely better. The quality of the talks and panels this year were fantastic. Last year was great, but this year was greater. (Or I just chose better this year!)</p>
<h2>Data is still a hot topic</h2>
<p>The amount of presentations about data (and visualisation) were telling of what the SXSW organisers are thinking: that this is still a very important and topical subject. But a look at the titles of these presentations is also telling: sex sells. And so does putting <a href="https://www.google.com/search?client=ubuntu&#038;channel=fs&#038;q=data+visualisation+site%3Aswsw.com&#038;ie=utf-8&#038;oe=utf-8#hl=en&#038;client=ubuntu&#038;channel=fs&#038;sclient=psy-ab&#038;q=data+sexy+site:schedule.sxsw.com&#038;oq=data+sexy+site:schedule.sxsw.com&#038;aq=f&#038;aqi=&#038;aql=&#038;gs_l=serp.3...2339l2339l1l2505l1l1l0l0l0l0l67l67l1l1l0.frgbld.&#038;pbx=1&#038;bav=on.2,or.r_gc.r_pw.r_cp.r_qf.,cf.osb&#038;fp=87c6230bd8e448f1&#038;biw=1280&#038;bih=699">&#8216;sexy&#8217; and &#8216;data&#8217; together</a> in your panel idea. Sexy dirty data. Sexy data for public transit systems. Data is sexier than sex. Data is a sex machine &#8212; it honestly makes me wonder why the organisers didn&#8217;t create a special venue called the Data Bordello or something similarly flippant. If anything, the presence of &#8216;sexy&#8217; in so many talks about data viz makes it clear that interest in the topic has definitely moved into the mainstream. </p>
<p>But what concerns me is the future of this mainstream interest in data viz: will it be more <a href="http://www.ted.com/talks/hans_rosling_shows_the_best_stats_you_ve_ever_seen.html">Hans Rosling</a> or more <a href="http://mashable.com/follow/topics/mashable-infographics">chart junk saturation</a> that is already dominating the web with 3mb high-res graphics with little or no value?</p>
<h2>Science and design</h2>
<p>While data visualisation wasn&#8217;t mentioned in <a href="https://twitter.com/#!/benmcallister">Ben McAllister</a>, many of the points he raised are very relevant. Specifically Ben discussed what he calls “scientism” – what feels like science, but it isn&#8217;t the real thing. We&#8217;re all both guilty of this and also victims of scientism in day-to-day life: making arguments (or fighting other arguments) by using pseudo-scientific reasoning. We&#8217;ve all done it: avoided something a client or stakeholder wants by saying &#8216;research&#8217; or &#8216;testing&#8217; showed it was &#8216;a bad idea&#8217;. Basically, so much of what we do in design is formed by pseudo-scientific method. User testing can be highly scientific and can be very insightful: but it&#8217;s also incredibly easy to skew results and taint the users being tested with what we actually want to hear. Ben has a great article on the topic on <a href="http://www.theatlantic.com/business/archive/2011/05/the-science-of-good-design-a-dangerous-idea/238750/">The Atlantic</a> &#8212; definitely worth reading.</p>
<h2>Interaction design as brand interaction</h2>
<p>Another theme at SXSW was the idea of how interaction design is ultimately brand design. It cropped up in a few talks I saw, but specifically <a href="http://threepress.com/">Marc Shillum</a> really went into this at the panel he chaired entitled &#8216;<a href="http://schedule.sxsw.com/2012/events/event_IAP13483">Brands as Patterns</a>&#8216;. I&#8217;m still getting my head around the finer points, but I think it&#8217;s a very interesting concept &#8212; you can read more at the <a href="http://10x10.method.com/">Method 10&#215;10</a> site.</p>
<p>For example, something that occurred to me after the session: the <a href="http://ryanair.com">Ryanair</a> website is often criticized for its poor usability, poor design and shady-bordering-on-dark usability patterns. But thinking about Ryanair&#8217;s general brand, the interaction experienced on the website is an absolutely faithful interaction with Ryanair&#8217;s brand. The airline that wants to <a href="http://www.thisismoney.co.uk/money/holidays/article-1692100/Now-Ryanair-to-charge-1-to-use-the-toilet.html">charge you a pound to use the toilet</a> is of course going to hide &#8216;fees&#8217; and &#8216;extras&#8217; until the very end of the booking process.</p>
<h2>Touch on the web</h2>
<p><a href="http://globalmoxie.com/index.shtml">Josh Clark</a> presented a brilliant talk on designing touch interfaces in <a href="http://panelpicker.sxsw.com/ideas/view/10988">Teaching Touch: Tapworthy Touchscreen Design</a>. As someone who does most their work in a browser, Josh pointed out a very large elephant in the room: our standard interaction toolkits on the web are appalling behind their native mobile and tablet cousins. Even getting simple swipes working with jQuery is buggy at best &#8212; nevermind pinch, zoom and multi-finger gestures. How long before we can natively make use of these new touch gestures in the browser? It might be quite a while.</p>
<h2>Sports and fandom in the digital world</h2>
<p>I managed to catch some great presentations about how sport and fandom is changing in the face of social media and new technology. Not only was it a great mix of different sports and presenters from different countries, it was also very thought provoking. <a href="http://mashable.com/2011/08/23/ticketmaster-seat-maps-facebook/">Ticketmaster now lets you find your Facebook friends at events</a> so you can sit near them. This is just scratching the surface of how technology and social networks will change the sporting experience &#8212; and there are some very exciting opportunities here.</p>
<h2>Free food</h2>
<p>And most importantly, the best free food? Definitely the <a href="http://schedule.sxsw.com/2012/events/event_OE01079">Turner Recharge Lounge</a>, who served up incredible jalapeño chorizo and jalapeño gravy to boot. Absolutely delicious. </p>
<p><img src="http://www.codehesive.com/wp-content/uploads/2012/04/jalapeno.jpg" alt="" title="Jalapeño chorizo... oh boy" width="600" height="501" class="aligncenter size-full wp-image-903" /></p>
<p>Now, how am I going to get to SXSW 2013&#8230;</p>
]]></content:encoded>
			<wfw:commentRss>http://www.codehesive.com/index.php/archive/an-overview-of-sxsw-2012/feed/</wfw:commentRss>
		<slash:comments>0</slash:comments>
		</item>
		<item>
		<title>Why Draw Something is great practice for UX and Interaction Design</title>
		<link>http://www.codehesive.com/index.php/archive/why-draw-something-is-great-practice-for-ux-and-interaction-design/</link>
		<comments>http://www.codehesive.com/index.php/archive/why-draw-something-is-great-practice-for-ux-and-interaction-design/#comments</comments>
		<pubDate>Tue, 10 Apr 2012 18:31:57 +0000</pubDate>
		<dc:creator>James</dc:creator>
				<category><![CDATA[Gaming]]></category>
		<category><![CDATA[Interface design]]></category>
		<category><![CDATA[User Experience]]></category>

		<guid isPermaLink="false">http://www.codehesive.com/?p=861</guid>
		<description><![CDATA[Draw Something is great. I&#8217;m addicted to it, and it&#8217;s probably the best game I&#8217;ve ever been addicted too. Why? What Travolta movie can I draw the best, and what one would Ben be most likely to get? I went with Pulp Fiction &#8212; and he got it. Although I&#8217;m a bit concerned Samuel L. [...]]]></description>
			<content:encoded><![CDATA[<p><a href="https://www.facebook.com/playdrawsomething">Draw Something</a> is great. I&#8217;m addicted to it, and it&#8217;s probably the best game I&#8217;ve ever been addicted too. Why?</p>
<p><img src="http://www.codehesive.com/wp-content/uploads/2012/04/SC20120411-181329.png" alt="" title="Draw Something: Pulp Fiction" width="480" height="800" class="aligncenter size-full wp-image-888" /><em>What Travolta movie can I draw the best, and what one would <a href="http://pirateking74.tumblr.com/">Ben</a> be most likely to get? I went with Pulp Fiction &#8212; and he got it. Although I&#8217;m a bit concerned Samuel L. Jackson looks a little more like Richard Ayoade from The IT Crowd&#8230;</em><br />
</p>
<ol>
<li>It gets you thinking about your users &#8212; i.e., your drawings are based on what you know about your co-player. Drawing <a href="http://en.wikipedia.org/wiki/The_Elder_Scrolls_V:_Skyrim">Skyrim</a> would be great fun for my partner &#8212; I could draw scenes from the game I know she would recognize. However it wouldn&#8217;t work for other friends who don&#8217;t play games. But that&#8217;s the beauty of Draw Something &#8212; you have three usually diverse drawing subjects to choose from. Even drawing something as simple as &#8216;Russia&#8217; or a band would depend on who you&#8217;re drawing it for.</li>
<li>Watching someone guess your drawing is not so different from watching user testing. As they fumble around with letters (or do nothing with letters, showing they&#8217;re absolutely stumped) you get great feedback on your artistic rendition of a particular subject. It really hones your design and interpretation skills.</li>
<li>It encourages humour. Watching stroke by stroke a drawing come together let&#8217;s you have a lot of fun with drawings. I have a handful of friends who take painstaking detail in creating over-the-top scenes of simple words. But you don&#8217;t have to spend 15 minutes creating a drawing: in five seconds you can do just a good job and humorous takes on words really add to the fun.</li>
</ol>
<p>I think the last point is perhaps the most important here. The fun of interaction can so often be overlooked in favour of dry and rigid interactions that must be proven to be 100% effective. And this is why Draw Something is so fantastic: as it encourages interaction through play &#8212; and fun.</p>
<p>PS: Fancy a game? My username is joffley!</p>
]]></content:encoded>
			<wfw:commentRss>http://www.codehesive.com/index.php/archive/why-draw-something-is-great-practice-for-ux-and-interaction-design/feed/</wfw:commentRss>
		<slash:comments>0</slash:comments>
		</item>
		<item>
		<title>Dinosaurs, latin and iconography</title>
		<link>http://www.codehesive.com/index.php/archive/dinosaurs-latin-and-iconography/</link>
		<comments>http://www.codehesive.com/index.php/archive/dinosaurs-latin-and-iconography/#comments</comments>
		<pubDate>Mon, 27 Feb 2012 21:55:00 +0000</pubDate>
		<dc:creator>James</dc:creator>
				<category><![CDATA[   Web Design + Development]]></category>
		<category><![CDATA[  Web - General]]></category>
		<category><![CDATA[Interface design]]></category>
		<category><![CDATA[Usability]]></category>
		<category><![CDATA[User Experience]]></category>

		<guid isPermaLink="false">http://www.codehesive.com/?p=821</guid>
		<description><![CDATA[Earlier this year I went to the Design of Understanding conference at the St Bride library in London. Organiser Max Gadney compiled an fascinating and eclectic list of speakers for the day; and while all the talks were great, for me paleoartist Luis Rey was the real highlight. Not only because of his amazing art [...]]]></description>
			<content:encoded><![CDATA[<p>Earlier this year I went to the <a href="http://www.thedesignofunderstanding.com/">Design of Understanding</a> conference at the <a href="http://www.stbride.org/">St Bride</a> library in London. Organiser <a href="http://www.maxgadney.com/">Max Gadney</a> compiled an fascinating and eclectic list of speakers for the day; and while all the talks were great, for me paleoartist <a href="http://www.luisrey.ndtilda.co.uk/">Luis Rey</a> was the real highlight. Not only because of his amazing art and sense of humour, but also the way he described how for a long time his vibrant artwork was shunned by the scientific community. His philosophy to recreating dinosaurs in art is that with only bones, how could anyone really have any idea what colours or textures made up dinosaurs in real life? </p>
<p><img src="http://www.codehesive.com/wp-content/uploads/2012/02/rey01.jpg" alt="" title="Chirostenotes by Luis Rey" width="640" height="477" class="aligncenter size-full wp-image-829" /><em>Chirostenotes (Copyright Luis Rey)</em></p>
<p>However, with the <a href="http://www.luisrey.ndtilda.co.uk/html/sinos256.htm">discovery of feathers on a dinosaur in China in the 1990s</a>, suddenly Luis Rey&#8217;s artwork seemed perhaps not as fantastic as originally thought. He is now one of the foremost and well-respected paleoartists &#8212; working with many leading palaeontologists on the amazing <a href="http://www.amazon.co.uk/gp/product/0375824197/ref=as_li_ss_tl?ie=UTF8&#038;tag=codehesive-21&#038;linkCode=as2&#038;camp=1634&#038;creative=19450&#038;creativeASIN=0375824197">Dinosaurs: The Most Complete, Up-to-Date Encyclopedia for Dinosaur Lovers of All Ages</a>.</p>
<p>During the talk Luis spoke of how the Tyrannosaurus rex has &#8212; and still is &#8212; often very inaccurately potrayed.</p>
<p><img src="http://www.codehesive.com/wp-content/uploads/2012/02/trex.jpg" alt="" title="Tyrannosaurus rex" width="640" height="366" class="aligncenter size-full wp-image-830" /><em>First ever published reconstruction of a Tyrannosaurus rex</em></p>
<p>The classic image of a Tyrannosaurus rex is that of a lumbering predator with a bipedal posture. But how could the Tyrannosaurus rex possibly catch anything with a stance like this? Scientific theory has changed its view of the Tyrannosaurus rex dramatically over the years &#8212; and now sees the infamous dinosaur as standing  parallel to the ground with its tail extending behind.</p>
<p><img src="http://www.codehesive.com/wp-content/uploads/2012/02/trex3.jpg" alt="" title="Tyrannosaurus rex" width="640" height="411" class="aligncenter size-full wp-image-832" /><em>How the Tyrannosaurus rex&#8217;s posture is now seen by science</em></p>
<p>While science&#8217;s understanding of the Tyrannosaurus rex has changed, that classic image of Tyrannosaurus rex walking on two feet is still very strong in everyone&#8217;s minds. If we were playing a game such as Pictionary and you had to draw a Tyrannosaurus rex, would you not at least consider drawing the &#8216;traditional&#8217; view of the Tyrannosaurus rex in the hope that your partner may guess it faster &#8212; spurning science for the sake of victory?</p>
<p>I <em>definitely</em> would &#8212; even though I&#8217;d feel like I&#8217;d betrayed science just a little bit.</p>
<p>During Rey&#8217;s talk I realised that no matter how inaccurate a perception of something is, the most common perception is still the most powerful.</p>
<p>Looking at icon design, it&#8217;s this very fact that explains why in this world of rapidly emerging technology we still live with some incredibly out-dated yet universally understood icons.</p>
<p>My favourite day-to-day icon  &#8212; mostly a British thing I suspect &#8212; is the symbol for speed camera:</p>
<p><img src="http://www.codehesive.com/wp-content/uploads/2012/02/speedcamera.png" alt="" title="Speed camera" width="400" height="337" class="aligncenter size-full wp-image-835" /></p>
<p>When was the last time anyone saw a <a href="http://en.wikipedia.org/wiki/Daguerreotype">daguerreotype-style</a> camera like this? Or the last time your parents or even grandparents saw a camera like this?</p>
<p>Yet the old-style camera icon still remains strong &#8212; through the ubiquity of appearing on every major roadway in the UK. Shown in isolation and it would probably confuse people at first. But amongst red, amber and green lights and other traffic-related furniture it is immediately recognisable. </p>
<p>The <a href="http://www.bbc.co.uk/gel/web/building-blocks/iconography/icons">BBC Global Experience Language</a> was only launched a few years ago but it also contains many strong images of old and almost extinct technology. Old wind-up clocks for alarms, cogs for settings in devices that are wholly electronic &#8212; and of course let&#8217;s not forget another classic time traveller in the icon world: the floppy disk for save.</p>
<p><img src="http://www.codehesive.com/wp-content/uploads/2012/02/save_icon.png" alt="" title="Save icon" width="464" height="474" class="aligncenter size-full wp-image-836" /><em>The old faithful &#8216;save&#8217; icon: the 1.44mb floppy disk</em></p>
<p>The wonderful video below shows some French children being shown an array of old technology. Their reactions are fascinating &#8212; especially around 44 seconds in when they are presented with floppy disks.</p>
<p><object width="640" height="480"><param name="movie" value="http://www.youtube.com/v/gdSHeKfZG7c?version=3&amp;hl=en_GB"></param><param name="allowFullScreen" value="true"></param><param name="allowscriptaccess" value="always"></param><embed src="http://www.youtube.com/v/gdSHeKfZG7c?version=3&amp;hl=en_GB" type="application/x-shockwave-flash" width="640" height="480" allowscriptaccess="always" allowfullscreen="true"></embed></object></p>
<p>Yet children learn so quickly I&#8217;m sure in the context of a computer desktop they would be able to &#8216;save&#8217; something by using the save icon with a floppy disk. They know it in the context of a computer desktop, just not in a real world manifestation. </p>
<p>Just like Latin is used in scientific circles as a &#8216;dead language&#8217; that won&#8217;t change, I wonder if one reason these anachronistic icons survive is not dissimilar.</p>
<p>The floppy disk is not going to change any time soon because it&#8217;s dead. However, think about the storage devices that have preceded it. <a href="http://en.wikipedia.org/wiki/Zip_drive">Zip drives</a> (100mb &#8212; wow those were the days), CD-Rs, portable hard drives, USB thumb drives&#8230; and now we head into the world of cloud storage. Updating a save icon to reflect current technology would not only require constant iteration but it would also dilute the power of the iconography and convention that has already been established with the old floppy disk.</p>
<p>Whether it&#8217;s dinosaurs, speed cameras or floppy disks there&#8217;s no doubt that there are far more appropriate ways to symbolise these as icons. But for better or worse, the most powerful icon is the one that resonates most widely: whether it&#8217;s the terribly inaccurate Victorian view of how a Tyrannosaurus rex looked and stood or the use of an obsolete form of storage that most kids today have never seen &#8212; and probably will never see.</p>
]]></content:encoded>
			<wfw:commentRss>http://www.codehesive.com/index.php/archive/dinosaurs-latin-and-iconography/feed/</wfw:commentRss>
		<slash:comments>0</slash:comments>
		</item>
		<item>
		<title>PHP, MySQL and Unicode: correctly display all characters?</title>
		<link>http://www.codehesive.com/index.php/archive/php-mysql-and-unicode-correctly-display-all-characters/</link>
		<comments>http://www.codehesive.com/index.php/archive/php-mysql-and-unicode-correctly-display-all-characters/#comments</comments>
		<pubDate>Tue, 31 Jan 2012 13:09:46 +0000</pubDate>
		<dc:creator>James</dc:creator>
				<category><![CDATA[   Web Design + Development]]></category>
		<category><![CDATA[  Web - General]]></category>
		<category><![CDATA[Localisation]]></category>
		<category><![CDATA[mysql]]></category>
		<category><![CDATA[php]]></category>

		<guid isPermaLink="false">http://www.codehesive.com/?p=807</guid>
		<description><![CDATA[This is a post born from spending hours trying to squash bugs and zap gremlins. In an attempt to streamline content re-versioning in different languages, I had created a work flow that went like this: Create Google spreadsheet for easy collaborative editing Pull down a Microsoft Excel version of the Google spreadsheet (alas, not CSV [...]]]></description>
			<content:encoded><![CDATA[<p><img src="http://www.codehesive.com/wp-content/uploads/2012/01/5045051604_d4dfa6e033_z.jpg" alt="" title="Bulgarian street" width="640" height="414" class="aligncenter size-full wp-image-808" /></p>
<p>This is a post born from spending hours trying to squash bugs and zap gremlins.</p>
<p>In an attempt to streamline content re-versioning in different languages, I had created a work flow that went like this:</p>
<ol>
<li>Create Google spreadsheet for easy collaborative editing</li>
<li>Pull down a Microsoft Excel version of the Google spreadsheet (alas, not CSV as the Google-generated CSV wasn&#8217;t playing ball with MySQL)</li>
<li>Import this into MySQL</li>
<li>Generate static HTML with translations inserted where appropriate for each language</li>
</ol>
<p>The process was fine, but somewhere within all these steps something was going awry. Latin characters with accents weren&#8217;t showing up properly and apostrophes were rendering in all different ways &#8212; �, `â, ? &#8212; anything except what I needed. Furthermore, Cyrillic, Chinese and Arabic weren&#8217;t even displaying at all.</p>
<p>I tried many things in PHP &#8212; <code><a href="http://php.net/manual/en/function.preg-replace.php">preg_replace</a></code>, <code><a href="http://php.net/manual/en/function.utf8-encode.php">utf8_encode</a></code>, <code><a href="http://php.net/manual/en/function.mb-convert-encoding.php">mb_convert_encoding</a></code>, <code><a href="http://php.net/manual/fr/function.htmlentities.php"></a></code> and even <code><a href="http://www.php.net/manual/en/function.iconv.php">iconv</a></code> &#8212; but all to no avail.</p>
<p>Finally, I spotted a snippet on the <a href="http://dev.mysql.com/doc/refman/5.0/en/charset-unicode.html">MySQL</a> site from 2006, written by Lorenz Pressler:</p>
<blockquote><p>
after mysql_connect() , and mysql_select_db() add this lines:<br />
mysql_query(&#8220;SET NAMES utf8&#8243;);
</p></blockquote>
<p>&#8230;and that was all I needed. In fact I didn&#8217;t even need to convert anything into UTF-8 in PHP. Once MySQL was outputting UTF-8 correctly, everything was fine. The database was encoded in UTF-8, so I assumed too much in thinking that meant it would automatically output it in that way.</p>
<p>So, if ever you have problems with MySQL and UTF characters not displaying, try <code>SET NAMES</code> and hopefully that&#8217;l fix the issue.</p>
]]></content:encoded>
			<wfw:commentRss>http://www.codehesive.com/index.php/archive/php-mysql-and-unicode-correctly-display-all-characters/feed/</wfw:commentRss>
		<slash:comments>0</slash:comments>
		</item>
		<item>
		<title>Apple, iOS and how screenshots help build experiences</title>
		<link>http://www.codehesive.com/index.php/archive/apple-ios-and-how-screenshots-help-build-experiences/</link>
		<comments>http://www.codehesive.com/index.php/archive/apple-ios-and-how-screenshots-help-build-experiences/#comments</comments>
		<pubDate>Mon, 28 Nov 2011 21:45:08 +0000</pubDate>
		<dc:creator>James</dc:creator>
				<category><![CDATA[Android]]></category>
		<category><![CDATA[Apple]]></category>
		<category><![CDATA[Gaming]]></category>
		<category><![CDATA[Google]]></category>
		<category><![CDATA[Microsoft]]></category>
		<category><![CDATA[Mobile]]></category>
		<category><![CDATA[Social media]]></category>
		<category><![CDATA[Steam]]></category>
		<category><![CDATA[User Experience]]></category>

		<guid isPermaLink="false">http://www.codehesive.com/?p=756</guid>
		<description><![CDATA[I&#8217;m an Android user. My HTC Hero is looking a bit worse for wear these days and I&#8217;ll probably upgrade it soon. The iPhone is a great phone and all, but rarely do I feel Apple envy: except for when I was try to take screenshots on my Android for a previous blog post. In [...]]]></description>
			<content:encoded><![CDATA[<p>I&#8217;m an Android user. My HTC Hero is looking a bit worse for wear these days and I&#8217;ll probably upgrade it soon. The iPhone is a great phone and all, but rarely do I feel Apple envy: except for when I was try to take screenshots on my Android for a <a href="http://www.codehesive.com/index.php/archive/what-taylor-swift-and-kanye-west-can-tell-us-about-mobile-user-experience/">previous blog post</a>. In fact, I resurrected my old iPod touch from the depths of my &#8216;gadget box&#8217;  &#8212; and it performed the task splendidly.</p>
<p>Apart from this being inconvenient, it struck me that being able to take screenshots &#8212; and more importantly <em>sharing them</em> &#8212; really adds a lot to the experience of a device. </p>
<p><a href="http://damnyouautocorrect.com/">Damn You Autocorrect!</a> is a perfect example of this: people collecting examples of the iPhone&#8217;s quirky autocorrect and sharing them.</p>
<p>On Facebook many of my friends share screenshots. I often do as well when I see something worth sharing. For instance, last week I saw this bizarre image on the Malaysian Airways website and put it up on Facebook:</p>
<p><a href="http://temptations.malaysiaairlines.com/"><img src="http://www.codehesive.com/wp-content/uploads/2011/11/iphone_malaysian1-e1322509879547.jpeg" alt="" title="&quot;Malaysian Airlines" width="640" height="385" class="alignright size-full wp-image-763" /></a><em>Oh, men! Yes we&#8217;re so trying, but you women still love us!</em><br />
</p>
<p>Had I not been on my desktop, I would not have been able to share this given the capabilities of my Android phone.<br />
<span id="more-756"></span><br />
But many friends with iPhones do post screenshots from their phones.</p>
<p>One friend, <a href="http://twitter.com/bendog">@bendog</a>, was recently listening to &#8216;Common People&#8217; by Pulp. He wanted to make a comment on Facebook about the song, so he took a screenshot on his iPhone and uploaded it to Facebook:<br />
<a href="http://www.codehesive.com/wp-content/uploads/2011/11/iphone_pulp.jpeg"><img src="http://www.codehesive.com/wp-content/uploads/2011/11/iphone_pulp.jpeg" alt="" title="Common People" width="240" height="360" class="aligncenter size-full wp-image-760" /></a></p>
<p>
Another friend, <a href="http://twitter.com/Louiseontwitr">@Louiseontwitr</a>, was looking for a Google Shopping app. But a funny thing happened: iTunes took her straightforward and innocent search and suggested something fairly inappropriate. So she took a screenshot on her iPhone and uploaded it to Facebook:<br />
<a href="http://www.codehesive.com/wp-content/uploads/2011/11/iphone_doodle.jpeg"><img src="http://www.codehesive.com/wp-content/uploads/2011/11/iphone_doodle.jpeg" alt="" title="Doodle Chopper" width="240" height="360" class="aligncenter size-full wp-image-765" /></a><br />
<br />
And I&#8217;ve seen plenty of weather-related screenshots from friends in London with iPhones (this one in particular from <a href="http://twitter.com/indeox">@indeox</a>):<br />
<a href="http://www.codehesive.com/wp-content/uploads/2011/11/iphone_weather.jpg"><img src="http://www.codehesive.com/wp-content/uploads/2011/11/iphone_weather.jpg" alt="" title="Wow, nice weather in London" width="240" height="360" class="aligncenter size-full wp-image-772" /></a></p>
<p>On iOS, screenshots are a piece of cake.</p>
<p>Apparently newer versions of Android make <a href="http://phandroid.com/2011/03/01/android-2-3-3-makes-screen-shots-a-root-free-affair/">taking screenshots possible</a>: but for other users of older Android devices the only way to take a screenshot is by rooting the phone or <a href="http://www.addictivetips.com/mobile/how-to-take-screenshots-of-android-device/">following this ridiculous process</a>.</p>
<p>iPads too can take screenshots &#8212; but how about Android tablets? It&#8217;s not much better. And how about the iPad&#8217;s latest competitor, Amazon&#8217;s <a href="http://www.amazon.com/Kindle-Fire-Amazon-Tablet/dp/B0051VVOB2">Kindle Fire</a>? Well you can just follow <a href="http://www.pigsgourdsandwikis.com/2011/11/taking-screenshots-with-kindle-fire.html">these 21 simple steps</a>. Yes, TWENTY ONE. On iOS? Hold the power button and sleep buttons. Done.</p>
<p>Android users could snigger at iPhone users for a while when they didn&#8217;t have copy and paste: but to me the screenshot ability is just as essential to any piece of hardware.</p>
<p>Just like a camera captures your experience in the real world, a screenshot does the same for any digital experience.</p>
<p>This problem is just as bad on game consoles. I&#8217;ve long played games on PCs, but have only just recently switched to the Playstation 3. One huge thing I miss is the ability to take screenshots. </p>
<p><a href="http://www.codehesive.com/wp-content/uploads/2011/11/iphone_bf2.jpg"><img src="http://www.codehesive.com/wp-content/uploads/2011/11/iphone_bf2.jpg" alt="" title="Battlefield 2" width="640" height="480" class="aligncenter size-full wp-image-782" /></a><em>For me, killing two people in Battlefield 2 at once was worth a screenshot, even if I died seconds afterwards</em></p>
<p></p>
<p><a href="http://store.steampowered.com/news/5047/">Steam</a> understands how important screenshots are to sharing experiences. So much so they give all users 1GB of free cloud storage purely for storage and sharing of screenshots. (And beyond just screenshots, video capture for gaming is another great way to share game experiences).</p>
<p><a href="http://www.codehesive.com/wp-content/uploads/2011/11/iphone_steam.jpg"><img src="http://www.codehesive.com/wp-content/uploads/2011/11/iphone_steam.jpg" alt="" title="Steam" width="640" height="435" class="aligncenter size-full wp-image-784" /></a></p>
<p>Newer Android phones such as the <a href="http://cshared.com/how-to-take-screen-shot-on-galaxy-s2/">Galaxy S2</a> can take screenshots: hopefully all new Android models will soon follow suit. But there are so many other phones and consoles that just lack this functionality: Windows 7 mobiles, Blackberries, Sony PSP and PS3, Xbox 360, Nintendo 3DS and Wii. On some its possible, but not without connecting it to a PC in some way.</p>
<p>App and games publishers should be livid at these platforms not having this feature. Sharing screenshots is sharing your experience of a piece of hardware and/or software. It&#8217;s a critical feature that Apple nailed long ago.</p>
<p>Furthermore, it&#8217;s brand exposure: everyone knows the unique chrome of the iOS because iPhone users so often share screenshots from their phone. Android, Blackberry, webOS, Windows Mobile&#8230; sure you&#8217;ve seen these phones, but you&#8217;ve never seen screenshots shared around. However your knowledge of the aesthetics of iOS is no doubt far greater than any other one of these in part of the simple fact you can share screenshots from Apple devices. </p>
<p>My next phone &#8212; Apple, HTC, Samsung or other &#8212; will definitely have to have this feature. But until then, at least I can rely on my old trusty iPod.</p>
]]></content:encoded>
			<wfw:commentRss>http://www.codehesive.com/index.php/archive/apple-ios-and-how-screenshots-help-build-experiences/feed/</wfw:commentRss>
		<slash:comments>0</slash:comments>
		</item>
		<item>
		<title>Eurostar: a bit of irony and some great customer service</title>
		<link>http://www.codehesive.com/index.php/archive/eurostar-a-bit-of-irony-and-some-great-customer-service/</link>
		<comments>http://www.codehesive.com/index.php/archive/eurostar-a-bit-of-irony-and-some-great-customer-service/#comments</comments>
		<pubDate>Sat, 26 Nov 2011 12:32:43 +0000</pubDate>
		<dc:creator>James</dc:creator>
				<category><![CDATA[   Web Design + Development]]></category>
		<category><![CDATA[  Web - General]]></category>
		<category><![CDATA[Flash]]></category>
		<category><![CDATA[Social media]]></category>
		<category><![CDATA[Travel]]></category>
		<category><![CDATA[Twitter]]></category>
		<category><![CDATA[Usability]]></category>
		<category><![CDATA[User Experience]]></category>

		<guid isPermaLink="false">http://www.codehesive.com/?p=745</guid>
		<description><![CDATA[Looking into booking Eurostar tickets for next year and I encountered this: The old chestnut of Flash banners overlaying any object on the page. But the irony here is that the Flash banner is advertising Eurostar&#8217;s flash sale. Oops. Actually, I choose to blame UKBA &#8212; if it wasn&#8217;t for the strike next week, the [...]]]></description>
			<content:encoded><![CDATA[<p>Looking into booking <a href="http://eurostar.com">Eurostar</a> tickets for next year and I encountered this:</p>
<p><img src="http://www.codehesive.com/wp-content/uploads/2011/11/eurostar1.png" alt="" title="eurostar" width="640" height="420" class="aligncenter size-full wp-image-753" /></p>
<p>The old chestnut of Flash banners overlaying any object on the page. But the irony here is that the Flash banner is advertising Eurostar&#8217;s flash sale. Oops.</p>
<p>Actually, I choose to blame <a href="http://www.ukba.homeoffice.gov.uk/">UKBA</a> &#8212;  if it wasn&#8217;t for the strike next week, the info box here wouldn&#8217;t be pushing the banner down.</p>
<p>But kudos to Eurostar&#8230;</p>
<p><a href="https://twitter.com/#!/joffley/status/140394275077754880"><img src="http://www.codehesive.com/wp-content/uploads/2011/11/twitter_euro11.png" alt="" title="Twitter conversation with Eurostar" width="641" height="414" class="aligncenter size-full wp-image-749" /></a></p>
<p>Stellar social media service!</p>
]]></content:encoded>
			<wfw:commentRss>http://www.codehesive.com/index.php/archive/eurostar-a-bit-of-irony-and-some-great-customer-service/feed/</wfw:commentRss>
		<slash:comments>0</slash:comments>
		</item>
		<item>
		<title>What Taylor Swift and Kanye West can tell us about mobile user experience</title>
		<link>http://www.codehesive.com/index.php/archive/what-taylor-swift-and-kanye-west-can-tell-us-about-mobile-user-experience/</link>
		<comments>http://www.codehesive.com/index.php/archive/what-taylor-swift-and-kanye-west-can-tell-us-about-mobile-user-experience/#comments</comments>
		<pubDate>Tue, 22 Nov 2011 22:26:11 +0000</pubDate>
		<dc:creator>James</dc:creator>
				<category><![CDATA[   Web Design + Development]]></category>
		<category><![CDATA[  Web - General]]></category>
		<category><![CDATA[Amazon]]></category>
		<category><![CDATA[Interface design]]></category>
		<category><![CDATA[Mobile]]></category>
		<category><![CDATA[User Experience]]></category>

		<guid isPermaLink="false">http://www.codehesive.com/?p=703</guid>
		<description><![CDATA[How often have you opened a link on your mobile and been prompted to download a mobile app? It first happened to me on the IMDb. I remember my reaction &#8212; &#8220;yeah, IMDb app, great idea &#8212; I&#8217;ll use that all the time!&#8221;. I downloaded it and then I never used it again. But this [...]]]></description>
			<content:encoded><![CDATA[<p>How often have you opened a link on your mobile and been prompted to download a mobile app?</p>
<p><a href="http://www.codehesive.com/wp-content/uploads/2011/11/015.jpg"><img src="http://www.codehesive.com/wp-content/uploads/2011/11/015.jpg" alt="ABC News" title="ABC News" width="600" height="400" class="aligncenter size-full wp-image-705" /></a></p>
<p>It first happened to me on the <a href="http://www.imdb.com">IMDb</a>. I remember my reaction &#8212; &#8220;yeah, IMDb app, great idea &#8212; I&#8217;ll use that all the time!&#8221;. I downloaded it and then I never used it again.</p>
<p>But this post isn&#8217;t about how pointless website apps can be if you have a perfectly good mobile website (<a href="http://www.alistapart.com/articles/responsive-web-design/">Responsive design, anyone?</a>)</p>
<p>Actually, it&#8217;s about a Kanye West-style attitude towards user experience on mobile websites.</p>
<p><span id="more-703"></span></p>
<p>Remember the 2009 MTV awards when <a href="http://www.youtube.com/watch?v=1z8gCZ7zpsQ&#038;t=0m45s">Kanye West grabbed the microphone off Taylor Swift</a>?</p>
<p><a href="http://www.codehesive.com/wp-content/uploads/2011/11/kanye.jpg"><img src="http://www.codehesive.com/wp-content/uploads/2011/11/kanye.jpg" alt="Kanye West UX" title="Kanye West UX" width="600" height="465" class="aligncenter size-full wp-image-710" /></a><br />
(<a href="http://www.google.co.uk/search?q=imma+gonna+let+you+finish">And of course there&#8217;s also a gold mine of memes to go along with this.</a>)</p>
<p>Kanye West was universally lambasted for this. Not only was it a bit weird, it was just plain rude. Although, to be fair, it did move the word &#8220;<a href="http://www.urbandictionary.com/define.php?term=I'mma">i&#8217;mma</a>&#8221; into widespread use &#8212; for better or worse.</p>
<p>Going back to mobile UX, of course there&#8217;s nothing wrong with telling your mobile users you have an app. But how that&#8217;s communicated is often the problem. </p>
<p>Let&#8217;s consider Taylor Swift our content and Kanye West the promotion for an app.</p>
<p><img src="http://www.codehesive.com/wp-content/uploads/2011/11/comparison.jpg" alt="Comparison: app promotion versus content" title="Comparison: app promotion versus content" width="640" height="286" class="aligncenter size-full wp-image-728" /></p>
<p>Now consider some real world examples, starting with <a href="http://amazon.co.uk">Amazon.co.uk</a> &#8212; a good experience:</p>
<p><img src="http://www.codehesive.com/wp-content/uploads/2011/11/kayne.jpg" alt="Amazon mobile screenshot" title="Amazon mobile screenshot" width="640" height="480" class="aligncenter size-full wp-image-727" /></p>
<p>Amazon have made their app prominent, yet not obtrusive. In fact the Kindle promo is probably the only potentially obtrusive feature of this design.</p>
<p>But let&#8217;s look at a bad experience &#8212; from the usually brilliant <a href="http://guardian.co.uk">Guardian</a> website:</p>
<p><img src="http://www.codehesive.com/wp-content/uploads/2011/11/kayne2.jpg" alt="Guardian mobile app" title="Guardian mobile app" width="640" height="480" class="aligncenter size-full wp-image-729" /></p>
<p>The worst thing about this pop up is that it&#8217;s also sale&#8217;s pitch. I totally understand The Guardian trying to make money off their app, but surely there&#8217;s a better strategy for this? I don&#8217;t feel like I&#8217;m being sold anything useful here: I&#8217;m just being harassed.</p>
<p>But the worst thing about this? We&#8217;ve been here before.</p>
<p><a href="http://en.wikipedia.org/wiki/File:Pop-up_ads.jpg"><img src="http://www.codehesive.com/wp-content/uploads/2011/11/popup_wiki.jpg" alt="Popups!" title="Popups!" width="640" height="354" class="aligncenter size-full wp-image-735" /></a></p>
<p>So please be a bit less Kanye, and think more about Taylor: it&#8217;s what your users would want.</p>
]]></content:encoded>
			<wfw:commentRss>http://www.codehesive.com/index.php/archive/what-taylor-swift-and-kanye-west-can-tell-us-about-mobile-user-experience/feed/</wfw:commentRss>
		<slash:comments>1</slash:comments>
		</item>
	</channel>
</rss>

