<?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>blog - coda.coza &#187; design</title>
	<atom:link href="/blog/tag/design/feed" rel="self" type="application/rss+xml" />
	<link>http://coda.co.za/blog</link>
	<description>dress up. leave a false name. be legendary.</description>
	<lastBuildDate>Thu, 23 Jun 2011 05:01:54 +0000</lastBuildDate>
	<generator>http://wordpress.org/?v=2.9</generator>
	<language>en</language>
	<sy:updatePeriod>hourly</sy:updatePeriod>
	<sy:updateFrequency>1</sy:updateFrequency>
			<item>
		<title>Favourite South African logos: Part 3</title>
		<link>http://coda.co.za/blog/2009/06/17/favourite-south-african-logos-3</link>
		<comments>http://coda.co.za/blog/2009/06/17/favourite-south-african-logos-3#comments</comments>
		<pubDate>Wed, 17 Jun 2009 01:56:02 +0000</pubDate>
		<dc:creator>coda</dc:creator>
				<category><![CDATA[Uncategorized]]></category>
		<category><![CDATA[atlanta chiefs]]></category>
		<category><![CDATA[branding]]></category>
		<category><![CDATA[design]]></category>
		<category><![CDATA[identity]]></category>
		<category><![CDATA[inspiration]]></category>
		<category><![CDATA[kaizer chiefs]]></category>
		<category><![CDATA[kalahari.net]]></category>
		<category><![CDATA[logo]]></category>
		<category><![CDATA[marketing]]></category>
		<category><![CDATA[metro fm]]></category>
		<category><![CDATA[naspers]]></category>
		<category><![CDATA[typography]]></category>

		<guid isPermaLink="false">http://coda.co.za/blog/?p=1006</guid>
		<description><![CDATA[This post is the third installment in a series, featuring my favourite South African logos. See Part 1 and Part 2. Here are the next 3:

Metro FM

Metro FM is the largest National Urban Commercial station in South Africa with around six million adult listeners tuning in from all across the nation. The station’s core genre, [...]]]></description>
			<content:encoded><![CDATA[<p>This post is the third installment in a series, featuring my favourite South African logos. See <a href="/blog/2009/01/26/favourite-south-african-logos-1">Part 1</a> and <a href="/blog/2009/02/17/favourite-south-african-logos-2">Part 2</a>. Here are the next 3:</p>
<div class="hr"></div>
<h3>Metro FM</h3>
<p><img src="/blog/wp-content/uploads/2009/06/metrofm1.png" alt="Metro FM" width="500" height="150" /></p>
<p><a href="http://www.metrofm.co.za">Metro FM</a> is the largest National Urban Commercial station in South Africa with around six million adult listeners tuning in from all across the nation. The station’s core genre, R&amp;B, is the most popular music genre among South Africans between the ages of 16 and 34. Metro’s penetration within this market is 43 percent of the total market. (<a href="http://www.superbrands.easysite.org/files/MetroFM_3329.pdf">source</a>)</p>
<p>I know next to nothing about this identity design (their marketing dept. never replied to my e-mail), other than to say that the typeface is the <a href="http://new.myfonts.com/fonts/fontfont/ff-din/">FF DIN</a> family. Metro FM is an SABC radio station (SABC logo featured in <a href="/blog/2009/01/26/favourite-south-african-logos-1">Part 1</a>) so it might be safe to assume that their design team are responsible for this one too.</p>
<p>I really like how the M letterform, resembling both an audio spectrum analyzer and cityscape, breathes life into the logo when animated, like the <a href="/blog/2009/02/17/favourite-south-african-logos-2">Sasol</a> logo. Take a look at their <a href="http://www.metrofm.co.za">website</a> or <a href="http://www.youtube.com/watch?v=5AukcuFtj4A">TVCs</a> to see the M in action:</p>
<p><object width="425" height="344"><param name="movie" value="http://www.youtube.com/v/kIgPWfI47bQ&hl=en&fs=1&rel=0"></param><param name="allowFullScreen" value="true"></param><param name="allowscriptaccess" value="always"></param><embed src="http://www.youtube.com/v/kIgPWfI47bQ&hl=en&fs=1&rel=0" type="application/x-shockwave-flash" allowscriptaccess="always" allowfullscreen="true" width="425" height="344"></embed></object></p>
<div class="hr"></div>
<h3>Kalahari.net</h3>
<p><img src="/blog/wp-content/uploads/2009/06/kalaharinet1.png" alt="" width="500" height="150" /></p>
<p><a href="http://www.kalahari.net">Kalahari.net</a> is the largest and most dominant e-Commerce platform in Africa offering a huge range of books, music, DVDs, games, electronics and gifts. First registered in April 1998, Kalahari.net offers top-selling products available on 24-hour delivery, various payment options, door-to-door delivery, wish list facilities, vouchers, free gift-wrapping, etc.</p>
<p>Kalahari.net is a division of Media24, a <a href="http://www.naspers.com/index.cfm?content=2693&amp;intParentContentID=2636">Naspers</a> brand. The name links the brand to Africa by its association with the <a href="http://en.wikipedia.org/wiki/Kalahari_Desert">Kalahari Desert</a>, a well-known African landmark.</p>
<p>Interestingly, they might have been called <a href="http://kalahari.com">Kalahari.com</a> by now, if they'd won a domain name dispute <a href="http://www.wipo.int/amc/en/domains/decisions/html/2001/d2001-0992.html">back in 2001</a>. I really enjoyed the below extract (for context, I was employed by <a href="http://www.flickr.com/photos/coda/2821079210/">Electric Ocean</a> a month before, just as they were entering a state of turmoil, so it comes as no suprise...):</p>
<blockquote><p>On a date prior to June 9, 1999, the Complainant entered into an agreement with a company named Electric Ocean to acquire the registration of the Domain Name which was at that time held by Electric Ocean. However, before the transfer could be effected the registration of the Domain Name was cancelled on Electric Ocean’s failure to pay the fees. The Domain Name fell back into the public domain.</p></blockquote>
<p>The logo was designed by Garth Walker of <a href="http://www.misterwalkerdesign.com">Mister Walker Design</a> (formerly Orange Juice Design, who were later acquired by the design house of Ogilvy South Africa). Garth never responded to my e-mail either, but I had better luck contacting Kalahari.net themselves, and they had this to share:</p>
<blockquote><p>In essence, it was our aim to capture the spirit of the organisation through the use of a 'symbol'. The 'symbol' itself is the man running with the sun/streamer and with the use of warm colours, the logo represents the spirit of our organisation. i.e. A happy, warm company within an African heritage. The logo is horizontal in format for web legibility with no use of vignettes or thin lines. Type is simple and complimentary to the logo's message.</p></blockquote>
<p>My favourite part is the hypnotic ribbon. I'm not sure what the typeface is - the closest match I can find is <a href="http://new.myfonts.com/fonts/aviation/fiendstar/">Fiendstar Extended</a> (<strong>UPDATE:</strong> it's <a href="http://new.myfonts.com/fonts/urw/nimbus-sans/extra/">Nimbus Sans Extended</a>). The running man (Khoisan rock paintings figure) also features in the <a href="http://www.fifa.com/worldcup/organisation/emblemsposters/officialemblem.html">2010 FIFA World Cup logo</a>.</p>
<div class="hr"></div>
<h3>Kaizer Chiefs</h3>
<p><img src="/blog/wp-content/uploads/2009/06/kaizerchiefs1.png" alt="" width="500" height="150" /></p>
<p><a href="http://www.kaizerchiefs.com">Kaizer Chiefs</a> is a South African football club, founded 7 January 1970 in Soweto, Johannesburg, by soccer legend <a href="http://en.wikipedia.org/wiki/Kaizer_Motaung">Kaizer Motaung</a> shortly after his return from the USA where he played as a striker for the Atlanta Chiefs of the <acronym title="North American Soccer League">NASL</acronym>. (How about <a href="http://www.kaizerchiefs.com/default.asp?cid=4092">this</a> for a classic moment in time.)</p>
<p>The team is nicknamed <em>Amakhosi</em> which means "lords" or "chiefs" in Zulu. The club is unarguably the biggest football club in the country in terms of success and popularity, estimated to have over 16 million (<a href="http://www.kaizerchiefs.com/Gallery/Images/Photos/Supporters/Matches/Loftus,%2023%20February%202008/Large/DSC_0228.jpg">very</a>, <a href="http://www.kaizerchiefs.com/Gallery/Images/Photos/Supporters/Matches/Loftus%2012%20December%202007/Large/YL0W5580.jpg">very</a>, <a href="http://www.kaizerchiefs.com/Gallery/Images/Photos/Supporters/Matches/Loftus%2022%20December%202007/Large/YL0W7299.jpg"><em>very</em></a> <a href="http://www.kaizerchiefs.com/Gallery/Images/Photos/Supporters/Matches/Durban%20August%202007/Large/_DSC0095.jpg">fanatical</a>) supporters - Nelson Mandela being one of them.</p>
<p>Kaizer Chief's brand manager responded to my e-mail request for information on the logo with the following:</p>
<blockquote><p>Kaizer Chiefs logo was made in 1969 and the only changes that have been made have been tiny graphic details to make it easier for embroidery etc. At one stage we were called IWISA Kaizer Chiefs after a sponsor. The Chiefs insignia has always been there and the colours have always been the same.</p></blockquote>
<p>After some more digging around I found the <a href="http://en.wikipedia.org/wiki/Atlanta_Chiefs">Atlanta Chiefs</a> logo (1967 - 1972, altered slightly when the club briefly reformed in 1979), and so the origins of the Kaizer Chiefs identity became clear. The chief mark underwent some small cosmetic changes, the full "Kaizer Chiefs" name was added around the mark, and two footballs were added on either side.</p>
<p><img src="/blog/wp-content/uploads/2009/06/kaizerchiefs2.png" alt="" width="500" height="115" /></p>
<p>I feel the footballs are unnecessary and redundant though, and I'm not a fan of the arc effect on the type either (although it doesn't bother me so much in the Atlanta Chiefs logo). And I'd always thought that the Kaizer Chief's chief had a visible eye line, but it turns out to be the beginning section of his <a href="http://images.google.com/images?q=indian+headdress">headdress</a>!</p>
<img src="/blog/?ak_action=api_record_view&id=1006&type=feed" alt="" />]]></content:encoded>
			<wfw:commentRss>http://coda.co.za/blog/2009/06/17/favourite-south-african-logos-3/feed</wfw:commentRss>
		<slash:comments>12</slash:comments>
		</item>
		<item>
		<title>Defending IE6</title>
		<link>http://coda.co.za/blog/2009/04/01/defending-ie6</link>
		<comments>http://coda.co.za/blog/2009/04/01/defending-ie6#comments</comments>
		<pubDate>Wed, 01 Apr 2009 00:38:21 +0000</pubDate>
		<dc:creator>coda</dc:creator>
				<category><![CDATA[Uncategorized]]></category>
		<category><![CDATA[browser]]></category>
		<category><![CDATA[css]]></category>
		<category><![CDATA[design]]></category>
		<category><![CDATA[development]]></category>
		<category><![CDATA[evangelism]]></category>
		<category><![CDATA[graceful degradation]]></category>
		<category><![CDATA[ie6]]></category>
		<category><![CDATA[javascript]]></category>
		<category><![CDATA[progressive enhancement]]></category>
		<category><![CDATA[standards]]></category>
		<category><![CDATA[web]]></category>

		<guid isPermaLink="false">http://coda.co.za/blog/?p=1004</guid>
		<description><![CDATA[Lately I've noticed an increasing trend among web designers/developers who are proudly announcing their decision to drop Internet Explorer 6 from their list of supported browsers, or advocating ways that enforce IE6 users into upgrading. Some of these methods are good for a laugh, some make the usual noise (complicate your markup with upgrade messages), [...]]]></description>
			<content:encoded><![CDATA[<p>Lately I've noticed an increasing trend among web designers/developers who are <a href="http://search.twitter.com/search?q=drop+ie6">proudly announcing</a> their decision to drop Internet Explorer 6 from their list of supported browsers, or advocating ways that <strong>enforce</strong> IE6 users into upgrading. Some of these methods are <a title="Overly Judgemental IE6 Splash Pages" href="http://blog.hugsformonsters.com/post/87657240/overly-judgemental-ie6-splash-pages">good for a laugh</a>, some <a title="Bring Down IE 6: a campaign by .net magazine" href="http://www.bringdownie6.com">make the</a> <a title="Norwegian Websites Declare War on IE 6" href="http://blog.wired.com/business/2009/02/norwegian-websi.html">usual noise</a> (complicate your markup with upgrade messages), while others are <a title="6 html and javascript codes to crash IE6" href="http://www.catswhocode.com/blog/6-html-and-javascript-codes-to-crash-ie6">downright</a> <a href="http://ie6update.com" title="Help kill Internet Explorer">scary</a>.</p>
<p>I have as much dispute with IE6 <a href="http://www.chigarden.com/2007/10/tutorial-making-the-ie-voodoo-doll/">as the next guy</a> - there's no denying that it's holding us back and we'd be better off without it - and I fully support <strong>non-disruptive</strong> evangelism efforts that encourage IE6 users to upgrade to a modern and more secure browser. It's in their best interest after all.</p>
<p>But the notion that IE6 support should be discontinued, or that its users should be blocked, is dangerously misguided and missing the point. IE6 isn't your problem, and you shouldn't even maintain a list of supported browsers in the first place. If you think I'm talking to you, continue reading.</p>
<p>Via <a href="http://hesketh.com/publications/inclusive_web_design_for_the_future/">Inclusive Web Design For the Future</a> (by <a href="http://www.hesketh.com/schampeo/">Steven Champeon</a> &amp; <a href="http://www.nickfinck.com">Nick Finck</a>):</p>
<blockquote><p>The goal of Web design is not merely to dazzle, but to deliver information to the widest audience possible. Compromise is possible and desirable, but such compromise should not come at the expense of the user, but rather in terms of the native capabilities of the user's choice of device.</p></blockquote>
<p>As someone that designs and develops online, one of my primary responsibilities is to deliver an accessible user experience. To my <em>users</em>, and <em>not</em> their choice of access. Their media device, operating system, browser, screen resolution or viewport - there's no denying that these factors should be considered when planning a new project, but they shouldn't ever be treated as constraints that place limitations on the interface or experience. They are merely variables that come together in any number of ways for any number of users. And although you can trend and analyse them today, they will undoubtedly change tomorrow, and next week, and month, and year... you get the picture.</p>
<p>If you think IE6 is today's problem, how will you deal with IE7, Firefox 2, Safari 3 or similar browser generations a year from now when they fail at rendering your standards-compliant CSS3? Cry foul like a stuck record from a bygone era and demand that your users upgrade once again to meet <em>your</em> standards? No, I didn't think so.</p>
<h3>Then what's the alternative?</h3>
<p>So glad you asked - <a href="http://en.wikipedia.org/wiki/Progressive_Enhancement">progressive enhancement</a> of course!</p>
<p>Before you point fingers, I'll be the first to admit that I'm not exactly a <acronym title="progressive enhancement">PE</acronym> poster boy candidate. Using this site as a quick example - I built it with best intentions <a title="Presenting v6" href="/blog/2008/04/29/presenting-v6">just under a year ago</a>, and despite saying then that I'd adopted a PE strategy, there are so many things that I'd do differently today. But in my defence, that's the very nature of designing for the web: a continuous cycle of learning, adapting and growing.</p>
<p>So PE isn't new to me, but adopting it's methodologies into my workflow has taken longer than I'd like, only because it demands changing a system that I've spent a long time refining, and these changes demand free time that I generally don't have. But with every new project, I take another step closer towards PE utopia. I'd say I'm currently bordering on a solid progressive enhancement strategy, while some thinking around the defunct <a title="'Graceful Degradation &amp; Progressive Enhancement' by Tommy Olsson" href="http://accessites.org/site/2007/02/graceful-degradation-progressive-enhancement/">graceful degradation</a> approach still remains.</p>
<p>See <a title="Understanding Progressive Enhancement by Aaron Gustafson" href="http://www.alistapart.com/articles/understandingprogressiveenhancement">Understanding Progressive Enhancement</a> by Aaron Gustafson for an overview of the subtle differences between the two concepts.</p>
<blockquote><p>Both graceful degradation and progressive enhancement consider how well a site works in a variety of browsers on a variety of devices. The key is where they place their focus and how this affects workflow.</p></blockquote>
<p>Although I don't appreciate the sweetness offered by the M&amp;M anology, the article does a good job of introducing the two important follow-ups: <a href="http://www.alistapart.com/articles/progressiveenhancementwithcss">Progressive Enhancement with CSS</a> and <a href="http://www.alistapart.com/articles/progressiveenhancementwithjavascript">Progressive Enhancement with JavaScript</a>. Definitive reading!</p>
<p>Ultimately, you will need to take the basic principles and adapt them as best you can into your workflow, all within context of course (if you exclusively develop intranets for IE6 then don't bother). For example, the biggest changes that I've made include:</p>
<ul>
<li>Adopting a JavaScript library - together with <a title="'Behavioral Separation' by Jeremy Keith" href="http://www.alistapart.com/articles/behavioralseparation">behavioural separation</a>, jQuery provides me with powerful, unobtrusive and accessible methods for manipulating style and content. I swear by it, but I'm careful to not rely on it.</li>
<li>Resetting my CSS: see Eric Meyer's <a href="http://meyerweb.com/eric/thoughts/2007/05/01/reset-reloaded/">Reset Reloaded</a> (and <a href="http://meyerweb.com/eric/thoughts/2008/01/15/resetting-again/">Again</a>) as a starting point, or <a href="http://perishablepress.com/press/2007/10/23/a-killer-collection-of-global-css-reset-styles/">A Killer Collection of Global CSS Reset Styles</a> if you have the time.</li>
<li>Sizing my layouts and typography using ems - <a href="http://www.alistapart.com/articles/howtosizetextincss/">How to Size Text in CSS</a> (by Richard Rutter) is invaluable.</li>
<li>Using conditional comments to target IE6 and IE7-specific CSS for style compatibility. Familiarise yourself with IE's <a href="http://www.satzansatz.de/cssd/onhavinglayout.html">hasLayout</a> too - adding one simple rule to your conditional CSS will save you a lot of trouble and time.</li>
<li><a href="http://www.dillerdesign.com/experiment/DD_belatedPNG/">DD_belatedPNG</a> - <em>Medicine for your IE6/PNG headache!</em> - the holy grail of PNG support in IE6</li>
<li>Being comfortable with the idea that despite the above points, my interface designs are secondary to the content that they deliver. They will <em>never</em> render consistently for <em>all</em> users - but then, they won't know the difference anyway.</li>
</ul>
<p>And there you have it! No more reason to blame IE6 for your laziness or reluctance to adapt. If you're not convinced, have your say in a comment. I'd also love to hear if and how you're using PE in your own work, or any experiences worth sharing.</p>
<div class="hr">&nbsp;</div>
<p>More reading:</p>
<ul>
<li><a href="http://icant.co.uk/articles/pragmatic-progressive-enhancement/">Pragmatic progressive enhancement  - why you should bother with it</a> (by <a href="http://www.wait-till-i.com"><span class="email fn">Christian Heilmann</span></a>)</li>
<li><a href="http://mark-story.com/posts/view/creating-gracefully-degrading-javascript-and-enabling-progressive-enhancement">Creating gracefully degrading javascript and enabling progressive enhancement</a> (via Mark Story)</li>
<li><a href="http://www.nvision.lu/blog/progressive-enhancement-in-action-part-2">Progressive enhancement in action</a> (via Nvision)</li>
</ul>
<img src="/blog/?ak_action=api_record_view&id=1004&type=feed" alt="" />]]></content:encoded>
			<wfw:commentRss>http://coda.co.za/blog/2009/04/01/defending-ie6/feed</wfw:commentRss>
		<slash:comments>52</slash:comments>
		</item>
		<item>
		<title>Favourite South African logos: Part 2</title>
		<link>http://coda.co.za/blog/2009/02/17/favourite-south-african-logos-2</link>
		<comments>http://coda.co.za/blog/2009/02/17/favourite-south-african-logos-2#comments</comments>
		<pubDate>Tue, 17 Feb 2009 11:51:16 +0000</pubDate>
		<dc:creator>coda</dc:creator>
				<category><![CDATA[Uncategorized]]></category>
		<category><![CDATA[branding]]></category>
		<category><![CDATA[design]]></category>
		<category><![CDATA[identity]]></category>
		<category><![CDATA[inspiration]]></category>
		<category><![CDATA[logo]]></category>
		<category><![CDATA[marketing]]></category>
		<category><![CDATA[neotel]]></category>
		<category><![CDATA[sasol]]></category>
		<category><![CDATA[typography]]></category>
		<category><![CDATA[wimpy]]></category>

		<guid isPermaLink="false">http://coda.co.za/blog/?p=994</guid>
		<description><![CDATA[This post continues where Part 1 left off, a little later than I was planning, but better late than never! Here are the next 3:

Sasol
I fell in love with the Sasol logo the moment I first saw it, which if I remember correctly was in an animated format online. It's almost hypnotic, I can stare [...]]]></description>
			<content:encoded><![CDATA[<p>This post continues where <a href="/blog/2009/01/26/favourite-south-african-logos-1">Part 1</a> left off, a little later than I was planning, but better late than never! Here are the next 3:</p>
<div class="hr"></div>
<h3>Sasol</h3>
<p>I fell in love with the Sasol logo the moment I first saw it, which if I remember correctly was in an animated format online. It's <a href="http://www.firedog-design.co.uk/assets/images/Version04.swf">almost hypnotic</a>, I can stare at it for ages, and I have to say that it's one of my top favourites of this series.</p>
<p><span class="portibody">The <a title="New Sasol logo gets international recognition" href="http://www.bizcommunity.com/Snippet/196/13/561.html">international award-winning</a> Sasol rebrand</span> was launched in <a href="http://www.cartoday.com/content/news/singlepage.asp?in=1551">2001</a> (I bet you don't remember <a href="http://web.archive.org/web/20001202012900/http://www.sasol.com/">their previous logo</a>).</p>
<p><img src="/blog/wp-content/uploads/2009/02/sasol1.png" alt="Sasol logo" width="500" height="150" /></p>
<p><a href="http://www.sasol.com">Sasol</a> (originally Afrikaans for <em>Suid-Afrikaanse Steenkool en Olie</em> - South African Coal and Oil) is an innovative and competitive global energy company, engaged in the commercial production and marketing of chemicals and liquid fuels; with a growing interest in oil and gas exploration. Established in 1950 by the South African government, Sasol employs more than 32 000 people worldwide and remains one of South Africa’s largest investors in capital projects, skills development and technological research and development.</p>
<p>Via Sasol's <a href="http://www.sasol.com/sasol_internet/frontend/navigation.jsp?navid=700017&amp;rootid=2">Corporate Identity</a> page:</p>
<blockquote><p>Sasol's identity owes its inspiration to what is at the core of what Sasol does - chemicals. It suggests the essence of the products, and businesses working in harmony in order to create something new and dynamic. The central sphere denotes stability, while the six rotating 'business units' suggest a force greater than the sum of its parts - strength through synergy.</p></blockquote>
<p><span class="portibody">Well that's the short of it. <a href="http://www.firedog-design.co.uk/who.htm">Clifford Boobyer</a>, Creative Director at <a href="http://www.firedog-design.co.uk">Firedog</a> (</span><span class="portibody">then creative lead at <a href="http://www.trademark-design.com">Trademark Design</a></span><span class="portibody">), </span><span class="portibody">was responsible for the Sasol global rebranding project and identity design. I exchanged a few e-mails with Clifford, who was very accommodating to share some insight into his creative processes:<br />
</span></p>
<blockquote><p>It was a mammoth project, with a very simple easily sold creative burst right up front.</p>
<p>At this stage of my career, I had just moved on from fiddling around with an application that shipped with early Macromedia called Extreme3D onto the more serious 3D Studio Max. I thought I might try build an identity around a 3D application - this was still before the trend of 3D marks we see so readily today, and it felt kind of cool to do something different.</p>
<p>So I got to grips with the Sasol business and soon worked out that all their business related back to organic compounds one way or another. Whether it be oils, gas, or any other compound - they all seemed to be built from the same building blocks: <a href="http://en.wikipedia.org/wiki/Hydrocarbon">Hydrocarbons</a>. And when you start looking at modelling around hydrocarbons - you can really get to understand where the brand mark started to develop. So I guess it was the geek in me (before Wikipedia, mind you) which became fascinated behind the science of the brand.</p></blockquote>
<p><img src="/blog/wp-content/uploads/2009/02/sasol2.png" alt="Sasol logo progression" width="500" height="115" /></p>
<p><strong>Chemistry in Motion</strong></p>
<p>I asked Cliff about the <a href="http://www.firedog-design.co.uk/assets/images/Version04.swf">animated logo</a> that applies to digital environments:</p>
<blockquote><p>Coupled with the new application I was learning, this journey of discovery inspired me to create a very progressive and animated mark. So I recreated the model in 3D Studio Max, based on a very basic layout sketch that I did. I think because what I wanted to do was so singular in it's idea - I didn't spend long sketching.</p>
<p>I dropped in a large Silver carbon atom and created a series of coloured hydrogen atoms that rotated on paths closely around the core. I remember the mark being multiple colours, red, green, blue, yellow etc. - we changed them all to shades of blue later on client consultation. It was then just a case of bringing the hydrogen atoms to life and making them move around the core, without bumping.</p>
<p>Because it was early days in 3D - there was no Flash output. I laboured one of the junior designers of the time with the process of recreating all the frames of the end animation in vector Flash. It turned out nicely at least!</p>
<p>So, I think it was one of those rare occurences of a brand identity that started with an animation. And moved on from there. The client bought the idea and the pitch in one go.</p>
<p>I think it was in the studio for 18 months and the brand guidelines generated in the end topped 750 pages.</p></blockquote>
<p>More reading: <a href="http://www.firedog-design.co.uk/ourwork/brandingandprint/sasol.htm">Sasol re-brand</a> at Firedog, and Sasol's <a href="http://www.sasol.com/brand/brandguide.swf">Electronic Brand Book</a> (2.3mb SWF)</p>
<div class="hr"></div>
<h3>Wimpy</h3>
<p>Up until I started this series, I'd always assumed that <a href="http://www.wimpy.co.za">Wimpy</a> is a uniquely South African brand. As it turns out, Wimpy was <a href="http://en.wikipedia.org/wiki/Wimpy_Bar#History">founded in London in 1954</a> while the brand (originally called <em>Wimpy Bars</em>) was originally created as early as the 1930s. By the early 1970s the business had expanded to over a thousand restaurants in 23 countries.</p>
<p><img src="/blog/wp-content/uploads/2009/02/wimpy1.png" alt="Wimpy logo" width="500" height="150" /></p>
<p><a href="http://www.wimpy.uk.com">Wimpy UK</a>, which comprises 194 outlets across England, Scotland and Wales, and operates a further 20 restaurants under a master licence arrangement in Ireland, is the largest independently owned franchised restaurant chain in the United Kingdom. The business owns the Wimpy trademark in 15 European countries.</p>
<p>Wimpy opened in South Africa in Durban in 1967. Today, Wimpy is one of the leading restaurant franchise groups in South Africa with more than 400 restaurants.</p>
<p><a href="http://www.famousbrands.co.za">Famous Brands</a>, owner of the Wimpy franchise in South Africa, <a href="http://www.wimpy.uk.com/press-fbaq.htm">acquired Wimpy UK</a> in February 2007. Having acquired the brand, Famous Brands rebranded Wimpy in the UK to bring it in line with Wimpy South Africa.</p>
<p>The bun logo in use today is apparently one used by Wimpy UK from the 1960s until the 1980s. After a bit of <a href="http://www.franchise-opportunities-x.com/images/p/1-20.gif">digging</a> on Google and Yahoo's image searches, I came across the following Wimpy logos, although I have no idea when and where they were in use.</p>
<p><img src="/blog/wp-content/uploads/2009/02/wimpy2.png" alt="Wimpy logos" width="500" height="115" /></p>
<p>My understanding is that the logo currently in use evolved from previous revisions and has since <a href="http://www.wimpy.uk.com/stores.html">found its way back</a> to the UK. So not strictly a South African logo, but a South African-owned brand and a real icon which I feel deserves some recognition. I love how the logo captures the essence of the brand with such simplicity.</p>
<div class="hr"></div>
<h3>Neotel</h3>
<p>The much anticipated Second National Operator (SNO) for fixed line telecommunication services in South Africa, <a href="http://www.neotel.co.za">Neotel</a> is licensed as South Africa's first alternative infrastructure-based telecoms provider, capable of delivering a broad range of wireline and wireless data telecoms services on a national and international level. It launched in August 2006.</p>
<p><img title="neotel1" src="/blog/wp-content/uploads/2009/02/neotel1.png" alt="" width="500" height="150" /></p>
<p><a href="http://www.thebrandunion.com/OurWork/Client/Neotel/70/CaseStudy/77/FullBrandCreation">The Brand Union</a>, <span class="helper">a global brand agency with 21 offices worldwide,</span> were tasked with a full brand creation which began in November 2005. I hope they don't mind that I've borrowed some images from their photo journal to illustrate how the logo mark was conceptualised:</p>
<p><img title="neotel2" src="/blog/wp-content/uploads/2009/02/neotel2.png" alt="" width="500" height="115" /></p>
<p>You can view a <a href="http://www.thebrandunion.com/OurWork/Client/Neotel/70/CaseStudy/77/FullBrandCreation">comprehensive case study</a> on their website. What follows is a short extract:</p>
<blockquote><p>The primary identity is composed of two points connected by the energy of communication. These "points" could represent people, places, ideas, even business opportunities. But overall, the symbol stands for Connectivity. Communication. Possibility.</p>
<p>This uniquely South African symbol draws from a warm, rich palette and resonates with the exuberance of a South African sunrise. The dawn of something new. Ultimately optimistic, the symbol is reflective of a future of hope. The activated orange creates a dynamic plane of colour in which the identity lives and advances. This creates the impression of the symbol living on, and beyond the page, advancing towards the customer. This upward, dynamic movement suggests aspiring to new heights.</p></blockquote>
<p>Etc, etc, etc. See the logo in action on the <a href="http://www.neotel.co.za/neotel/view/neotel/en/page11211">Neotel website</a> and in their first television ad:</p>
<p><object classid="clsid:d27cdb6e-ae6d-11cf-96b8-444553540000" width="425" height="344" codebase="http://download.macromedia.com/pub/shockwave/cabs/flash/swflash.cab#version=6,0,40,0"><param name="allowFullScreen" value="true" /><param name="allowscriptaccess" value="always" /><param name="src" value="http://www.youtube.com/v/kuTuY-U3w7k&amp;hl=en&amp;fs=1" /><embed type="application/x-shockwave-flash" width="425" height="344" src="http://www.youtube.com/v/kuTuY-U3w7k&amp;hl=en&amp;fs=1" allowscriptaccess="always" allowfullscreen="true"></embed></object></p>
<div class="hr"></div>
<p><a href="/blog/2009/06/17/favourite-south-african-logos-3">Continued: Part 3</a></p>
<img src="/blog/?ak_action=api_record_view&id=994&type=feed" alt="" />]]></content:encoded>
			<wfw:commentRss>http://coda.co.za/blog/2009/02/17/favourite-south-african-logos-2/feed</wfw:commentRss>
		<slash:comments>16</slash:comments>
		</item>
		<item>
		<title>Favourite South African logos: Part 1</title>
		<link>http://coda.co.za/blog/2009/01/26/favourite-south-african-logos-1</link>
		<comments>http://coda.co.za/blog/2009/01/26/favourite-south-african-logos-1#comments</comments>
		<pubDate>Sun, 25 Jan 2009 22:52:10 +0000</pubDate>
		<dc:creator>coda</dc:creator>
				<category><![CDATA[Uncategorized]]></category>
		<category><![CDATA[branding]]></category>
		<category><![CDATA[design]]></category>
		<category><![CDATA[identity]]></category>
		<category><![CDATA[inspiration]]></category>
		<category><![CDATA[logo]]></category>
		<category><![CDATA[marketing]]></category>
		<category><![CDATA[rugby]]></category>
		<category><![CDATA[sabc]]></category>
		<category><![CDATA[sharks]]></category>
		<category><![CDATA[stormers]]></category>
		<category><![CDATA[typography]]></category>
		<category><![CDATA[UJ]]></category>
		<category><![CDATA[university of johannesburg]]></category>

		<guid isPermaLink="false">http://coda.co.za/blog/?p=958</guid>
		<description><![CDATA[This post has been a while coming. I was initially planning to feature about 10 of my favourite South African logos in a single post, but while compiling the list I decided to rather split the post and dedicate more time to each logo.
I've mostly sourced information online, which I've found difficult for some, so [...]]]></description>
			<content:encoded><![CDATA[<p>This post has been a while coming. I was initially planning to feature about 10 of my favourite South African logos in a single post, but while compiling the list I decided to rather split the post and dedicate more time to each logo.</p>
<p>I've mostly sourced information online, which I've found difficult for some, so if you have anything to contribute please do so in a <a href="#addcomment">comment</a>, or <a href="/contact">contact me directly</a> if my information is incorrect, and I'll amend my post accordingly.</p>
<p>Which are your favourites, and why? Spend a few days thinking about it.</p>
<p>The logos featured are listed in no particular order. Here are the first 3:</p>
<div class="hr"></div>
<h3>SABC</h3>
<p>Simple. Attractive. Brilliant Concept.</p>
<p><a href="http://www.sabc.co.za"><img title="SABC" src="/blog/wp-content/uploads/2009/01/sabc1.png" alt="SABC" width="500" height="150" /></a></p>
<p>The <a href="http://www.sabc.co.za">SABC</a> (South African Broadcasting Corporation) is the state-owned broadcaster in South Africa and provides 18 radio stations (AM/FM) as well as 4 television broadcasts to the general public.</p>
<p>A snippet from their downloadable <a href="http://vcmstatic.sabc.co.za/VCMStaticProdStage/CORPORATE/SABC Corporate/StaticDocument/SABC_CIM_Micro.pdf">Corporate Identity Usage Manual</a> (PDF):</p>
<blockquote><p>Our identity encapsulates the original colours of South Africa’s rich heritage and national flag. The design depicts a clean SABC font for legibility, the broadcast signal of radio and television, radiating outward is paired with the shape of the African continent.</p>
<p>The SABC type is based on the <a href="http://www.myfonts.com/fonts/adobe/frutiger/">Frutiger</a> typeface. It bears witness to our self-image - no frills, but by no means ordinary, state-of-the-art but not artificially claiming to be new.</p></blockquote>
<p><img title="SABC" src="/blog/wp-content/uploads/2009/01/sabc2.png" alt="SABC" width="500" height="115" /></p>
<p>And more from their full CI Manual (which I found <a href="http://www.hq-gfx.de/wp-content/plugins/download-monitor/download.php?id=318">here</a>, 2007 version):</p>
<blockquote><p>The pay-off line "Vuka Sizwe!" ("Nation Arise!") drives the SABC as a Public Service Broadcaster. This verbal expression informs all SABC decisions - it says: Rise South Africa! Let's build a winning nation together.</p></blockquote>
<p>Designed by <a href="http://www.switchdesign.com/#/showcase/byoffice/29/244/">Switch Design</a>.</p>
<div class="hr"></div>
<h3>Sharks Rugby</h3>
<p>Cape Town's roads are ruled by two brands. What I mean by that is: with the exception of a few surf brands and English footy teams, you're more than likely to spot a car proudly adorned with one of two stickers. One is an <a href="http://www.apple.com">apple</a> (sometimes upside down, but always identifiable). The other is black and white, and belongs to <a href="http://www.sharksrugby.co.za">The Sharks</a>.</p>
<p>This is all the more impressive when you consider that Cape Town is home to the <a href="http://www.iamastormer.com">Stormers</a>, whose supporters are nowhere near as passionate when it comes to showing off their team's <a title="Stormers logo" href="/blog/wp-content/uploads/2009/01/vodacom-stormers.jpg">"S" wrapped around a lightning bolt</a> (ooohh, so intimidating).</p>
<p>This mascot is what sets the Sharks miles apart from their competition:</p>
<p><a href="http://www.sharksrugby.co.za"><img title="Sharks Rugby" src="/blog/wp-content/uploads/2009/01/sharks1.png" alt="Sharks Rugby" width="500" height="150" /></a></p>
<p><a href="http://www.sharksrugby.co.za">The Sharks</a> are a South African rugby union team competing in the Super 14. They are based in Durban and centred around the Natal Sharks union, also based in Durban and drawing players from all of KwaZulu-Natal Province.</p>
<p>In late 1995, after being informally called the <em>Banana Boys</em> for a substantial amount of time, the Natal Rugby Union adopted the Shark as their official mascot and namesake for the team. The Sharks mascot was launched in 1995 but the rebranding went into full swing in 1996.</p>
<p>Via <a href="http://www.nationmaster.com/encyclopedia/Sharks-(rugby-club)">Sharks (rugby club)</a> on NationMaster:</p>
<blockquote><p>The Sharks branding was the brain child of <a href="http://www.socialstrategygroup.com/indexbeta.php?p=terry">Terry Kukle</a>, the owner of <a href="http://taginternational.com">Tag International</a>. After assessing international marketing trends, Kukle presented this strategy to the council of the Natal Rugby Union. After many meetings a decision was finally made to go ahead with the new branding.</p>
<p>The local press at first were very hesitant to accept the new name and branding and fans were polarised by the radical proposed change that flew in the face of rugby tradition and convention. After much controversy in the media (which very rapidly brought the proposed brand to everyone's attention) and a very successful season supported by great products and promotions the Sharks were embraced by all.</p>
<p>The Sharks' marketing has been widely acknowledged in marketing and rugby circles as best practice and included as a successful case study in many marketing text books.</p></blockquote>
<p>More reading: <a href="http://www.sharksrugby.co.za/default.asp?Id=12178&amp;des=content">The Sharks Brand</a> at sharksrugby.co.za, and <a href="http://en.wikipedia.org/wiki/Sharks_(Super_rugby_franchise)#The_Sharks_Brand">The Sharks Brand</a> at Wikipedia.</p>
<p>(The Sharks are one of two sports teams that I'll be featuring, try and guess the other!)</p>
<div class="hr"></div>
<h3>University of Johannesburg</h3>
<p>I've featured this one on my blog <a href="/blog/2007/10/29/university-of-johannesburg-logo">previously</a>, if you missed that post then here it is again:</p>
<p><a href="http://www.uj.ac.za"><img title="University of Johannesburg" src="/blog/wp-content/uploads/2009/01/uj1.png" alt="University of Johannesburg" width="500" height="150" /></a></p>
<p>Established in December 2005, the <a href="http://www.uj.ac.za">University of Johannesburg</a> is the result of a merge between two of Gauteng's premier academic institutions - <a href="http://en.wikipedia.org/wiki/Rand_Afrikaans_University">Rand Afrikaans University</a> (RAU) and <a href="http://en.wikipedia.org/wiki/Technikon_Witwatersrand">Technikon Witwatersrand</a> (TMR) - and some <a href="http://en.wikipedia.org/wiki/Vista_University">Vista University</a> campuses. With over 40 000 full-time students and 2 700 permanent employees, it's one of the largest residential universities in South Africa.</p>
<p>In a joint venture, <a href="http://www.ibsa.co.za">Interbrand Sampson</a> and <a href="http://www.zanusi.co.za">Zanusi Brand Solutions</a> were appointed to develop the brand. <a href="http://www.code.co.za/archives.asp?client=33">Code</a> collaborated to design the logo as well as separate sports brands and just under 100 applications on everything from letterhead to signage and sports wear.</p>
<p>If you're curious you can read <a title="Visual brand identity unveiled for future University of Johannesburg" href="http://www.bizcommunity.com/PressOffice/PressRelease.aspx?i=322&amp;ai=5463">Interbrand Sampson's press release</a> which goes into <em>extreme</em> detail regarding the design process and outcome, <a href="http://www.code.co.za/archives.asp?client=33">view more designs</a> at Code's website, or read more on <a href="http://www.uj.ac.za/Informationabout/OurBrand/tabid/8287/Default.aspx">UJ's website</a>.</p>
<p>My favourite part of the logo is the book. Via the press release:</p>
<blockquote><p>In the centre of the logo, through the creative use of space, the illusion of an open book is created, representative of the book of knowledge. It is up to the beholder of the logo to notice that the space between the birds takes the shape of a book, thereby experiencing that learning and knowledge generation imply an interactive process.</p></blockquote>
<p>The birds are unmistakably the colourful <a href="/blog/wp-content/uploads/2009/01/hoopoe.jpg">African Hoopoe</a>, which is depicted more strongly in their <a href="/blog/wp-content/uploads/2009/01/uj_sport_logo.gif">Sports Bureau logo</a>, visible in action at <a href="http://www.uj.ac.za/ujsport">www.uj.ac.za/ujsport</a>.</p>
<p>The typeface is <a href="http://new.myfonts.com/fonts/adobe/avenir/">Avenir</a>.</p>
<div class="hr"></div>
<p><a href="/blog/2009/02/17/favourite-south-african-logos-2">Continued: Part 2</a></p>
<img src="/blog/?ak_action=api_record_view&id=958&type=feed" alt="" />]]></content:encoded>
			<wfw:commentRss>http://coda.co.za/blog/2009/01/26/favourite-south-african-logos-1/feed</wfw:commentRss>
		<slash:comments>6</slash:comments>
		</item>
		<item>
		<title>UPDATE: Post removed</title>
		<link>http://coda.co.za/blog/2008/10/09/update-post-removed</link>
		<comments>http://coda.co.za/blog/2008/10/09/update-post-removed#comments</comments>
		<pubDate>Thu, 09 Oct 2008 12:35:19 +0000</pubDate>
		<dc:creator>coda</dc:creator>
				<category><![CDATA[Uncategorized]]></category>
		<category><![CDATA[branding]]></category>
		<category><![CDATA[copyright]]></category>
		<category><![CDATA[design]]></category>
		<category><![CDATA[plagiarism]]></category>
		<category><![CDATA[ripped]]></category>
		<category><![CDATA[stolen]]></category>

		<guid isPermaLink="false">http://coda.co.za/blog/?p=969</guid>
		<description><![CDATA[UPDATE [15/10]: This post  and all related comments have been temporarily removed, pending further discussions on the matter with the parties concerned.
]]></description>
			<content:encoded><![CDATA[<p>UPDATE [15/10]: This post  and all related comments have been temporarily removed, pending further discussions on the matter with the parties concerned.</p>
<img src="/blog/?ak_action=api_record_view&id=969&type=feed" alt="" />]]></content:encoded>
			<wfw:commentRss>http://coda.co.za/blog/2008/10/09/update-post-removed/feed</wfw:commentRss>
		<slash:comments>0</slash:comments>
		</item>
		<item>
		<title>Sawubona to Zakumi!</title>
		<link>http://coda.co.za/blog/2008/09/22/sawubona-to-zakumi</link>
		<comments>http://coda.co.za/blog/2008/09/22/sawubona-to-zakumi#comments</comments>
		<pubDate>Mon, 22 Sep 2008 21:16:17 +0000</pubDate>
		<dc:creator>coda</dc:creator>
				<category><![CDATA[Uncategorized]]></category>
		<category><![CDATA[2010]]></category>
		<category><![CDATA[andries odendaal]]></category>
		<category><![CDATA[design]]></category>
		<category><![CDATA[fifa]]></category>
		<category><![CDATA[fifa world cup]]></category>
		<category><![CDATA[mascot]]></category>
		<category><![CDATA[world cup]]></category>
		<category><![CDATA[zakumi]]></category>

		<guid isPermaLink="false">http://coda.co.za/blog/?p=959</guid>
		<description><![CDATA[Say hello to Zakumi! A "jolly, self-confident, adventurous, spontaneous, and actually quite shrewd little fellow", and the official mascot of the 2010 FIFA World Cup.
He's a 12-year-old leopard sporting the green and gold colours of Bafana Bafana, and who at one time "decided to dye his hair green as he felt it would be the [...]]]></description>
			<content:encoded><![CDATA[<p><a href="/blog/wp-content/uploads/2008/09/zakumi_large.png"><img style="float:right; margin-left:15px;" title="Zakumi" src="/blog/wp-content/uploads/2008/09/zakumi1.png" alt="" width="200" height="224" /></a>Say hello to Zakumi! A "jolly, self-confident, adventurous, spontaneous, and actually quite shrewd little fellow", and the official mascot of the <a href="http://www.fifa.com/worldcup/index.html">2010 FIFA World Cup</a>.</p>
<p>He's a 12-year-old leopard sporting the green and gold colours of <a href="http://en.wikipedia.org/wiki/Bafana_Bafana">Bafana Bafana</a>, and who at one time "decided to dye his hair green as he felt it would be the perfect camouflage against the green of the football pitch". <a href="/blog/wp-content/uploads/2008/09/887050_1024.jpg">See him in action here</a>.</p>
<p><a href="http://www.fifa.com/worldcup/organisation/mascot/index.html">Zakumi - a Mascot with attitude</a>, via FIFA.com:</p>
<blockquote><p>The name "Zakumi" is a composition of "ZA" standing for South Africa and "kumi", which translates into "10" in various languages across Africa.</p></blockquote>
<p>Zakumi was born in 1994 and will be sixteen in 2010 - as young as South Africa's democracy.</p>
<p>Again via FIFA.com, <a href="http://www.fifa.com/worldcup/organisation/media/newsid=887044.html#zakumi+official+mascot+unveiled">Official Mascot unveiled</a>:</p>
<blockquote><p>The original creator of the design is Andries Odendaal from Cape Town, and the mascot costume itself was produced by Cora Simpson of Cora's Costumes cc in Boksburg. "Zakumi is a proud South African and, as such, an ideal ambassador for the first African World Cup." explained Danny Jordaan.</p></blockquote>
<p>I know Andries as a fellow interactive designer and developer - he was the <em>huge</em> talent behind <a href="http://www.wireframe.co.za">Wireframe</a> back in the early days of new media establishment in South Africa and more recently consulted for <a href="http://www.hive.co.za/interactive_andries.htm">HIVE</a>. He has received wide spread recognition for his work (check out <a href="http://kids.discovery.com/games/whizzball/whizzball.html">Whizzball</a> for example) and is considered one of the foremost Flash and Director developers in the world. Congrats dude, another feather in your cap!</p>
<p>Zakumi is by far the best FIFA World Cup mascot when you consider <a href="http://www.planetworldcup.com/MASCOTS/mascots.html">his predecessors</a>, or as <a href="http://twitter.com/arbitraryuser/statuses/930628686">arbitraryuser</a> put it so well, "breakfast cereal characters". It's also nice to see the mascot <a href="http://www.worldcupblog.org/world-cup-2006/goleos-roar-half-naked-lions-sales-not-good.html">fully dressed</a> again. ;)</p>
<p><a href="http://www.fifa.com/worldcup/destination/southafricafromatoz/letter=l/index.html">Laaddduuuuummmaaa</a>!</p>
<p>Read more at IHT.com: <a href="http://www.iht.com/articles/ap/2008/09/22/sports/SOC-WCup-2010-Mascot.php">Leopard Zakumi leaps into World Cup spotlight</a></p>
<img src="/blog/?ak_action=api_record_view&id=959&type=feed" alt="" />]]></content:encoded>
			<wfw:commentRss>http://coda.co.za/blog/2008/09/22/sawubona-to-zakumi/feed</wfw:commentRss>
		<slash:comments>15</slash:comments>
		</item>
		<item>
		<title>Thoughts on mnmlsm</title>
		<link>http://coda.co.za/blog/2008/06/23/thoughts-on-mnmlsm</link>
		<comments>http://coda.co.za/blog/2008/06/23/thoughts-on-mnmlsm#comments</comments>
		<pubDate>Sun, 22 Jun 2008 22:41:32 +0000</pubDate>
		<dc:creator>coda</dc:creator>
				<category><![CDATA[Uncategorized]]></category>
		<category><![CDATA[accessibility]]></category>
		<category><![CDATA[design]]></category>
		<category><![CDATA[evangelism]]></category>
		<category><![CDATA[KISS]]></category>
		<category><![CDATA[minimalism]]></category>
		<category><![CDATA[mnmlsm]]></category>
		<category><![CDATA[technology]]></category>
		<category><![CDATA[usability]]></category>
		<category><![CDATA[user experience]]></category>
		<category><![CDATA[user-centered]]></category>

		<guid isPermaLink="false">http://coda.co.za/blog/?p=939</guid>
		<description><![CDATA[In Mark Pilgrim's recent post on Minimalism, he rationalises the simplifying of his blog design by completely removing all superflous and redundant functionality from his pages in favour of the tools natively supported by the web browser itself (a modern one, at least). His list includes:

No page titles in favour of the browser window's title [...]]]></description>
			<content:encoded><![CDATA[<p>In Mark Pilgrim's recent post on <a href="http://diveintomark.org/archives/2008/06/21/minimalism">Minimalism</a>, he rationalises the simplifying of his blog design by completely removing all superflous and redundant functionality from his pages in favour of the tools natively supported by the web browser itself (a modern one, at least). His list includes:</p>
<ul>
<li>No page titles in favour of the browser window's title bar</li>
<li><a href="http://www.petefreitag.com/item/384.cfm">Feed Autodiscovery</a> in favour of RSS/Atom feed buttons and links</li>
<li><a href="http://diveintoaccessibility.org/day_9_providing_additional_navigation_aids.html">Navigation aids</a> in favour of previous/next links</li>
<li><a href="http://www.opensearch.org">OpenSearch</a> in favour of a search form</li>
</ul>
<p>Another classic example of redundant functionality is the "print this page" link that you'll still easily find littering the web. Bonus annoyance points for launching a popup window. The intention behind this madness is to provide the user with a print-friendly version of the page content. But with today's <a href="http://www.getfirefox.com">modern</a> <a href="http://www.opera.com/products/desktop/">web</a> <a href="http://www.apple.com/safari/">browsers</a>, the best practice is of course to support CSS media types for multiple devices. A <a href="http://www.webcredible.co.uk/user-friendly-resources/css/print-stylesheet.shtml">print style sheet</a> is very easy to create, test and implement. And if you don't like multiple style sheets, you can <a href="http://meiert.com/en/blog/20070221/print-style-sheets-the-basics-for-no-excuses/">include your print rules</a> in your global file to reduce server requests.</p>
<p>Some more quick examples of redundant functionality:</p>
<ul>
<li>controls to adjust text sizes</li>
<li>"make this your home page" links</li>
<li>"launch external links in a new window" option</li>
<li>displaying the current date and time</li>
</ul>
<p>Duplicating browser functionality in-page dumbs down the experience into a cross-browser compliancy mess. The practice of shifting user control from the page to the browser is very tempting for a number of reasons:</p>
<ol>
<li>The consistency of the user experience is improved across the web. This is huge. Users don't need to waste time hunting for a search form, pagination, feed links or print controls if they know where to find these in one standard place within their browser. Both Firefox 2+ and IE7+ support <a href="http://en.wikipedia.org/wiki/OpenSearch">OpenSearch</a> - imagine how much more improved the implementations could be in the context of this post.</li>
<li>Users become instinctively more familiar with the powerful possibilities provided by their web browser, and potentially their PC's applications in general.</li>
<li>By reducing the amount of JavaScript on the page (which is responsible for reproducing most of the functionality), you're reducing the potential for scripting-related issues to occur.</li>
<li>It frees up valuable screen space for more appropriate and useful content.</li>
</ol>
<p>Although still a work in progress, Mark's approach is drastic and for most practical purposes, unrealistic. I love that it's progressive and places focus on the content (a topic I've been meaning to blog about for quite a while) - it's almost a glimpse into the web of the future. But it suffers with no <a href="http://en.wikipedia.org/wiki/Backward_compatibility">backward compatibility</a>. He also mentions that some of his decisions aren't user-centered but rather personal-related, as bizarre and self-defeating as that sounds. On his new <a href="http://diveintomark.org/archives">archives page</a>:</p>
<blockquote><p>If you like it too, that’s nice, but I don’t care about your opinion nearly as much as you might think.</p></blockquote>
<p>His commenting system currently only supports OpenID users, so as an Anonymous user, I left the following thought (I can't remember where I first read this, and I can't find it elsewhere either, so no credit unfortunately):</p>
<blockquote><p>Less is more. Until more is less.</p></blockquote>
<p>I've integrated this one liner into my creative thought process, which I hope is obvious on this site. There's a fine line between <em>overdesigning</em>, or providing so much to the point that the experience becomes overwhelming, and <em>underdesigning</em>, or simplifying to the point that the most basic design concepts (heirarchy, navigation, accessibility) are compromised. Finding a balance isn't a complicated or challenging task, it just requires insight and carefully considered planning.</p>
<p>Second-guessing <em>every</em> detail is a good place to start if you have an existing site. Question what value it serves to your users, if at all, and if that value justifies its position on the page. I think the biggest mistake we make is to add stuff to our designs that we see elsewhere, without considering it in our own unique context. Just because John has a feed icon the size of a house in his sidebar, doesn't necessarily translate to more subscribers. In my eyes it screams of desperation.</p>
<p>My blog sidebar is a perfect example of where I've applied this thinking: I have plenty of vertical white space to litter and decorate it with all kinds of non-essential content, banners and buttons, but I know that will detract from the overall experience so I choose not to. I only show what I think it relevant to the content on that particular page and useful to the reader.</p>
<p>My footer is also designed to be as simple as possible. Many site footers brag about the W3C web standards-compliancy of their HTML markup or style sheets. Tech-related footers brag about the time it took for the page to render on their server. I used to think this was all useful or fun myself, but that was when it still mattered. If that information is really worth sharing, include it on a separate "about" page.</p>
<p>I'd even be willing to argue the usefulness of the popular "back to top" link, but I suspect it has a newfound place on mobile devices or is required by assistive technologies, in which case it should only be visible in those instances.</p>
<p>The web, however you prefer to tag or version it, is forever evolving and maturing. But the adoption of new ideas will unfortunately always rely on usage patterns evolving with it.</p>
<p>It's unfair to argue that it's the sole responsibility of any user to familiarise themselves with the necessary skills and tools required to become a comfortably proficient web user in the first place. And as the current online trends reveal, some unfortunate and regretful decisions by those of us building the web over the years have already suppressed the perfect user experience. For now, at least.</p>
<p>(Side-note: I have a particular site in mind that partly prompted this post, but I'll leave that for a follow-up.)</p>
<img src="/blog/?ak_action=api_record_view&id=939&type=feed" alt="" />]]></content:encoded>
			<wfw:commentRss>http://coda.co.za/blog/2008/06/23/thoughts-on-mnmlsm/feed</wfw:commentRss>
		<slash:comments>11</slash:comments>
		</item>
		<item>
		<title>User Experience design inspiration</title>
		<link>http://coda.co.za/blog/2008/06/13/user-experience-design-inspiration</link>
		<comments>http://coda.co.za/blog/2008/06/13/user-experience-design-inspiration#comments</comments>
		<pubDate>Fri, 13 Jun 2008 11:54:03 +0000</pubDate>
		<dc:creator>coda</dc:creator>
				<category><![CDATA[Uncategorized]]></category>
		<category><![CDATA[content]]></category>
		<category><![CDATA[design]]></category>
		<category><![CDATA[download day]]></category>
		<category><![CDATA[evangelism]]></category>
		<category><![CDATA[firefox]]></category>
		<category><![CDATA[information architecture]]></category>
		<category><![CDATA[mozilla]]></category>
		<category><![CDATA[quote]]></category>
		<category><![CDATA[user experience]]></category>
		<category><![CDATA[world record]]></category>

		<guid isPermaLink="false">http://coda.co.za/blog/?p=936</guid>
		<description><![CDATA[One of my current feed favourites comes via inspireUX - "words to inspire user experience designers". Every second day I receive a new quote in my feed reader that focuses on the impact that user experience has on people, business, or the world.
Here is today's quote, for example:
Content makes the sale, delivers the service and [...]]]></description>
			<content:encoded><![CDATA[<p>One of my current feed favourites comes via <a href="http://www.inspireux.com">inspireUX</a> - "words to inspire user experience designers". Every second day I receive a new quote in <a title="Snarfer - free RSS reader" href="http://www.snarfware.com">my feed reader</a> that focuses on the impact that user experience has on people, business, or the world.</p>
<p>Here is today's quote, for example:</p>
<blockquote><p>Content makes the sale, delivers the service and builds the brand. The architecture is the container of the website, but content—well, it’s the content in the container. We don’t buy from iTunes because of its architecture; we buy because of its music. Great information architecture is invisible so that the content can shine through. - Gerry McGovern</p></blockquote>
<p>Each quote is also published in a useful <a href="http://www.inspireux.com/wp-content/uploads/35.gif">quote card format</a> for download and print. Feed URL: <a href="http://feeds.feedburner.com/Inspireux">http://feeds.feedburner.com/Inspireux</a></p>
<p>And while I'm here, don't forget to get involved in <a href="http://www.spreadfirefox.com/en-US/worldrecord/">Firefox Download Day 2008</a> which is officially happening this coming Tuesday, 17 June.</p>
<p><a href="http://www.spreadfirefox.com/node&amp;id=0&amp;t=272"><img title="Help Firefox set a World Record!" src="/blog/wp-content/uploads/2008/06/ff3_downloadday.png" alt="Download Day" width="466" height="58" /></a></p>
<p>Pledge to get <strong>Firefox 3</strong> during Download Day to set the Guinness World Record for Most Software Downloaded in 24 Hours. It's a fun cause, and you'll be doing yourself a favour at the same time. With more than 15,000 improvements, Firefox 3 is faster, safer and smarter than before.</p>
<p>At the time of writing this, there are                                              1,154,980 total pledges worldwide, 3,720 of which belong to South Africa.</p>
<p>Ch-ch-check it out!</p>
<img src="/blog/?ak_action=api_record_view&id=936&type=feed" alt="" />]]></content:encoded>
			<wfw:commentRss>http://coda.co.za/blog/2008/06/13/user-experience-design-inspiration/feed</wfw:commentRss>
		<slash:comments>5</slash:comments>
		</item>
		<item>
		<title>Reebok Reebrand</title>
		<link>http://coda.co.za/blog/2008/05/22/reebok-reebrand</link>
		<comments>http://coda.co.za/blog/2008/05/22/reebok-reebrand#comments</comments>
		<pubDate>Wed, 21 May 2008 22:36:05 +0000</pubDate>
		<dc:creator>coda</dc:creator>
				<category><![CDATA[Uncategorized]]></category>
		<category><![CDATA[brand]]></category>
		<category><![CDATA[branding]]></category>
		<category><![CDATA[design]]></category>
		<category><![CDATA[identity]]></category>
		<category><![CDATA[logo]]></category>
		<category><![CDATA[rbk]]></category>
		<category><![CDATA[rebrand]]></category>
		<category><![CDATA[reebok]]></category>

		<guid isPermaLink="false">http://coda.co.za/blog/?p=930</guid>
		<description><![CDATA[Sportswear giant Reebok (a subsidiary of the Adidas Group) have rebranded. And quietly at that, because I can't find any information about it.
After catching the final seconds of their new TV campaign this evening, I hopped on over to Reebok.co.za (shockingly poor site) and Reebok.com, which both feature their new logo and associated brand elements.

They've [...]]]></description>
			<content:encoded><![CDATA[<p>Sportswear giant <a href="http://en.wikipedia.org/wiki/Reebok">Reebok</a> (a subsidiary of the <a href="http://www.adidas-group.com/en/ourbrands/reebok/welcome.asp">Adidas Group</a>) have rebranded. And quietly at that, because I can't find any information about it.</p>
<p>After catching the final seconds of their new <a href="http://reebok.co.za/news_tvcampaign.html">TV campaign</a> this evening, I hopped on over to <a href="http://www.reebok.co.za">Reebok.co.za</a> (shockingly poor site) and <a href="http://www.reebok.com">Reebok.com</a>, which both feature their new logo and associated brand elements.</p>
<p><img src="/blog/wp-content/uploads/2008/05/reebok.gif" alt="Reebok logo" width="200" height="60" /></p>
<p>They've dropped their historic mark - an unfortunate move because I quite like it (whatever it's supposed to represent), but I imagine it will survive in their products - and have adopted a new typeface.</p>
<p>It's really confusing when you get into it. Admittedly, I began this post with the impression that they were undergoing an <a title="Repositioning: Reebok re-brands for hip-hop crowd; Arnell Group to lead charge as RBK goes after No. 1 Nike with street-inspired line" href="http://findarticles.com/p/articles/mi_go1545/is_200201/ai_n6673550">RbK transformation</a> since 2002. But after some digging around, I now realise that I never understood their marketing efforts. RbK is simply just <a href="http://goliath.ecnext.com/coms2/summary_0199-2211186_ITM" title="Ruth Mortimer discusses the new RBK label and asks if marketers or consumers can make brands">a niche sub-brand</a> aimed at the urban youth market. It didn't help that their <a href="http://en.wikipedia.org/wiki/Reebok">Wikipedia entry</a> contains the RbK logo and that RbK.com now redirects to Reebok.com.</p>
<p>I can't find anything on the history of the brand either. <a href="http://www.brandsoftheworld.com">Brands of the World</a> returns 14 search results, and based on my own recollections of their logo over the years, I've compiled the following <em>rough</em> logo evolution (RbK included):</p>
<p style="overflow:auto; width:100%; height:90px; white-space:nowrap; margin-bottom:10px"><img src="/blog/wp-content/uploads/2008/05/reebok_history.gif" alt="Reebok logo history" width="1413" height="68" /></p>
<p>Can't say I <em>love</em> any of them - the typeface always seems to let them down, and their new logo is no different. It's too conservative (read: "boring" and "uninspiring"). And before anyone suggests it... no, that's not the Facebook font.</p>
<p>This rebrand marks the 50th anniversary of their name, which incidentally has its roots in South Africa:</p>
<blockquote><p>The name comes from Afrikaans/Dutch spelling of <a href="http://en.wikipedia.org/wiki/Rhebok">rhebok</a>, a type of African antelope/gazelle. The company, founded in Bolton in 1895, was originally called <strong>Mercury Sports</strong> but was renamed Reebok in 1958. The company's founders, Joe and Jeff Foster, found the name in a dictionary won in a race by Joe Foster as a boy; the dictionary was a South African edition, hence the spelling.</p></blockquote>
<p>For some related logo fun, check out <a href="http://marioav.blogspot.com/2008/04/just-for-fun.html">Logo Mashups</a> and <a href="http://logologos.blogspot.com">Logo Equations</a> (both via <a href="http://www.underconsideration.com/brandnew/" title="Opinions on Corporate and Brand Identity Work">Brand New</a>).</p>
<img src="/blog/?ak_action=api_record_view&id=930&type=feed" alt="" />]]></content:encoded>
			<wfw:commentRss>http://coda.co.za/blog/2008/05/22/reebok-reebrand/feed</wfw:commentRss>
		<slash:comments>13</slash:comments>
		</item>
		<item>
		<title>Green Point Stadium</title>
		<link>http://coda.co.za/blog/2008/05/07/green-point-stadium</link>
		<comments>http://coda.co.za/blog/2008/05/07/green-point-stadium#comments</comments>
		<pubDate>Wed, 07 May 2008 02:45:33 +0000</pubDate>
		<dc:creator>coda</dc:creator>
				<category><![CDATA[Uncategorized]]></category>
		<category><![CDATA[2010]]></category>
		<category><![CDATA[architecture]]></category>
		<category><![CDATA[cape town]]></category>
		<category><![CDATA[design]]></category>
		<category><![CDATA[fifa world cup]]></category>
		<category><![CDATA[football]]></category>
		<category><![CDATA[green point]]></category>
		<category><![CDATA[inspiration]]></category>
		<category><![CDATA[soccer]]></category>
		<category><![CDATA[stadium]]></category>
		<category><![CDATA[video]]></category>
		<category><![CDATA[youtube]]></category>

		<guid isPermaLink="false">http://coda.co.za/blog/?p=928</guid>
		<description><![CDATA[I stumbled on this rendered video by Macina Digital Film of the Green Point Stadium in Cape Town currently under construction (view progress gallery) for the 2010 FIFA World Cup.
Quite inspiring, I especially love the floodlights and nighttime illumination. But from an aerial perspective I still think it looks like a giant toilet bowl, as [...]]]></description>
			<content:encoded><![CDATA[<p>I stumbled on this rendered video by <a href="http://www.macina.com/index.php?id=11&amp;pjid=390&amp;paging=0&amp;L=0&amp;no_cache=1">Macina Digital Film</a> of the Green Point Stadium in Cape Town currently under construction (<a title="Green Point Stadium construction progress" href="http://www.capetown.gov.za/en/2010/gallery/Pages/StadiumConstructionProgress11.aspx">view progress gallery</a>) for the 2010 FIFA World Cup.</p>
<p>Quite inspiring, I especially love the floodlights and nighttime illumination. But from an aerial perspective I still think it looks like a giant toilet bowl, as <a href="/blog/2007/07/22/turning-torso">I mentioned before</a> (last paragraph). I suspect it will grow on me though since I drive past it almost weekly.</p>
<p><object classid="clsid:d27cdb6e-ae6d-11cf-96b8-444553540000" width="425" height="355" codebase="http://download.macromedia.com/pub/shockwave/cabs/flash/swflash.cab#version=6,0,40,0"><param name="wmode" value="transparent" /><param name="src" value="http://www.youtube.com/v/I2lx0wexiYk&amp;hl=en" /><embed type="application/x-shockwave-flash" width="425" height="355" src="http://www.youtube.com/v/I2lx0wexiYk&amp;hl=en" wmode="transparent"></embed></object></p>
<p>The stadium at Green Point and supporting infrastructure for 2010 is the single biggest capital project Cape Town has ever undertaken.</p>
<p>More reading: <a href="http://en.wikipedia.org/wiki/Green_Point_Stadium">Green Point Stadium</a> on Wikipedia</p>
<img src="/blog/?ak_action=api_record_view&id=928&type=feed" alt="" />]]></content:encoded>
			<wfw:commentRss>http://coda.co.za/blog/2008/05/07/green-point-stadium/feed</wfw:commentRss>
		<slash:comments>17</slash:comments>
		</item>
	</channel>
</rss>

