<?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>Cthulhu and other crazies &#187; Usability</title>
	<atom:link href="http://swizec.com/blog/tag/usability/feed" rel="self" type="application/rss+xml" />
	<link>http://swizec.com/blog</link>
	<description>A blog about life, the universe and everything else</description>
	<lastBuildDate>Mon, 26 Jul 2010 09:44:24 +0000</lastBuildDate>
	<generator>http://wordpress.org/?v=2.9.2</generator>
	<language>en</language>
	<sy:updatePeriod>hourly</sy:updatePeriod>
	<sy:updateFrequency>1</sy:updateFrequency>
			<item>
		<title>jQuery imageless buttons a la Google get an update</title>
		<link>http://swizec.com/blog/jquery-imageless-buttons-a-la-google-get-an-update/swizec/622</link>
		<comments>http://swizec.com/blog/jquery-imageless-buttons-a-la-google-get-an-update/swizec/622#comments</comments>
		<pubDate>Sun, 12 Jul 2009 12:01:02 +0000</pubDate>
		<dc:creator>Swizec</dc:creator>
				<category><![CDATA[Uncategorized]]></category>
		<category><![CDATA[Adobe AIR]]></category>
		<category><![CDATA[JavaScript]]></category>
		<category><![CDATA[jQuery]]></category>
		<category><![CDATA[Usability]]></category>

		<guid isPermaLink="false">http://swizec.com/blog/?p=622</guid>
		<description><![CDATA[That&#8217;s right, after my jQuery plugin for imageless buttons much akin to those Google use in their online apps has been out in the wild for almost six months, an update is now here, making them version &#8230; uhm &#8230; 1.0.3.
During this time jQuery.com claims the code to have been downloaded &#8230; well darn, doesn&#8217;t [...]]]></description>
			<content:encoded><![CDATA[<p>That&#8217;s right, after my <a href="http://swizec.com/code/styledButton/">jQuery plugin for imageless buttons</a> much akin to those <a class="zem_slink" title="Google" rel="wikipedia" href="http://en.wikipedia.org/wiki/Google">Google</a> use in their online apps has been out in the wild for almost six months, an update is now here, making them version &#8230; uhm &#8230; 1.0.3.</p>
<p>During this time <a class="zem_slink" title="JQuery" rel="wikipedia" href="http://en.wikipedia.org/wiki/JQuery">jQuery</a>.com claims the code to have been downloaded &#8230; well darn, doesn&#8217;t say anything since I apparently didn&#8217;t add an actual release. Silly of me. But google analytics claims the page to have been viewed 6222 times, which makes it the single most popular page on this site. Yay.</p>
<p><a href="http://swizec.com/code/styledButton"><img class="alignleft size-full wp-image-623" title="styledButton screenshot" src="http://swizec.com/blog/wp-content/uploads/2009/07/Picture-1.png" alt="styledButton screenshot" width="654" height="142" /></a></p>
<p>Nothing much has actually changed except that I fixed a horrible bug, which prevented you from having tagged captions in buttons with dropdowns &#8211; this surprisingly took all night to fix, since what you&#8217;d normally expect jQuery to do simply melted down and refused to work, yes, even with the latest versions. Aside from that I&#8217;ve also dropped support for <a class="zem_slink" title="Safari (web browser)" rel="wikipedia" href="http://en.wikipedia.org/wiki/Safari_%28web_browser%29">Safari</a> 2 because updating jQuery to 1.3.x killed everything. It was a surprise to me, but the latest jQuery simply refused to load, <em>nothing</em> worked.</p>
<p>However, if you wish to support the old jQuery this imageless buttons plugin should still work as well as ever, except you won&#8217;t be able to use tagged captions for dropdowns.</p>
<p>That makes the list of supported browsers as follows:</p>
<ul>
<li><a class="zem_slink" title="Opera Software" rel="homepage" href="http://www.opera.com">Opera</a> 10 beta</li>
<li>Opera 9.6x</li>
<li><a class="zem_slink" title="Mozilla Firefox" rel="wikipedia" href="http://en.wikipedia.org/wiki/Mozilla_Firefox">Firefox</a> 3</li>
<li>Firefox 2</li>
<li>Safari 4</li>
<li>Safari 3</li>
<li>Internet Explorer 8 beta</li>
<li><a class="zem_slink" title="Internet Explorer 7" rel="wikipedia" href="http://en.wikipedia.org/wiki/Internet_Explorer_7">Internet Explorer 7</a></li>
<li>Internet Explorer 6</li>
<li>Chrome</li>
<li>Adobe <a class="zem_slink" title="Adobe Integrated Runtime" rel="wikipedia" href="http://en.wikipedia.org/wiki/Adobe_Integrated_Runtime">AIR</a> 1.5+</li>
</ul>
<p>Which means it should display pixel perfect and the same in all of those, except of course for any differences in parsing fonts.</p>
<ul></ul>
<div class="zemanta-pixie" style="margin-top: 10px; height: 15px;"><a class="zemanta-pixie-a" title="Reblog this post [with Zemanta]" href="http://reblog.zemanta.com/zemified/5253e1f6-7bed-401a-894a-32b6f23f2734/"><img class="zemanta-pixie-img" style="border: none; float: right;" src="http://img.zemanta.com/reblog_e.png?x-id=5253e1f6-7bed-401a-894a-32b6f23f2734" alt="Reblog this post [with Zemanta]" /></a><span class="zem-script more-related pretty-attribution"><script src="http://static.zemanta.com/readside/loader.js" type="text/javascript"></script></span></div>
]]></content:encoded>
			<wfw:commentRss>http://swizec.com/blog/jquery-imageless-buttons-a-la-google-get-an-update/swizec/622/feed</wfw:commentRss>
		<slash:comments>6</slash:comments>
		</item>
		<item>
		<title>Stupid users are a myth</title>
		<link>http://swizec.com/blog/stupid-users-are-a-myth/swizec/449</link>
		<comments>http://swizec.com/blog/stupid-users-are-a-myth/swizec/449#comments</comments>
		<pubDate>Tue, 17 Mar 2009 12:49:59 +0000</pubDate>
		<dc:creator>Swizec</dc:creator>
				<category><![CDATA[Uncategorized]]></category>
		<category><![CDATA[commentary]]></category>
		<category><![CDATA[food for thought]]></category>
		<category><![CDATA[Human-computer interaction]]></category>
		<category><![CDATA[society]]></category>
		<category><![CDATA[Usability]]></category>

		<guid isPermaLink="false">http://swizec.com/blog/?p=449</guid>
		<description><![CDATA[



Image via Wikipedia



As developers we often berate our users for being stupid, even go so far as making up sayings to make it easier; what&#8217;s more, we even employ some very smart people and proverbs about stupidity to aid us in our cause to make fun of the stupid (l)users:

Human stupidity is nonconvergent &#8211; it [...]]]></description>
			<content:encoded><![CDATA[<div class="zemanta-img" style="margin: 1em; display: block;">
<div>
<dl class="wp-caption alignright" style="width: 212px;">
<dt class="wp-caption-dt"><a href="http://commons.wikipedia.org/wiki/Image:Einstein1921_by_F_Schmutzer_2.jpg" rel="lightbox[449]"><img title="Albert Einstein during a lecture in Vienna in 1921" src="http://upload.wikimedia.org/wikipedia/commons/thumb/a/af/Einstein1921_by_F_Schmutzer_2.jpg/202px-Einstein1921_by_F_Schmutzer_2.jpg" alt="Albert Einstein during a lecture in Vienna in 1921" width="202" height="252" /></a></dt>
<dd class="wp-caption-dd zemanta-img-attribution" style="font-size: 0.8em;">Image via <a href="http://commons.wikipedia.org/wiki/Image:Einstein1921_by_F_Schmutzer_2.jpg" rel="lightbox[449]">Wikipedia</a></dd>
</dl>
</div>
</div>
<p>As developers we often berate our users for being stupid, even go so far as making up sayings to make it easier; what&#8217;s more, we even employ some very smart people and proverbs about stupidity to aid us in our cause to make fun of the stupid (l)users:</p>
<ul>
<li>Human stupidity is nonconvergent &#8211; it has no limit</li>
<li>Two things are infinite: the universe and human stupidity; and I&#8217;m not sure about the universe.</li>
<li>No matter how idiot proof you make something, humanity/evolution will always provide a better idiot</li>
<li>PEBCAK/PEBKAC Error &#8220;problem exists between chair and keyboard&#8221; &#8211; <a class="zem_slink" title="ID-Ten-T Error" rel="wikipedia" href="http://en.wikipedia.org/wiki/ID-Ten-T_Error">ID10T</a> Error (via @foulbastard)</li>
<li>Or <a class="zem_slink" title="PEBKAC" rel="wikipedia" href="http://en.wikipedia.org/wiki/PEBKAC">PICNIC</a>. Problem In Chair Not In Computer (via @kapkap)</li>
<li>no system, no matter how greatly developed, is resistant against dumb pulling off switch (via @Rokrca)</li>
</ul>
<p>But let me ask you something, are you as a developer absolutely certain that the user is stupid and the fault doesn&#8217;t lie with your software? Can you prove without a doubt that what you developed is perfect and the Stupid User is just too idiotic to learn how to use your brilliant work?</p>
<h2><span id="more-449"></span></h2>
<h2>There are no stupid users, just useless tools</h2>
<div class="zemanta-img" style="margin: 1em; display: block;">
<div>
<dl class="wp-caption alignright" style="width: 212px;">
<dt class="wp-caption-dt"><a href="http://commons.wikipedia.org/wiki/Image:HumanProcessorModel.jpg" rel="lightbox[449]"><img title="Model of the Human Processor" src="http://upload.wikimedia.org/wikipedia/commons/thumb/6/66/HumanProcessorModel.jpg/202px-HumanProcessorModel.jpg" alt="Model of the Human Processor" width="202" height="179" /></a></dt>
<dd class="wp-caption-dd zemanta-img-attribution" style="font-size: 0.8em;">Image via <a href="http://commons.wikipedia.org/wiki/Image:HumanProcessorModel.jpg" rel="lightbox[449]">Wikipedia</a></dd>
</dl>
</div>
</div>
<p>An old saying goes, or maybe I just made it up, that <em>The tool is only as good as the person using it, </em>which seems like a terrible example to use, but hear me out. Notice that it doesn&#8217;t say the tool is good, neither does it say that the tool is brilliant, it says the tool is used.</p>
<p>So if a tool is only as good as the person using it and your tool is impossible to use, doesn&#8217;t that in effect mean that the tool is quite simply useless? See, the thing with software is that yes, you find it extremely simple, yes you&#8217;ve thought of everything (or so you think) and yes, you can&#8217;t understand what people find so hard about it. But the thing is, if a person can&#8217;t use something, they won&#8217;t.</p>
<p>It doesn&#8217;t matter how brilliant you are, it doesn&#8217;t even matter how well thought-out your algorithm is and that it uses two petaflops less than it could. If its interface can only be used by a rocket scientist and even then only after ten weeks of training that means <strong>you fail.</strong></p>
<p>Users don&#8217;t actually care about performance, most of them can&#8217;t tell poor performing software from a well performing software. All they care about is &#8220;Can I use it?&#8221; and if the answer to that question is No then they will move to a competitor that might cost a bit more or might be a bit slower. In fact the only time real users care about performance is when it affects usability.</p>
<h2>We are all stupid users</h2>
<p>Next time you make light fun of stupid users who have managed to uncover an error message you put in for fun &#8220;because no-one would be so stupid to make that sequence of actions&#8221; or when you make fun of people for not understanding how to do X in dialog Y and how on earth they could get confused about a modal dialog &#8230; you get the picture.</p>
<p>Well next time that happens, stop for a moment and think: <em>How often am I the stupid user? </em>Chances are the answer is Quite frequently.</p>
<p>We all hit snags when somebody forgets to think about usability somewhere, or puts performance/design/whatever before their users. We all know that one (or more) website where it&#8217;s easier to just use the search box than prowl around for what you need. We all go WTFLOL when a weird dialog box pops up. And we&#8217;ve all been forced into a situation where a sequence of actions needed to do something simply wasn&#8217;t logical at all (think VCR&#8217;s and most cell phones)</p>
<p>So does that make us stupid (l)users? Yes, how could it not, there was a piece of brilliant software just like we make every day and we couldn&#8217;t use it &#8230; but not actually, it justs shows we&#8217;re all users first and developers/geniuses later. Think about it, you seemed very stupid to your maths teacher in high school or wherever, but they would never berate you like that since they&#8217;re there to teach, not to gloat.</p>
<h2>Teach and reflect</h2>
<p>But what can we do to make our users less stupid? Well the obvious solution is to once in a while think like them even if it&#8217;s hard. Try to forget everything months of experience in testing has brought and see what a novice user would do. Set up girlfriend tests and find some dope who has no idea what X is and just watch them using your software. Do they find everything? Are they filled with questions, or can they do pretty much everything they want intuitively?</p>
<p>Most of all, when developing always keep in mind: <em>&#8220;Could I use it if I weren&#8217;t using it all the time?&#8221;</em></p>
<p>Better yet, make it so your interface is automatically teaching its users what to do. When they figure out an action all subsequent actions should follow the same mould. Consistency and discoverability are key. A feature the user can&#8217;t discover is a feature that doesn&#8217;t exist.</p>
<h2>Conclusion</h2>
<p>For conclusion let me condense this whole post into a lovely little soundbyte: There are no stupid users, just clueless developers.</p>
<h6 class="zemanta-related-title" style="font-size: 1em;">Related articles by Zemanta</h6>
<ul class="zemanta-article-ul">
<li class="zemanta-article-ul-li"><a href="http://www.90percentofeverything.com/2009/03/12/bsod-error-reporting-boost-the-error-reporting-user-experience-of-your-websites/">BSOD Error Reporting: boost the error reporting user experience of your websites.</a> (90percentofeverything.com)</li>
</ul>
<div class="zemanta-pixie" style="margin-top: 10px; height: 15px;"><a class="zemanta-pixie-a" title="Zemified by Zemanta" href="http://reblog.zemanta.com/zemified/a4e997fb-c78f-452d-be4d-afff7b41df05/"><img class="zemanta-pixie-img" style="border: none; float: right;" src="http://img.zemanta.com/reblog_e.png?x-id=a4e997fb-c78f-452d-be4d-afff7b41df05" alt="Reblog this post [with Zemanta]" /></a><span class="zem-script more-related"><script src="http://static.zemanta.com/readside/loader.js" type="text/javascript"></script></span></div>
]]></content:encoded>
			<wfw:commentRss>http://swizec.com/blog/stupid-users-are-a-myth/swizec/449/feed</wfw:commentRss>
		<slash:comments>7</slash:comments>
		</item>
	</channel>
</rss>
