<?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; user experience</title>
	<atom:link href="/blog/tag/user-experience/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>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>www.thephatjoeshow.tv</title>
		<link>http://coda.co.za/blog/2003/04/19/wwwthephatjoeshowtv</link>
		<comments>http://coda.co.za/blog/2003/04/19/wwwthephatjoeshowtv#comments</comments>
		<pubDate>Sat, 19 Apr 2003 23:48:22 +0000</pubDate>
		<dc:creator>coda</dc:creator>
				<category><![CDATA[Uncategorized]]></category>
		<category><![CDATA[browser]]></category>
		<category><![CDATA[criticism]]></category>
		<category><![CDATA[design]]></category>
		<category><![CDATA[phat joe]]></category>
		<category><![CDATA[review]]></category>
		<category><![CDATA[UI]]></category>
		<category><![CDATA[usability]]></category>
		<category><![CDATA[user experience]]></category>
		<category><![CDATA[user-centered]]></category>
		<category><![CDATA[UX]]></category>
		<category><![CDATA[web]]></category>
		<category><![CDATA[website]]></category>
		<category><![CDATA[wired]]></category>

		<guid isPermaLink="false">http://coda.co.za/blog/2003/04/19/wwwthephatjoeshowtv</guid>
		<description><![CDATA[Phat Joe, that guy on tv with the big lips, has a new website: www.thephatjoeshow.tv, and naturally I would have something to say about it.
The first thing I noticed were the 'Font size' and 'Tool Box' widgets featured prominently in the right-hand column. Clicking on either of the 'A' graphics alongside the 'Font size' item [...]]]></description>
			<content:encoded><![CDATA[<p>Phat Joe, that guy on tv with the big lips, has a new website: <a title="The Phat Joe Show" href="http://www.thephatjoeshow.tv">www.thephatjoeshow.tv</a>, and naturally I would have something to say about it.</p>
<p>The first thing I noticed were the '<em>Font size</em>' and '<em>Tool Box</em>' widgets featured prominently in the right-hand column. Clicking on either of the '<em>A</em>' graphics alongside the '<em>Font size</em>' item does what one would expect - the HTML text on the page is increased/decreased in size. Several flaws, though:</p>
<p>a) There are only two sizes to choose from - unlike for example, <a href="http://www.wired.com">wired.com</a>, which has four.<br />
b) The difference between the two sizes is not significant enough to make the function useful to anyone who would use it in the first place.<br />
c) The size you choose is not remembered when you navigate to another page, so you'd have to keep changing it every time if the small difference it makes really mattered to you.</p>
<p>As for the '<em>Tool box</em>' widgets, "<em>Add to Favourites</em>" and "<em>Make Me your home page</em>": it's a big trend for sites to include these options in their design, even though they are native functions of the Browser <acronym title="User Interface">UI</acronym> - including changing the '<em>Font size</em>'. Why replicate something in your site design that is already accessible via the browser and works so much better?</p>
<p><acronym title="For Your Information">FYI</acronym>, the "open external links in a new window" widget on my site, which wasn't working properly anyway (I modified it at some stage based on <a title="New-Window Links in a Standards-Compliant World" href="http://www.sitepoint.com/article/1041">this article</a>), is also an <a title="Dive Into Accessibility - 30 days to a more accessible web site - Day 16: Not opening new windows" href="http://diveintoaccessibility.org/day_16_not_opening_new_windows.html">existing implementation</a> in most modern browsers - users just need to learn that it's there.</p>
<img src="/blog/?ak_action=api_record_view&id=364&type=feed" alt="" />]]></content:encoded>
			<wfw:commentRss>http://coda.co.za/blog/2003/04/19/wwwthephatjoeshowtv/feed</wfw:commentRss>
		<slash:comments>0</slash:comments>
		</item>
	</channel>
</rss>

