<?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>Aligned Left Blog &#187; Usability</title>
	<atom:link href="http://alignedleft.com/blog/category/usability/feed/" rel="self" type="application/rss+xml" />
	<link>http://alignedleft.com/blog</link>
	<description>Exploring digital culture and dynamic media</description>
	<lastBuildDate>Thu, 15 Jul 2010 23:22:46 +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>When Red Can’t Be Read</title>
		<link>http://alignedleft.com/blog/2009/12/when-red-cant-be-read/</link>
		<comments>http://alignedleft.com/blog/2009/12/when-red-cant-be-read/#comments</comments>
		<pubDate>Wed, 02 Dec 2009 19:36:01 +0000</pubDate>
		<dc:creator>Scott</dc:creator>
				<category><![CDATA[Usability]]></category>

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

Nearly every error message on the web shows up in the color red.  Something about red just screams “warning! alert! fire!”  So what’s a web designer to do when red is already prominent in the design?

Virgin America chose purple.  Since Virgin’s colors are red and white, a red error message would have [...]]]></description>
			<content:encoded><![CDATA[<p><img src="http://alignedleft.com/blog/wp-content/uploads/2009/12/virgin-error.png" alt="virgin-error" title="virgin-error" width="635" height="369" class="alignnone size-full wp-image-572" /></p>

<p>Nearly every error message on the web shows up in the color red.  Something about red just screams “warning! alert! fire!”  So what’s a web designer to do when red is already prominent in the design?</p>

<p>Virgin America chose purple.  Since Virgin’s colors are red and white, a red error message would have been invisible.  But this purple-pink gradient stands out well enough and, unlike red, it doesn’t aggravate the reader.  If anything, it has a calming effect, mirroring the peaceful violet interiors of Virgin’s planes.</p>
]]></content:encoded>
			<wfw:commentRss>http://alignedleft.com/blog/2009/12/when-red-cant-be-read/feed/</wfw:commentRss>
		<slash:comments>0</slash:comments>
		</item>
		<item>
		<title>Better Butter</title>
		<link>http://alignedleft.com/blog/2009/10/better-butter/</link>
		<comments>http://alignedleft.com/blog/2009/10/better-butter/#comments</comments>
		<pubDate>Tue, 13 Oct 2009 23:58:35 +0000</pubDate>
		<dc:creator>Scott</dc:creator>
				<category><![CDATA[Life]]></category>
		<category><![CDATA[Usability]]></category>
		<category><![CDATA[cooking]]></category>
		<category><![CDATA[food]]></category>

		<guid isPermaLink="false">http://alignedleft.com/blog/?p=551</guid>
		<description><![CDATA[In a post last year, I complained about poorly designed butter labels that made cooking needlessly difficult.  The standard butter wrapper gives us only tablespoons, which isn’t useful when following a recipe that calls for, say 1/4 cup.



I’m pleased to announce that at least one company has finally designed a better butter label.  [...]]]></description>
			<content:encoded><![CDATA[<p>In <a href="http://alignedleft.com/blog/2008/03/unusable-butter/">a post last year</a>, I complained about poorly designed butter labels that made cooking needlessly difficult.  The standard butter wrapper gives us only tablespoons, which isn’t useful when following a recipe that calls for, say 1/4 cup.</p>

<p><img src="http://alignedleft.com/blog/wp-content/uploads/2009/10/butter1.jpg" alt="butter1" title="butter1" width="600" height="450" class="alignnone size-full wp-image-553" /></p>

<p>I’m pleased to announce that at least one company has finally designed a better butter label.  <a href="http://cloverstornetta.com/">Clover</a>, the people with the silly cartoon cows, has started marking 1/4, 1/3, and 1/2-cup measurements on their wrappers, in addition to the tablespoon measurements.</p>

<p><img src="http://alignedleft.com/blog/wp-content/uploads/2009/10/butter2.jpg" alt="butter2" title="butter2" width="600" height="450" class="alignnone size-full wp-image-552" /></p>

<p>As you can see, their organic butter (top image) doesn’t use the helpful new label — only the non-organic kind.  Well, it’s a start!</p>
]]></content:encoded>
			<wfw:commentRss>http://alignedleft.com/blog/2009/10/better-butter/feed/</wfw:commentRss>
		<slash:comments>0</slash:comments>
		</item>
		<item>
		<title>Criminal Tomatoes</title>
		<link>http://alignedleft.com/blog/2008/06/criminal-tomatoes/</link>
		<comments>http://alignedleft.com/blog/2008/06/criminal-tomatoes/#comments</comments>
		<pubDate>Tue, 24 Jun 2008 19:35:25 +0000</pubDate>
		<dc:creator>Scott</dc:creator>
				<category><![CDATA[Usability]]></category>

		<guid isPermaLink="false">http://alignedleft.com/blog/?p=214</guid>
		<description><![CDATA[I was about to run out to the store for some tomatoes, hoping to make my first batch of summer gazpacho, when I remembered the salmonella outbreak.  I checked the FDA’s website for the status, and encountered these photos:



The first thing that I noticed is that these look like perfectly normal tomatoes.  Salmonella, [...]]]></description>
			<content:encoded><![CDATA[<p>I was about to run out to the store for some tomatoes, hoping to make my first batch of summer gazpacho, when I remembered the salmonella outbreak.  I checked <a href="http://www.fda.gov/oc/opacom/hottopics/tomatoes.html">the FDA’s website</a> for the status, and encountered these photos:</p>

<p><img src="http://alignedleft.com/blog/wp-content/uploads/2008/06/criminal-tomatoes1.png" /></p>

<p>The first thing that I noticed is that these look like perfectly normal tomatoes.  Salmonella, a bacterium, is invisible to the naked eye.  So why is the FDA showing me absolutely useless pictures of infected tomatoes?</p>

<p>The second thing I noticed is that the captions seem to attribute blame -- and, therefore, agency -- to the tomatoes themselves, as though they actively conspired to spread disease among the human population.  The images now look more like police lineup photos, like something on the <a href="http://www.fbi.gov/wanted/topten/fugitives/fugitives.htm">FBI’s most wanted list</a>:</p>

<p><img src="http://alignedleft.com/blog/wp-content/uploads/2008/06/criminals1.png" /></p>
]]></content:encoded>
			<wfw:commentRss>http://alignedleft.com/blog/2008/06/criminal-tomatoes/feed/</wfw:commentRss>
		<slash:comments>0</slash:comments>
		</item>
		<item>
		<title>The Origin of the Apple Key</title>
		<link>http://alignedleft.com/blog/2008/06/the-origin-of-the-apple-key/</link>
		<comments>http://alignedleft.com/blog/2008/06/the-origin-of-the-apple-key/#comments</comments>
		<pubDate>Wed, 04 Jun 2008 04:24:55 +0000</pubDate>
		<dc:creator>Scott</dc:creator>
				<category><![CDATA[Thesis]]></category>
		<category><![CDATA[Usability]]></category>
		<category><![CDATA[history]]></category>

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

Image source: Jason Michael, Creative Commons Attribution-Noncommercial-Share Alike 2.0 License

Most keys on a keyboard make intuitive sense, even to a novice computer user, since nearly all of them are labeled with either familiar symbols (such as letters or numbers) or with recognizable words (enter, delete, escape).  The Apple key, however, has no familiar symbols [...]]]></description>
			<content:encoded><![CDATA[<p><img src="http://alignedleft.com/blog/wp-content/uploads/2008/06/macbook-keyboard-by-jason-michael1.jpg" /></p>

<p><em>Image source:</em> <a href="http://www.flickr.com/photos/jasonmichael/1973910/">Jason Michael</a>, <a href="http://creativecommons.org/licenses/by-nc-sa/2.0/">Creative Commons Attribution-Noncommercial-Share Alike 2.0 License</a></p>

<p>Most keys on a keyboard make intuitive sense, even to a novice computer user, since nearly all of them are labeled with either familiar symbols (such as letters or numbers) or with recognizable words (enter, delete, escape).  The Apple key, however, has no familiar symbols beyond the company logo, a mark whose meaning on something that you press is unclear.  Also on that key, the presence of a second, even less-meaningful mark -- the so-called “propeller” -- and the lack of a written label add to user confusion.</p>

<p>Try explaining basic user interface tasks to anyone new to the Mac, and you’ll see what I mean.  You can refer to it as “the Apple key,” which is descriptive, but the apple symbol has no on-screen significance.  The propeller mark does appear on-screen, but only the Mac-initiated know that <em>propeller</em> means <em>command</em>.  As a result, the Apple key is now called the command key, but that wasn’t always the case.</p>

<p>Having wondered about this glaring usability flaw for years, I was excited to discover <a href="http://blog.modernmechanix.com/2008/05/29/a-behind-the-scenes-look-at-the-development-of-apples-lisa/">this interview with members of the Lisa development team</a> from the February 1983 issue of <em>Byte Magazine</em>.  The Lisa was Apple’s short-lived, yet groundbreaking predecessor to the Macintosh.  In the interview, Larry Tesler, who was in charge of the Lisa’s applications software, explains how the Apple logo ended up on the keyboard:</p>

<blockquote>
  <p>[In a prototype version of the keyboard] you saw two keys that said Command on them. The new version has only one, and instead of saying Command it has a picture of an apple on it. The reason is that the key’s used as a shortcut to choose a menu command. If you look at a menu, on the right you’ll see this little apple symbol and a letter.</p>
</blockquote>

<p><img src="http://alignedleft.com/blog/wp-content/uploads/2008/06/lisa-screenshot1.jpg" /></p>

<p><em>Image source:</em> <a href="http://www.digibarn.com/collections/software/lisa/index.html">DigiBarn</a>, <a href="http://creativecommons.org/licenses/by-nc/3.0/">Creative Commons Attribution-Noncommercial 3.0 License</a></p>

<blockquote>
  <p>If you hold down the Apple key and the letter, you get the command. We couldn’t find any way to symbolize the Command key that would fit nicely in a menu and be recognizable to people. We tried and tried. Finally we decided that the apple looked nice and had a nice sound to it -- “Apple X,” “Apple R” -- and it keeps Apple in the mind of the user instead of “control” or something else. It’s a symbol that everybody using this machine will recognize instantly, so we decided to put it on the key as well as on the screen.</p>
</blockquote>

<p>The Macintosh project “borrowed” many user interface concepts from the Lisa team (who, in turn, had borrowed from Xerox’s Star), including the innovation of associating key-combination shortcuts with graphical menu items.  But the Macintosh abandoned the Apple symbol in its menu shortcuts in favor of a geometric, propeller-like shape that represented “command.”  Although the new abstract symbol is even less meaningful to the uninitiated, it makes more sense as visual shorthand than the company’s logo.  For almost the entire history of the Macintosh, though, this key has been marked with both symbols, even though the Mac’s on-screen UI always referred to it as “command” and never “Apple.”</p>

<p>Only in the last year or so has Apple dropped the vestigial logo from the command key, starting with the new aluminum keyboard (below) as well as on the MacBook.  The word “command” or at least “cmd” has been added, too -- something that should have been done 24 years ago.</p>

<p><img src="http://alignedleft.com/blog/wp-content/uploads/2008/06/alum-keyboard-by-deciantm1.jpg" /></p>

<p><em>Image source:</em> <a href="http://www.flickr.com/photos/declanjewell/1352011948/">Declan Jewell</a>, <a href="http://creativecommons.org/licenses/by/2.0/">Creative Commons Attribution 2.0 License</a></p>
]]></content:encoded>
			<wfw:commentRss>http://alignedleft.com/blog/2008/06/the-origin-of-the-apple-key/feed/</wfw:commentRss>
		<slash:comments>0</slash:comments>
		</item>
		<item>
		<title>Unusable Butter</title>
		<link>http://alignedleft.com/blog/2008/03/unusable-butter/</link>
		<comments>http://alignedleft.com/blog/2008/03/unusable-butter/#comments</comments>
		<pubDate>Tue, 18 Mar 2008 20:05:46 +0000</pubDate>
		<dc:creator>Scott</dc:creator>
				<category><![CDATA[Usability]]></category>

		<guid isPermaLink="false">http://alignedleft.com/blog/2008/03/unusable-butter/</guid>
		<description><![CDATA[

[Update: Finally, a better butter wrapper!]

I can cook.  I can follow a recipe, and I am comfortable in the kitchen.  But I don’t have my Imperial unit conversion values memorized, so I don’t know off the top of my head, for example, that 16 tablespoons equals 1 cup.

When cooking with butter, I usually [...]]]></description>
			<content:encoded><![CDATA[<p><img src='http://alignedleft.com/blog/wp-content/uploads/2008/03/stick-of-butter-wrapper.jpg' alt='stick-of-butter-wrapper.jpg' /></p>

<p><strong>[Update: Finally, <a href="http://alignedleft.com/blog/2009/10/better-butter/">a better butter wrapper</a>!]</strong></p>

<p>I can cook.  I can follow a recipe, and I am comfortable in the kitchen.  But I don’t have my <a href="http://en.wikipedia.org/wiki/United_States_customary_units">Imperial unit</a> conversion values memorized, so I don’t know off the top of my head, for example, that 16 tablespoons equals 1 cup.</p>

<p>When cooking with butter, I usually rely on the stick itself to provide me with the guidance I need.  In this case, the recipe called for 3/4 of a cup.  Super, no problem.  Okay, let’s see what the wrapper can do to help us.  It says:</p>

<blockquote>
  <p>1/4 LB = 8 TBSP</p>
  
  <p>1/4 LB = 1/2 CUP</p>
  
  <p>ONE LB = 2 CUPS</p>
  
  <p>THIS UNIT NOT LABELED FOR RETAIL SALE.</p>
</blockquote>

<p><em>How is any of this useful information?</em>  I don’t know about you, but I <em>never</em> measure my ingredients in <em>pounds</em>.  But somewhere out there, a butter label designer thinks that’s exactly what I want to know.  And maybe if I worked in a mess hall kitchen, he’d be right, but I don’t.</p>

<p>The problem here is that I have to convert my 3/4 cup value into butter-pounds, a very unfamiliar unit.  At long last, I see that:</p>

<blockquote>
  <p>3/4 cups = 3/8 lbs = 12 Tbsp</p>
</blockquote>

<p>Finally!  Now I count out the Tbsp markers on the label, see that there are 8 Tbsp in each stick.  So I need 12/8 or 1 1/2 sticks.</p>

<p>[Also see <a href="http://alignedleft.com/blog/2009/10/better-butter/">an update</a> to this post.]</p>
]]></content:encoded>
			<wfw:commentRss>http://alignedleft.com/blog/2008/03/unusable-butter/feed/</wfw:commentRss>
		<slash:comments>3</slash:comments>
		</item>
	</channel>
</rss>

<!-- Dynamic Page Served (once) in 0.269 seconds -->
