<?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 &#187; Usability</title>
	<atom:link href="http://www.codehesive.com/index.php/archive/category/web-general/usability/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 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>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>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>Gmail Zombie Feedback pop up: personal annoyance or nagware?</title>
		<link>http://www.codehesive.com/index.php/archive/gmail-zombie-feedback-popup-personal-annoyance-or-nagware/</link>
		<comments>http://www.codehesive.com/index.php/archive/gmail-zombie-feedback-popup-personal-annoyance-or-nagware/#comments</comments>
		<pubDate>Tue, 15 Nov 2011 08:52:18 +0000</pubDate>
		<dc:creator>James</dc:creator>
				<category><![CDATA[   Web Design + Development]]></category>
		<category><![CDATA[  Web - General]]></category>
		<category><![CDATA[Accessibility]]></category>
		<category><![CDATA[Gaming]]></category>
		<category><![CDATA[Gmail]]></category>
		<category><![CDATA[Google]]></category>
		<category><![CDATA[Interface design]]></category>
		<category><![CDATA[Usability]]></category>
		<category><![CDATA[User Experience]]></category>

		<guid isPermaLink="false">http://www.codehesive.com/?p=685</guid>
		<description><![CDATA[Gmail launched a new look a few weeks ago. In my mind it was nothing particuarly revolutionary, just a general tightening of the design. Still, in essence, the same old Gmail. Since this launch, I&#8217;ve noticed that Google is keen to hear my feedback on the new design. Really keen. At first I just hit [...]]]></description>
			<content:encoded><![CDATA[<p>Gmail launched a new look a few weeks ago. In my mind it was nothing particuarly revolutionary, just a general tightening of the design. Still, in essence, the same old Gmail.</p>
<p>Since this launch, I&#8217;ve noticed that Google is keen to hear my feedback on the new design. </p>
<p>Really keen. </p>
<p>At first I just hit the close button. The second, third and possibly fourth time I did the same. Possibly the fifth time it appeared, I actually gave them feedback, telling them not to worry &#8212; the new design was fine, but please stop pestering me with the pop up.</p>
<p><a href="http://www.codehesive.com/wp-content/uploads/2011/11/nag.png"><img src="http://www.codehesive.com/wp-content/uploads/2011/11/nag.png" alt="Gmail feedback" title="Gmail feedback" width="600" height="327" class="aligncenter size-full wp-image-686" /></a></p>
<p>Yet it kept coming back. It&#8217;s like a zombie: it won&#8217;t die unless you shoot it in the head. But the problem is, I don&#8217;t know where the head is.</p>
<p><a href="http://www.codehesive.com/wp-content/uploads/2011/11/resident_gmail1.jpg"><img src="http://www.codehesive.com/wp-content/uploads/2011/11/resident_gmail1.jpg" alt="Resident Gmail" title="Resident Gmail" width="600" height="450" class="aligncenter size-full wp-image-699" /></a><br />
<span id="more-685"></span><br />
Last Sunday, I knew I was going to be on my computer most the day doing work. First thing that greeted me when I checked my email? Of course, the pop up. So between now and then I&#8217;ve been taking screenshots every time it&#8217;s appeared. Between now and then, I&#8217;ve restarted Chrome and my computer several times, logged in and out of Google, submitted more feedback begging for them to stop bugging me and even took the damn tour of their new Gmail in a vain effort to get this black box out of my inbox. And it&#8217;s the same situation on my work computer: at least a few times a day, my little black box friend will rear its ugly little head.</p>
<p><a href="http://www.codehesive.com/wp-content/uploads/2011/11/zombie_popup.png"><img src="http://www.codehesive.com/wp-content/uploads/2011/11/zombie_popup.png" alt="It just won&#039;t go away: Gmail feedback" title="It just won&#039;t go away: Gmail feedback" width="286" height="837" class="aligncenter size-full wp-image-687" /></a></p>
<p>I&#8217;ve feedback to Google twice about this, and heck I&#8217;ve even tried <a href="http://twitter.com/#!/joffley/status/134184890311774209">tweeting Gmail</a>. What can possibly stop this menace?</p>
<p><a href="http://www.codehesive.com/wp-content/uploads/2011/11/Contact-Us-Google-Help.png"><img src="http://www.codehesive.com/wp-content/uploads/2011/11/Contact-Us-Google-Help.png" alt="Contact-Us - Google" title="Contact-Us - Google" width="600" height="200" class="aligncenter size-full wp-image-691" /></a></p>
<p>Now, this is where I&#8217;m interested to see whether this is just a personal overreaction to a tiny detail. I&#8217;m a bit obsessive about details. I have zero unread emails in my inbox, and it sends a cold shiver down my spine when I see people with even a few unread emails not attended too. Perhaps this pop up is annoying me because it&#8217;s interfering with my carefully groomed email environment?</p>
<p>Or maybe it&#8217;s more that when a user sees an &#8216;x&#8217; icon on anything, it&#8217;s an expectation that once you have clicked on that &#8216;x&#8217;, whatever dialogue is attached will disappear, forever, unless the user takes action that justifies its return.</p>
<p>And I haven&#8217;t done anything to justify its return. Why are Google doing this? Is the code to keep it hidden broken, or is a strategy to painfully wring as much feedback out as possible?</p>
<p>And is this annoying anyone else as much as me?</p>
<p><strong>Update, 17th November 2011:</strong> Well, seems I&#8217;m not the only one who&#8217;s been bugged by this:  <a href="http://www.google.co.uk/search?gcx=w&#038;sourceid=chrome&#038;ie=UTF-8&#038;q=google+new+look+feedback+popup">http://www.google.co.uk/search?gcx=w&#038;sourceid=chrome&#038;ie=UTF-8&#038;q=google+new+look+feedback+popup</a></p>
<p>But, that said, I haven&#8217;t seen the pop up for a few days. Hooray!</p>
]]></content:encoded>
			<wfw:commentRss>http://www.codehesive.com/index.php/archive/gmail-zombie-feedback-popup-personal-annoyance-or-nagware/feed/</wfw:commentRss>
		<slash:comments>4</slash:comments>
		</item>
		<item>
		<title>Flags and languages: Redux (Part II)</title>
		<link>http://www.codehesive.com/index.php/archive/flags-and-languages-redux-part-ii/</link>
		<comments>http://www.codehesive.com/index.php/archive/flags-and-languages-redux-part-ii/#comments</comments>
		<pubDate>Sun, 06 Nov 2011 10:40:26 +0000</pubDate>
		<dc:creator>James</dc:creator>
				<category><![CDATA[   Web Design + Development]]></category>
		<category><![CDATA[  Web - General]]></category>
		<category><![CDATA[Localisation]]></category>
		<category><![CDATA[Usability]]></category>
		<category><![CDATA[User Experience]]></category>

		<guid isPermaLink="false">http://www.codehesive.com/?p=679</guid>
		<description><![CDATA[Back in June I wrote about the eternal issue of using flags to represent languages and why this is a fundamentally flawed idea. Entitled &#8216;Flags and languages: Redux (Part I)&#8217;, I&#8217;d obviously planned writing a Part II that would deal with the entire issue in some detail. Well, I tried, and it&#8217;s quite amazing how [...]]]></description>
			<content:encoded><![CDATA[<p>Back in June I wrote about the eternal issue of using flags to represent languages and why this is a <a href="http://www.codehesive.com/index.php/archive/flags-and-languages-redux-part-i/">fundamentally flawed idea</a>.</p>
<p>Entitled &#8216;Flags and languages: Redux (Part I)&#8217;, I&#8217;d obviously planned writing a Part II that would deal with the entire issue in some detail.</p>
<p>Well, I tried, and it&#8217;s quite amazing how complex the issues involved are &#8212; which for me is just more proof as to why using flags as languages is a really bad idea.</p>
<p>I quickly realised there was far more than a simple blog post involved. So Part II is actually a whole new blog: <a href="http://flagsarenotlanguages.com/blog/">Flags are not languages</a>.</p>
<p><a href="http://flagsarenotlanguages.com/blog/"><img src="http://www.codehesive.com/wp-content/uploads/2011/11/preview.png" alt="Flags are not languages" title="Flags are not languages" width="640" height="104" class="aligncenter size-full wp-image-680" /></a></p>
<p>Hopefully this blog will help in someway to curtail these bad design practices, as well as exploring and promoting best practice for displaying and presenting different language content.</p>
<p>So next time someone suggests plonking a Spanish flag on the link for Spanish (or German, French, Arabic etc.) &#8212; hopefully you can just send them this link and they can understand <a href="http://flagsarenotlanguages.com/blog/">why using flags for languages</a> is wrong.</p>
]]></content:encoded>
			<wfw:commentRss>http://www.codehesive.com/index.php/archive/flags-and-languages-redux-part-ii/feed/</wfw:commentRss>
		<slash:comments>0</slash:comments>
		</item>
		<item>
		<title>Facebook design changes: user experience and the user environment</title>
		<link>http://www.codehesive.com/index.php/archive/facebook-design-changes-user-experience-and-the-user-environment/</link>
		<comments>http://www.codehesive.com/index.php/archive/facebook-design-changes-user-experience-and-the-user-environment/#comments</comments>
		<pubDate>Wed, 21 Sep 2011 16:57:27 +0000</pubDate>
		<dc:creator>James</dc:creator>
				<category><![CDATA[   Web Design + Development]]></category>
		<category><![CDATA[  Web - General]]></category>
		<category><![CDATA[Facebook]]></category>
		<category><![CDATA[Interface design]]></category>
		<category><![CDATA[Social media]]></category>
		<category><![CDATA[Twitter]]></category>
		<category><![CDATA[Usability]]></category>
		<category><![CDATA[User Experience]]></category>

		<guid isPermaLink="false">http://www.codehesive.com/?p=581</guid>
		<description><![CDATA[So, Facebook rolled out some new design changes today. From the moment I heard about it, I think everyone knew that it&#8217;d be big yet ultimately dull news. As one friend put in a succinct Facebook update: That time of the year has come again &#8211; Facebook layout changes Side effects will include a barrage [...]]]></description>
			<content:encoded><![CDATA[<p>So, Facebook rolled out some new design changes today. From the moment I heard about it, I think everyone knew that it&#8217;d be big yet ultimately dull news.</p>
<p>As one friend put in a succinct Facebook update:</p>
<blockquote><p>
That time of the year has come again &#8211; Facebook layout changes</p>
<p>Side effects will include a barrage of posts from people who claim it has caused them distress, anxiety, agitation, blurred vision, hair loss, insomnia, diarrhoea and erectile dysfunction.
</p></blockquote>
<p>Users hate change. Redesigns at best are met with softly spoken praise; at worst with fury and backlash. </p>
<p>As a designer I always try to stifle my inner-user when dealing with a new design. I try to understand and appreciate the thought behind it, knowing only too well how much time, thought and discussion has been put into every minute detail.</p>
<p>But what also really fascinates me is after using a new design of a site, seeing what others think of it, and trying to reconcile their thoughts with not only my own opinion of the design, but what I think was the strategy behind the design itself.<br />
<span id="more-581"></span><br />
Throughout the day I saw a few interesting reaction to the new design on Twitter (especially after <a href="http://twitter.com/#!/search/%23NewFacebook">#newfacebook</a> started trending):</p>
<p><a href="http://twitter.com/#!/Amaliada/status/116406345682526208"><img src="http://www.codehesive.com/wp-content/uploads/2011/09/baratunde.gif" alt="Change your language to English (UK) and it goes back. I hated the news feed, too." title="Change your language to English (UK) and it goes back. I hated the news feed, too." width="615" height="370" class="aligncenter size-full wp-image-586" /></a></p>
<p><a href="http://twitter.com/#!/search/changeisdumbmmmkay">#changeisdumbmmmkay</a> seems to be quite an apt hashtag joke in this scenario. And I think this is the crux of the problem with this redesign: of course it&#8217;s the change, but more than that it&#8217;s the reason behind the change. <em>What is the reason?</em></p>
<p>Facebook might not have the most perfect interface in the world, and whether or not they are <a href="http://www.bbc.co.uk/news/technology-13760244">losing users</a>, guess what: <em>it works</em>. It works well enough for Facebook to become without a doubt the most important website on the planet (well, at least in the Western world).</p>
<p>Look at the advice given from Twitter user <a href="http://www.twitter.com/Amaliada">Amaliada</a>: change the language to get the previous design back. </p>
<p>The old design worked well enough for users to attempt to <em>hack the settings</em> on a new and unfamiliar product rollout in order to restore the old familiar one. That&#8217;s the sure reaction of a bad user experience.</p>
<p>I never thought I&#8217;d be posting the status update of a user called &#8216;DopeBeiberArmy&#8217; but this next tweet is another insightful look into the despair of users being constantly cajoled from familiar to unfamiliar. (Warning: the update below links to animated Justin Beiber backgrounds &#8212; you&#8217;ve been warned).</p>
<p><a href="http://twitter.com/#!/DopeBieberArmy/status/116540219880259584"><img src="http://www.codehesive.com/wp-content/uploads/2011/09/beiber.gif" alt="I can&#039;t be bothered to learn how to use the #newfacebook because they&#039;re just going to change it in a month anyway." title="I can&#039;t be bothered to learn how to use the #newfacebook because they&#039;re just going to change it in a month anyway." width="615" height="370" class="aligncenter size-full wp-image-585" /></a></p>
<p>&#8216;Release early, release often&#8217; is a well-known mantra. Facebook often sticks to this approach. But these large scale design changes I think are ultimately going to do far more harm than good. </p>
<p>Social media sites suck users in more than any other type of online medium. Users spend many, many hours inside social networks. It becomes akin to a digital home in some respects. It&#8217;s a familiar environment shaped ultimately by user&#8217;s choices: their contacts, links, filters, etc. And I think that environmental aspect needs to better understood and respected.</p>
<p>User &#8216;experiences&#8217; are often fleeting. But when a user starts to feel comfortable and very familiar with a system, that&#8217;s when I think we need to start considering is as <em>user environment</em>. And when that environment is a vital connection to our friends and family, then tampering with that should not be taken lightly.</p>
]]></content:encoded>
			<wfw:commentRss>http://www.codehesive.com/index.php/archive/facebook-design-changes-user-experience-and-the-user-environment/feed/</wfw:commentRss>
		<slash:comments>0</slash:comments>
		</item>
		<item>
		<title>SXSW 2012: The submission is in</title>
		<link>http://www.codehesive.com/index.php/archive/sxsw-2012-the-submission-is-in/</link>
		<comments>http://www.codehesive.com/index.php/archive/sxsw-2012-the-submission-is-in/#comments</comments>
		<pubDate>Wed, 17 Aug 2011 06:38:31 +0000</pubDate>
		<dc:creator>James</dc:creator>
				<category><![CDATA[   Web Design + Development]]></category>
		<category><![CDATA[  Web - General]]></category>
		<category><![CDATA[ Miscellaneous]]></category>
		<category><![CDATA[Localisation]]></category>
		<category><![CDATA[SXSW]]></category>
		<category><![CDATA[Usability]]></category>

		<guid isPermaLink="false">http://www.codehesive.com/?p=518</guid>
		<description><![CDATA[I enjoyed my first SXSW so much this year that I decided to take the plunge and submit a panel idea. I&#8217;ve entitled the proposal &#8216;Global UX: beyond language, location and culture&#8216;. I&#8217;m hoping to impart some of the UX and design knowledge I&#8217;ve learnt over the years from working at a multi-language media outlet [...]]]></description>
			<content:encoded><![CDATA[<p>I enjoyed my first <a href="http://www.sxsw.com">SXSW</a> so much this year that I decided to take the plunge and <a href="http://panelpicker.sxsw.com/ideas/view/8492?return=%2Fideas%2Findex%2F10%2Fcompany%3Abbc%2Fcategory%3AGlobal+^slash^+International+Issues">submit a panel idea</a>.</p>
<p><a href="http://www.flickr.com/photos/joffley/5573182753/in/set-72157626257720465"><img src="http://farm6.static.flickr.com/5293/5573182753_261a468d44_z.jpg" alt="SXSW" /></a></p>
<p>I&#8217;ve entitled the proposal &#8216;<a href="http://panelpicker.sxsw.com/ideas/view/8492?return=%2Fideas%2Findex%2F10%2Fcompany%3Abbc%2Fcategory%3AGlobal+^slash^+International+Issues">Global UX: beyond language, location and culture</a>&#8216;. I&#8217;m hoping to impart some of the UX and design knowledge I&#8217;ve learnt over the years from working at a multi-language media outlet (<a href="http://www.bbc.co.uk/worldservice/">BBC World Service</a>) along with a few of my other design passions: from general usability through to my obsession with seeing the end of flags being used to represent languages.</p>
<p>So, check it out, and if you like the sound of it, give it a vote!</p>
]]></content:encoded>
			<wfw:commentRss>http://www.codehesive.com/index.php/archive/sxsw-2012-the-submission-is-in/feed/</wfw:commentRss>
		<slash:comments>0</slash:comments>
		</item>
		<item>
		<title>Dragon&#8217;s Den: Deborah Meaden and User Experience</title>
		<link>http://www.codehesive.com/index.php/archive/dragons-den-deborah-meaden-and-user-experience/</link>
		<comments>http://www.codehesive.com/index.php/archive/dragons-den-deborah-meaden-and-user-experience/#comments</comments>
		<pubDate>Fri, 12 Aug 2011 15:05:34 +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>

		<guid isPermaLink="false">http://www.codehesive.com/?p=509</guid>
		<description><![CDATA[Watching the first episode of series nine of The Dragon&#8217;s Den, it was fantastic to see how up-to-date some of the Dragon&#8217;s are with web technology. Pitching The Present Club gift website, Georgette Hewitt ran into some tough questions from the Dragons about the technical side of her business. First Hilary Devey: &#8230; so you [...]]]></description>
			<content:encoded><![CDATA[<p>Watching the first episode of series nine of <a href="http://www.bbc.co.uk/iplayer/episode/b0133hl7/Dragons_Den_Series_9_Episode_1/">The Dragon&#8217;s Den</a>, it was fantastic to see how up-to-date some of the Dragon&#8217;s are with web technology.</p>
<p><a href="http://www.codehesive.com/wp-content/uploads/2011/08/deborah_large.jpg"><img src="http://www.codehesive.com/wp-content/uploads/2011/08/deborah_large.jpg" alt="Deborah Meaden" title="Deborah Meaden" width="526" height="296" class="aligncenter size-full wp-image-514" /></a></p>
<p>Pitching <a href="http://www.thepresentclub.co.uk/">The Present Club</a> gift website, <a href="http://www.thepresentclub.co.uk/static/My_Dragons_Den_Experience/">Georgette Hewitt</a> ran into some tough questions from the Dragons about the technical side of her business. First <a href="http://www.bbc.co.uk/dragonsden/aps/hilary_devey.shtml">Hilary Devey</a>:</p>
<blockquote><p>
&#8230; so you actually own the source code? [...] what language is it written in?
</p></blockquote>
<p>Georgette ensured Hilary she owned the code, although it sounded like it was based on a proprietary system, which could be a problem for the enterprise going forward. Georgette also didn&#8217;t know what language the site was written in: an interesting question from Hilary (and one that really shows her own knowledge of the industry), but not one I think Georgette should really be expected to know. She&#8217;s not a technical person, and whether it&#8217;s PHP, Ruby or Java is really irrelevant &#8212; this is about the business model.</p>
<p>However, <a href="http://www.bbc.co.uk/dragonsden/aps/deborah_meaden.shtml">Deborah Meaden</a> had some questions that Georgette really should have known more about:</p>
<blockquote><p>&#8230;without exception, the big issue that we&#8217;ve had is not about driving customers [...] it&#8217;s the site handling those customers. There&#8217;s a lot to website structure that&#8217;ll make it work or not work&#8217;.</p></blockquote>
<p>I assume Deborah was not so concerned with server load but more how the site handled the <em>customer experience</em>. It was really exciting to hear someone like her so aware and embracing of the user experience ethos. Sadly for Georgette, she couldn&#8217;t give Deborah any answer on how the site handled: very likely it had no user testing or much thought at all applied to the general user experience of the site.</p>
<p>But the idea for the site wasn&#8217;t bad. <a href="http://www.bbc.co.uk/dragonsden/aps/peter_jones.shtml">Peter Jones</a> commented on Deborah&#8217;s concerns:</p>
<blockquote><p>I think that the business and concept and concerns about the web are easily dealt with. How many people have you got coming to the site?</p></blockquote>
<p>Easily dealt with? Well, you can definitely fix the user experience: it&#8217;s a shame the site wasn&#8217;t built with this in mind from the beginning, but Peter is right, with some investment it could definitely be fixed.  But even with a great user experience, if the business model is rubbish, the site won&#8217;t survive.  Peter saw this and along with <a href="http://www.bbc.co.uk/dragonsden/aps/theo_paphitis.shtml">Theo Paphitis</a> they opted to invest with Georgina &#8212; and hopefully they&#8217;ll be as mindful about the user experience aspect of the site as Deborah was.</p>
]]></content:encoded>
			<wfw:commentRss>http://www.codehesive.com/index.php/archive/dragons-den-deborah-meaden-and-user-experience/feed/</wfw:commentRss>
		<slash:comments>0</slash:comments>
		</item>
		<item>
		<title>User experience as courtesy: sometimes it&#8217;s just the little things</title>
		<link>http://www.codehesive.com/index.php/archive/user-experience-as-courtesy-sometimes-its-just-the-little-things/</link>
		<comments>http://www.codehesive.com/index.php/archive/user-experience-as-courtesy-sometimes-its-just-the-little-things/#comments</comments>
		<pubDate>Tue, 02 Aug 2011 13:49:00 +0000</pubDate>
		<dc:creator>James</dc:creator>
				<category><![CDATA[   Web Design + Development]]></category>
		<category><![CDATA[Interface design]]></category>
		<category><![CDATA[Usability]]></category>

		<guid isPermaLink="false">http://www.codehesive.com/?p=501</guid>
		<description><![CDATA[While reading The New Yorker&#8217;s account of the raid that killed Bin Laden, I decided to share the link in particular because of this quote, which I found really interesting: “I’m glad no one was hurt in the crash, but, on the other hand, I’m sort of glad we left the helicopter there,” the special-operations [...]]]></description>
			<content:encoded><![CDATA[<p><a href="http://www.newyorker.com/reporting/2011/08/08/110808fa_fact_schmidle#ixzz1TsTeKmfD"><img src="http://www.codehesive.com/wp-content/uploads/2011/08/newyorker.gif" alt="The New Yorker" title="The New Yorker" width="640" height="478" class="aligncenter size-full wp-image-506" /></a></p>
<p>While reading The New Yorker&#8217;s <a href="http://www.newyorker.com/reporting/2011/08/08/110808fa_fact_schmidle#ixzz1TsTeKmfD">account of the raid that killed Bin Laden</a>, I decided to share the link in particular because of this quote, which I found really interesting:</p>
<blockquote><p>“I’m glad no one was hurt in the crash, but, on the other hand, I’m sort of glad we left the helicopter there,” the special-operations officer said. “It quiets the conspiracy mongers out there and instantly lends credibility. You believe everything else instantly, because there’s a helicopter sitting there.”</p></blockquote>
<p>I copy and pasted it into Facebook, and instead got this:</p>
<blockquote style="text-align:left;"><p>“I’m glad no one was hurt in the crash, but, on the other hand, I’m sort of glad we left the helicopter there,” the special-operations officer said. “It quiets the conspiracy mongers out there and instantly lends credibility. You believe everything else instantly, because there’s a helicopter sitting there.”</p>
<p>Read more http://www.newyorker.com/reporting/2011/08/08/110808fa_fact_schmidle#ixzz1TsTeKmfD</p></blockquote>
<p>The New Yorker site had added in a link to the original story after I&#8217;d copied it to the clipboard. This is really great: it&#8217;s such a small thing but a really smart idea. User experience as courtesy.</p>
]]></content:encoded>
			<wfw:commentRss>http://www.codehesive.com/index.php/archive/user-experience-as-courtesy-sometimes-its-just-the-little-things/feed/</wfw:commentRss>
		<slash:comments>0</slash:comments>
		</item>
		<item>
		<title>Flags and languages: Redux (Part I)</title>
		<link>http://www.codehesive.com/index.php/archive/flags-and-languages-redux-part-i/</link>
		<comments>http://www.codehesive.com/index.php/archive/flags-and-languages-redux-part-i/#comments</comments>
		<pubDate>Tue, 21 Jun 2011 12:12:34 +0000</pubDate>
		<dc:creator>James</dc:creator>
				<category><![CDATA[   Web Design + Development]]></category>
		<category><![CDATA[  Web - General]]></category>
		<category><![CDATA[Accessibility]]></category>
		<category><![CDATA[Art]]></category>
		<category><![CDATA[Interface design]]></category>
		<category><![CDATA[Localisation]]></category>
		<category><![CDATA[Usability]]></category>

		<guid isPermaLink="false">http://www.codehesive.com/?p=394</guid>
		<description><![CDATA[If you search for &#8216;using flags to represent languages&#8217;, you&#8217;ll get a swathe of wisdom as to why this is a really bad idea. This really bothers me whenever I see it; which unfortunately is really quite often. I blogged about a language selection screen in the Steam client last year which again fell into [...]]]></description>
			<content:encoded><![CDATA[<p>If you search for <a href="http://www.google.com/search?q=using+flags+to+represent+languages&#038;ie=utf-8&#038;oe=utf-8&#038;aq=t&#038;rls=org.mozilla:en-US:official&#038;client=firefox-a">&#8216;using flags to represent languages&#8217;</a>, you&#8217;ll get a swathe of wisdom as to why this is a really bad idea. This really bothers me whenever I see it; which unfortunately is really quite often. <a href="http://www.codehesive.com/index.php/archive/flags-and-languages-just-don%e2%80%99t-work/">I blogged about a language selection screen</a> in the <a href="http://store.steampowered.com">Steam client</a> last year which again fell into the trap of presenting users with a selection of flag icons in order to choose their language.</p>
<p>I went to the <a href="http://www.tate.org.uk">Tate</a> site today and a little UN-style gathering of flags caught my attention.</p>
<p><a href="http://www.codehesive.com/wp-content/uploads/2011/06/tate.jpg"><img src="http://www.codehesive.com/wp-content/uploads/2011/06/tate.jpg" alt="Tate homepage" title="Tate homepage" width="640" height="452" class="aligncenter size-full wp-image-383" /></a></p>
<p>What really bothers me about what the Tate have done here is that they&#8217;ve obviously put some thought into this design decision, but the logic behind the decision is broken.<br />
<span id="more-394"></span><br />
They&#8217;ve realised that using the Chinese flag for Chinese might be a bit politically sensitive (to say people form Taiwan or Singapore) and that there is no standard recognisable flag for Arabic &#8212; so while Arabic and Chinese are presented as the name of their languages, French, German, Spanish, Portuguese, Greek, Japanese and Italian users are given flags.</p>
<p>Swiss users in particular must love this scenario: they must choose the French, German or Italian flags (or stick with the English!).</p>
<p>Why not just list all the languages like you did with Chinese and Arabic?</p>
<p><a href="http://www.codehesive.com/wp-content/uploads/2011/06/tate-fixed.png"><img src="http://www.codehesive.com/wp-content/uploads/2011/06/tate-fixed.png" alt="Tate homepage - broken v fixed" title="Tate homepage - broken v fixed" width="640" height="356" class="aligncenter size-full wp-image-384" /></a></p>
<p>I wonder if there&#8217;s some obsession with flags that overrides the logic behind such a decision. A few possible thoughts:</p>
<ol>
<li>we love flags because they&#8217;re graphical and a strong visual metaphor</li>
<li>they take up less space on the screen, therefore are seen as advantageous</li>
<li>they&#8217;re seen as &#8216;instantly recognisable&#8217; therefore being more usable</li>
<li>we don&#8217;t want to &#8216;confuse&#8217; other users by showing scripts/languages they won&#8217;t understand</li>
</ol>
<p>Any other thoughts as to what is behind this enduring phenomena?</p>
<p>The reasons that make flags such powerful and strong symbols are exactly why they&#8217;re so bad for representing languages: you are coercing users into identifying with another country in order to proceed to content in their native language.</p>
]]></content:encoded>
			<wfw:commentRss>http://www.codehesive.com/index.php/archive/flags-and-languages-redux-part-i/feed/</wfw:commentRss>
		<slash:comments>3</slash:comments>
		</item>
	</channel>
</rss>

