<?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;    Web Design + Development</title>
	<atom:link href="http://www.codehesive.com/index.php/archive/category/web-design-development/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>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>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>
		<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>
	</channel>
</rss>

