<?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>Anders Ramsay.com &#187; Usability</title>
	<atom:link href="http://www.andersramsay.com/category/usability/feed" rel="self" type="application/rss+xml" />
	<link>http://www.andersramsay.com</link>
	<description>designing user experiences</description>
	<lastBuildDate>Wed, 18 Jan 2012 21:48:35 +0000</lastBuildDate>
	<language>en</language>
	<sy:updatePeriod>hourly</sy:updatePeriod>
	<sy:updateFrequency>1</sy:updateFrequency>
	<generator>http://wordpress.org/?v=3.3.1</generator>
		<item>
		<title>Three Amazon Design Ideas</title>
		<link>http://www.andersramsay.com/2009/04/03/three-amazon-design-ideas</link>
		<comments>http://www.andersramsay.com/2009/04/03/three-amazon-design-ideas#comments</comments>
		<pubDate>Fri, 03 Apr 2009 19:44:14 +0000</pubDate>
		<dc:creator>Anders</dc:creator>
				<category><![CDATA[Amazon]]></category>
		<category><![CDATA[Usability]]></category>
		<category><![CDATA[User Interface]]></category>

		<guid isPermaLink="false">http://www.andersramsay.com/?p=500</guid>
		<description><![CDATA[Tweet Inspired, in part, by Jared Spool&#8217;s recent article regarding  the impact of design changes at Amazon.com and the related talk he gave at the IA Summit, I thought I&#8217;d post a few Amazon redesign ideas that have been percolating in my head of late. Of course, these ideas are presented without access to Amazon&#8217;s [...]]]></description>
			<content:encoded><![CDATA[<div id="bottomcontainerBox" style="">
			<div style="float:left; width:75px;padding-right:10px; margin:4px 4px 4px 4px;height:30px;">
			<iframe src="http://www.facebook.com/plugins/like.php?href=http%3A%2F%2Fwww.andersramsay.com%2F2009%2F04%2F03%2Fthree-amazon-design-ideas&amp;layout=button_count&amp;show_faces=false&amp;width=75&amp;action=like&amp;font=verdana&amp;colorscheme=light&amp;height=21" scrolling="no" frameborder="0" style="border:none; overflow:hidden; width=75px; height:21px;" allowTransparency="true"></iframe></div>
			<div style="float:left; width:60px;padding-right:10px; margin:4px 4px 4px 4px;height:30px;">
			<g:plusone size="medium" href="http://www.andersramsay.com/2009/04/03/three-amazon-design-ideas"></g:plusone>
			</div>
			<div style="float:left; width:85px;padding-right:10px; margin:4px 4px 4px 4px;height:30px;">
			<a href="http://twitter.com/share" class="twitter-share-button" data-url="http://www.andersramsay.com/2009/04/03/three-amazon-design-ideas"  data-text="Three Amazon Design Ideas" data-count="horizontal" data-via="andersramsay">Tweet</a>
			</div>			
			</div><div style="clear:both"></div><div style="padding-bottom:4px;"></div><p>Inspired, in part, by Jared Spool&#8217;s recent article regarding  <a href="http://www.uie.com/articles/three_hund_million_button">the impact of design changes at Amazon.com</a> and the related <a href="http://iasummit.org/2009/program/presentations/revealing-design-treasures-from-the-amazon/">talk</a> he gave at the IA Summit, I thought I&#8217;d post a few <a href="http://www.amazon.com">Amazon</a> redesign ideas that have been percolating in my head of late.  Of course, these ideas are presented without access to Amazon&#8217;s vast research data or internal business knowledge. Who knows, with that knowledge in hand, I may have suggested very different ideas.</p>
<h4>A Pixel Saved is a <del>Penny</del> Million Dollars Earned</h4>
<p>There are few sites on the web where even an atomic-level change in the user interface can potentially have greater impact on overall product sales than at Amazon.com. For this reason, every character, every pixel needs to be scrutinized and justified in terms of supporting the overall goals of the business. In line with that, these are some ideas for eliminating possibly detrimental pixels in the all-important Add-to-cart area.</p>
<p>Here is a Before/After of the Shopping Cart area on an Amazon detail page:</p>
<table border="0" width="500">
<tbody>
<tr>
<td valign="top"><strong>Current version</strong></p>
<p><a href="http://www.andersramsay.com/wp-content/uploads/2009/04/add-to-cart-before.png"><img class="alignnone size-full wp-image-501" title="Add to Shopping Cart - before" src="http://www.andersramsay.com/wp-content/uploads/2009/04/add-to-cart-before.png" alt="Add to Shopping Cart - before" width="225" height="337" /></a></td>
<td valign="top"><strong>My version<br />
</strong></p>
<p><strong><a href="http://www.andersramsay.com/wp-content/uploads/2009/04/add-to-cart-after.png"><img class="alignnone size-full wp-image-502" title="Add to Shopping Cart - after" src="http://www.andersramsay.com/wp-content/uploads/2009/04/add-to-cart-after.png" alt="Add to Shopping Cart - after" width="225" height="337" /></a><br />
</strong></td>
</tr>
</tbody>
</table>
<p>There are three key changes I made here, which allowed for eliminating quite a few pixels:</p>
<ul>
<li><strong>Removed the quantity option:</strong> The ability to select a quantity prior to adding an item to one&#8217;s cart seems to not only be an edge case, but also something which, if the option were removed, would be unlikely to cause users to <em>not </em>add the item to their cart. After all, once having added it, they can then update the quantity option to their heart&#8217;s content. Removing it, in other words, would mean less page noise at virtually no cost to usability.</li>
<li><strong>Removed an unnecessary technology reference: </strong>Below the Add to Shopping Cart button, anonymous users see a link and some copy encouraging them to sign in to be able to make use of 1-Click Ordering.  The problem here is two-fold. First, by linking on the word  &#8220;Sign in&#8221; this is what is implied as the main goal of the message and also what will draw the eye.  Signing in is of course not the main message here.  Second, even including the detail that accessing the 1-Click-Ordering feature will require signing in really only becomes a distraction, since it really isn&#8217;t relevant until a customer actually decides that they want to activate the feature.  The primary message is to encourage users to turn on 1-Click-Ordering, and that seems to therefore be most effectively communicated by replacing the whole ball of wax with a single call to action.</li>
<li><strong>Combined multiple modules into one and added some hierarchy: </strong>Because Amazon provides so many great purchasing options, this tends to lead to a whole gaggle of buttons collecting in this area, some of which are inside a module and some of which are not, making for a slightly harried viewing experience.  Here, I cleaned up the whole thing by placing everything in one module, and then used the dotted horizontal rule as a much more low-key division between groupings.  I also added a bit more hierarchy, such as making the text for the somewhat secondary &#8220;Share with Friends&#8221; feature smaller.</li>
</ul>
<p>Much of what is manifested in these changes is the critical value of succinct writing skills. Good user interface design is very much like good writing, i.e. the ability to say what you have to say with the fewest possible words and then saying no more. (As opposed to this completely extraneous sentence.)</p>
<h4>Make marketing action-driven</h4>
<p>Here is an example of a marketing blurb for the new Kindle 2.</p>
<p><img class="alignnone size-full wp-image-512" title="Kindle Promo, Current Version" src="http://www.andersramsay.com/wp-content/uploads/2009/04/kindle-promo-before1.png" alt="Kindle Promo, Current Version" width="340" height="336" /></p>
<p>A key issue with this message is that it requires the user to read through a bunch of copy to understand what really is a simple message (see below.)  Already there, you&#8217;re going to lose quite a few users, who, after encountering that amount of copy (a lot in this particular context), will be off scanning some other part of the page.</p>
<p>Then, and this is even worse, for those users who take the time to read the message and in fact would now like to take the action that the message is promoting, it is in fact not at all clear how they should do that.  Should I click on the link with the name of book? But that&#8217;s the page I&#8217;m already on.  Hmmm&#8230;</p>
<p>Finally, the message suffers from providing information at a level of detail beyond what the user really needs to know. For all intents and purposes, &#8220;in under a minute&#8221; is the same as <em>now</em>, which of course is a far more compact and powerful message.  That&#8217;s what customers care about. That&#8217;s the essential selling point.</p>
<p>Therefore, my recommendation is to replace this text-heavy marketing message with one that strips it down to its absolute essence and doubles as the action that the message is selling.</p>
<p><img class="alignnone size-full wp-image-513" title="Kindle Promo - Redesign" src="http://www.andersramsay.com/wp-content/uploads/2009/04/kindle-promo-after.png" alt="Kindle Promo - Redesign" width="340" height="336" /></p>
<p>Here, we are not only communicating that the Kindle allows for reading a book immediately (which is a major selling point that I actually was not aware of until I started reading the Kindle marketing materials more closely), but we are also presenting a clear path for initiating that process.</p>
<h4>Less page, more opportunity</h4>
<p>Currently, the Amazon page width is set to 100% max-width, meaning that the maximum width of the page will be whatever the width is of the browser window.  Now, for users with smaller monitors, this issue will go unnoticed, but for the growing number of us with wide screen monitors, an Amazon page might look something like this:<br />
<a href="http://www.andersramsay.com/wp-content/uploads/2009/04/wide-screen-view-current.jpg"><img class="alignnone size-medium wp-image-516" title="Amazon wide page view" src="http://www.andersramsay.com/wp-content/uploads/2009/04/wide-screen-view-current-300x177.jpg" alt="Amazon wide page view" width="300" height="177" /></a></p>
<p>With a page this wide, the overall page design quickly starts to break down: the long lines of text become more difficult to read, the search input form becomes so ridiculously long it ceases to look like a text field, and the Add to Cart area loses its association with the content it is referencing and looks more like a third column.</p>
<p>Allowing the page to continue expanding to this width is, in my opinion, not only a degradation of the overall user experience, but also an opportunity lost. In other words, constraining the page width to one that is optimal to the content it contains creates a whole new area available for things like marketing. This is something that others, like the good folks at Pandora, <a href="http://changesgood.wordpress.com/2007/10/06/pandora-and-the-future-of-advertising/">already have figured out</a>.  So, my recommendation here would be to constrain the page width to one optimal for reading, which, for the current design seems to be a 1024 pixel display, and then use the new-found real estate for marketing purposes.  Something like this:</p>
<p><a href="http://www.andersramsay.com/wp-content/uploads/2009/04/wide-screen-view-constrained.jpg"><img class="alignnone size-medium wp-image-519" title="wide-screen-view-constrained" src="http://www.andersramsay.com/wp-content/uploads/2009/04/wide-screen-view-constrained-300x203.jpg" alt="wide-screen-view-constrained" width="300" height="203" /></a></p>
<p>Better legibility, usablity, and new-found marketing opportunities all-in-one.</p>
<p>To be clear, I think Amazon is one of the best designed e-commerce sites on the web, and I&#8217;m sure that an incredible amount of thought and effort went into the designs I am critiquing.  But maybe it is that very fact, the knowledge that these pages were designed by some of the most skilled people in the industry, which makes it all the more enticing to find ways to improve upon their ideas.</p>
]]></content:encoded>
			<wfw:commentRss>http://www.andersramsay.com/2009/04/03/three-amazon-design-ideas/feed</wfw:commentRss>
		<slash:comments>2</slash:comments>
		</item>
		<item>
		<title>You&#8217;re idling, lazy user!</title>
		<link>http://www.andersramsay.com/2009/03/24/youre-idling-lazy-user</link>
		<comments>http://www.andersramsay.com/2009/03/24/youre-idling-lazy-user#comments</comments>
		<pubDate>Tue, 24 Mar 2009 14:37:33 +0000</pubDate>
		<dc:creator>Anders</dc:creator>
				<category><![CDATA[Usability]]></category>
		<category><![CDATA[User Interface]]></category>

		<guid isPermaLink="false">http://www.andersramsay.com/?p=466</guid>
		<description><![CDATA[Tweet Here is an interesting little message I was greeted by while doing my usual multi-tab sweep of news/todo/email/twitter/etc this morning. What I think is so interesting about this seemingly innocuous little message is how much it tells you about those who designed it (or not, as it were.)  Here are a couple nuggets one [...]]]></description>
			<content:encoded><![CDATA[<div id="bottomcontainerBox" style="">
			<div style="float:left; width:75px;padding-right:10px; margin:4px 4px 4px 4px;height:30px;">
			<iframe src="http://www.facebook.com/plugins/like.php?href=http%3A%2F%2Fwww.andersramsay.com%2F2009%2F03%2F24%2Fyoure-idling-lazy-user&amp;layout=button_count&amp;show_faces=false&amp;width=75&amp;action=like&amp;font=verdana&amp;colorscheme=light&amp;height=21" scrolling="no" frameborder="0" style="border:none; overflow:hidden; width=75px; height:21px;" allowTransparency="true"></iframe></div>
			<div style="float:left; width:60px;padding-right:10px; margin:4px 4px 4px 4px;height:30px;">
			<g:plusone size="medium" href="http://www.andersramsay.com/2009/03/24/youre-idling-lazy-user"></g:plusone>
			</div>
			<div style="float:left; width:85px;padding-right:10px; margin:4px 4px 4px 4px;height:30px;">
			<a href="http://twitter.com/share" class="twitter-share-button" data-url="http://www.andersramsay.com/2009/03/24/youre-idling-lazy-user"  data-text="You&#8217;re idling, lazy user!" data-count="horizontal" data-via="andersramsay">Tweet</a>
			</div>			
			</div><div style="clear:both"></div><div style="padding-bottom:4px;"></div><p>Here is an interesting little message I was greeted by while doing my usual multi-tab sweep of news/todo/email/twitter/etc this morning.</p>
<p><img class="alignnone size-full wp-image-467" title="Message appearing, stating that the user idled more than 15 minutes" src="http://www.andersramsay.com/wp-content/uploads/2009/03/you-idled.jpg" alt="you-idled" width="387" height="189" /></p>
<p>What I think is so interesting about this seemingly innocuous little message is how much it tells you about those who designed it (or not, as it were.)   Here are a couple nuggets one might glean:</p>
<h3>The 15 minute timeout was likely set with no consideration for UX or the business context</h3>
<p>This message appeared because my session at this site had been automatically ended, since I had not clicked on anything during the time allowed for inactivity during a session.  For those not familiar with this, there are two reasons why one would want to time out a session:</p>
<ul>
<li><strong>Conserving server resources: </strong>every additional user session takes up some resources on the server, so you&#8217;d want to conserve by ending sessions where there is no activity.  However, this has become far less of an issue after storage has become cheaper and processors faster.  And even if this were a factor here, timing out after 15 minutes would almost certainly not be necessary.  More likely, it could be set at 1 hour or the like.</li>
<li><strong>Security:</strong> This is the far more common reason to limit a user session.  If, say, this screen shot were from a banking site or the like, well, I wouldn&#8217;t be posting this, because a 15 minute timeout would make sense.  After all, you don&#8217;t want to risk someone being able to access your checking account while you had to leave your computer for a couple minutes (maybe having forgotten that the account page was open in a different tab.) But this is no banking site.   There is very little, if any, damage that someone could cause if gaining temporary access to my account here.</li>
</ul>
<p>In other words, for this business context, a 15 minute timeout makes no sense.  I&#8217;m guessing this was set by a developer, possibly without even any discussion with the UX designer, maybe because that person wasn&#8217;t even aware of this, on one hand very technical issue, but on the other hand one that can significantly impact user experience. And it is incredibly unlikely that this limitation is due to a need to conserve resources.  A 1 hour timeout would likely  make more sense.</p>
<h3>The accusatory tone (&#8220;you idled&#8221;) reflects inexperience writing for the web</h3>
<p>When writing for the web, particularly when writing interface labels and dialog copy, surgical level word choice is critical.  What is so unfortunate is that a lot of interface copy seems to default to accusatory and unnecessarily dramatic (&#8220;Warning!&#8221;) language.  An experienced author would have been sure to both strike a more empathetical tone, as well as explain <em>why </em>the session had to be ended.  Maybe something like:</p>
<blockquote><p>You haven&#8217;t clicked on anything in the last 30 minutes. To protect the privacy of your personal content, we&#8217;ve automatically signed you out.  We apologize for the inconvenience.</p>
<p><a href="#">Please sign in again</a></p></blockquote>
<p>It&#8217;s interesting how much a tiny little detail can tell you about the person who designed it.</p>
]]></content:encoded>
			<wfw:commentRss>http://www.andersramsay.com/2009/03/24/youre-idling-lazy-user/feed</wfw:commentRss>
		<slash:comments>2</slash:comments>
		</item>
		<item>
		<title>The User Experience of Resumes and Work Samples</title>
		<link>http://www.andersramsay.com/2009/01/07/the-user-experience-of-resumes-and-work-samples</link>
		<comments>http://www.andersramsay.com/2009/01/07/the-user-experience-of-resumes-and-work-samples#comments</comments>
		<pubDate>Wed, 07 Jan 2009 18:24:17 +0000</pubDate>
		<dc:creator>Anders</dc:creator>
				<category><![CDATA[Mentoring]]></category>
		<category><![CDATA[Usability]]></category>

		<guid isPermaLink="false">http://www.andersramsay.com/?p=282</guid>
		<description><![CDATA[Tweet As someone who has done a lot of interviewing over the years, and as a participant in the IA Institute Mentoring Program, I&#8217;ve looked at countless resumes and work samples.  I am currently reviewing another such set of documents, and was about to start writing them an email with my comments, but realized that [...]]]></description>
			<content:encoded><![CDATA[<div id="bottomcontainerBox" style="">
			<div style="float:left; width:75px;padding-right:10px; margin:4px 4px 4px 4px;height:30px;">
			<iframe src="http://www.facebook.com/plugins/like.php?href=http%3A%2F%2Fwww.andersramsay.com%2F2009%2F01%2F07%2Fthe-user-experience-of-resumes-and-work-samples&amp;layout=button_count&amp;show_faces=false&amp;width=75&amp;action=like&amp;font=verdana&amp;colorscheme=light&amp;height=21" scrolling="no" frameborder="0" style="border:none; overflow:hidden; width=75px; height:21px;" allowTransparency="true"></iframe></div>
			<div style="float:left; width:60px;padding-right:10px; margin:4px 4px 4px 4px;height:30px;">
			<g:plusone size="medium" href="http://www.andersramsay.com/2009/01/07/the-user-experience-of-resumes-and-work-samples"></g:plusone>
			</div>
			<div style="float:left; width:85px;padding-right:10px; margin:4px 4px 4px 4px;height:30px;">
			<a href="http://twitter.com/share" class="twitter-share-button" data-url="http://www.andersramsay.com/2009/01/07/the-user-experience-of-resumes-and-work-samples"  data-text="The User Experience of Resumes and Work Samples" data-count="horizontal" data-via="andersramsay">Tweet</a>
			</div>			
			</div><div style="clear:both"></div><div style="padding-bottom:4px;"></div><p>As someone who has done a lot of interviewing over the years, and as a participant in the <a href="http://iainstitute.org/en/members/mentoring/mentoring_program.php">IA Institute Mentoring Program</a>, I&#8217;ve looked at countless resumes and work samples.  I am currently reviewing another such set of documents, and was about to start writing them an email with my comments, but realized that I&#8217;d basically be providing very similar feedback that I&#8217;ve provided to many other mentees. (I just can&#8217;t get over that word &#8211; sounds a bit strange, no?)</p>
<p>So, I thought I&#8217;d instead just post my thoughts here so that others may also benefit.  Here, then, is the most common feedback I provide when reviewing someone&#8217;s resume and work samples:</p>
<h4>The user experience of your documents can be a make-or-break factor</h4>
<p>If I were looking at the resume of someone I&#8217;d be considering for, say, a carpentry or welding job, I&#8217;d be less concerned about a less than stellar resume design.  (No offense to carpenters or welders, btw.)  But when I am considering someone for a position whose very role will be about creating the most seamless connection between user and system, the design and presentation of these documents at the meta-level becomes a key focus.  Why?  Because the care that they took in, say, naming of their resume file is a direct reflection of the attention to detail they will be providing to the design of user experiences in general.</p>
<p>These are some of the most common mistakes I come across and what I would recommend doing instead:</p>
<h4>Mistake: Submitting files, especially large files, as attachments</h4>
<p>Even in the world of Gmail with limitless  storage, lots of people are still using archaic systems such as Lotus Notes, with limited storage.  By sending a huge file (i.e. maybe containing a prototype), you are essentially clogging their inbox as well as the inbox of the people they forward it to.</p>
<p>Additionally, once you&#8217;ve sent a file, you are married to that version of the file. In other words, if you notice a problem with the file (i.e. a typo) after having sent it, there is no way you can fix it.</p>
<h4>Recommendation: Send links, not attachments</h4>
<p>This is not only a much more elegant way of submitting content, it also allows you to make fixes after the fact.  Just as importantly, it ensures that everyone you send it to is looking at the same version.</p>
<p>To be clear, I&#8217;m not talking just about resumes.  Everything you submit should be done with a link, preferably a compressed link (I recommend using the <a href="http://is.gd/">is.gd</a> link compressor), to ensure that the recipients client doesn&#8217;t clip the URL.</p>
<p>This, of course, means that you need to have a web space where you can post your files.  In my opinion, a personal website for anyone working in UX is an absolute must, so if this is an issue for you, you should be setting up your own web space forthwith.</p>
<p>Additionally, you should be applying the same UX best practices to this URL as you would in the normal course of your work.  Here is the nomenclature I recommend for resumes:</p>
<p>http://www.yourdomain.com/resume/first_last_resume.pdf</p>
<p>Having &#8220;resume&#8221; twice may look redundant,  but it&#8217;s critical that the name of the resume file itself is user-friendly, which leads me to the next mistake I often come across.</p>
<h4>Mistake: Generic, Meaningless, Confusing file names</h4>
<p>I don&#8217;t know how many times I&#8217;ve recieved resume files titled &#8220;resume.pdf&#8221;  That may seem self-explanatory to the person sending the resume, since they likely only have one of them. But the person on the receiving end usually has piles of these, which renders such a file name virtually meaningless and forces me to rename it.  Not good.</p>
<h4>Recommendation: Make your file name portable and autonomous</h4>
<p>You should assume that your file may move through many different hands and across many different email applications.  For that reason, you should first name your file conservatively from a portability perspective, meaning that you should always replace spaces with underscores (remember, when sending your file as a link, it will be part of the web address.)</p>
<p>More importantly, your file name needs to autonomous.  In other words, it should be named such that your employer, or some 3rd party that has never met you, should be able to recognize what it is when it&#8217;s sitting on their desktop or whatever.  So, if I were submitting a collection of work samples in a PDF file, the nomenclature would be something like this:</p>
<p>anders_ramsay_work_samples.pdf</p>
<h4>Mistake: Assuming that people actually will be reading your resume</h4>
<p>When you&#8217;re working on your resume, it can be easy to forget that, while you&#8217;re paying attention to every syllable in the document, which you should definitely keep doing, most people who are looking at your document are likely very busy and likely looking at lots and lots of documents just like yours.</p>
<h4>Recommendation: Design for scannability</h4>
<p>When Steve Krug talks about users scanning rather than reading web pages, the same holds true for resumes.  When I read resumes, I usually only give it maybe 30 seconds of my time during the first round, scanning for phrases that pop out, looking not only at the specific content but also at how content is organized. In line with that, these are some of my recommendations when it comes to designing (not just writing) resumes that pop.</p>
<ul>
<li><strong>Put a summary at the top: </strong>This is particularly critical if you&#8217;ve got a multi-page resume.  What would you tell your reader if you instead met them in an elevator and had less than a minute to summarize your skills?  This is what needs to go right at the top.</li>
<li><strong>Make headings meaningful and easy to scan: </strong>Try just reading the headings in your resume.  Do they include your job title?  Do they crisply communicate what you&#8217;ve been up to for the last several years?</li>
<li><strong>Keep job description summaries short:</strong> Assume that the reader will only look at the first two bullets, maybe only the first bullet.  Never have more than four.</li>
<li><strong>Make sure your resume breathes:</strong> Don&#8217;t use type that is too small and don&#8217;t be afraid to make good use of white space.</li>
</ul>
<h4>Finally: Think about the story of the documents you are submitting</h4>
<p>I don&#8217;t know how many times I&#8217;ve received a folder containing a bunch of files, such as wireframes or specification samples or whatever, without any kind of instructions or supporting descriptions of what I am looking at and how I should be looking at them. Imagine how an end user would react to being presented with web content in this way.  At the very least, you should always include a document that introduces the artifacts you are submitting.  My recommendation, however, is to go one step further and to actually produce a single document in which you collect the various artifacts you are presenting, and include an overall introduction to the documents (perhaps describing when and how they were created), and then introduce each artifact, preferably with callouts highlighting key elements of interest in the artifact.</p>
<p>There are of course many more recommendations I could make about the UX of resumes and work samples, but hopefully these will be useful to someone who currently is in the process of applying for a job.</p>
]]></content:encoded>
			<wfw:commentRss>http://www.andersramsay.com/2009/01/07/the-user-experience-of-resumes-and-work-samples/feed</wfw:commentRss>
		<slash:comments>1</slash:comments>
		</item>
		<item>
		<title>The Problem with Todo lists (the digital ones)</title>
		<link>http://www.andersramsay.com/2009/01/01/the-problem-with-todo-lists-the-digital-ones</link>
		<comments>http://www.andersramsay.com/2009/01/01/the-problem-with-todo-lists-the-digital-ones#comments</comments>
		<pubDate>Thu, 01 Jan 2009 22:59:14 +0000</pubDate>
		<dc:creator>Anders</dc:creator>
				<category><![CDATA[Getting Things Done]]></category>
		<category><![CDATA[Usability]]></category>
		<category><![CDATA[User Interface]]></category>

		<guid isPermaLink="false">http://www.andersramsay.com/?p=262</guid>
		<description><![CDATA[Tweet Let&#8217;s imagine for a moment that you&#8217;re some seniorish UX design person and I&#8217;m your client and I ask you to design for me a truly durable and useful todo list. I can imagine a variety of reactions to this request. One might be &#8220;Why in the world do you need me to design [...]]]></description>
			<content:encoded><![CDATA[<div id="bottomcontainerBox" style="">
			<div style="float:left; width:75px;padding-right:10px; margin:4px 4px 4px 4px;height:30px;">
			<iframe src="http://www.facebook.com/plugins/like.php?href=http%3A%2F%2Fwww.andersramsay.com%2F2009%2F01%2F01%2Fthe-problem-with-todo-lists-the-digital-ones&amp;layout=button_count&amp;show_faces=false&amp;width=75&amp;action=like&amp;font=verdana&amp;colorscheme=light&amp;height=21" scrolling="no" frameborder="0" style="border:none; overflow:hidden; width=75px; height:21px;" allowTransparency="true"></iframe></div>
			<div style="float:left; width:60px;padding-right:10px; margin:4px 4px 4px 4px;height:30px;">
			<g:plusone size="medium" href="http://www.andersramsay.com/2009/01/01/the-problem-with-todo-lists-the-digital-ones"></g:plusone>
			</div>
			<div style="float:left; width:85px;padding-right:10px; margin:4px 4px 4px 4px;height:30px;">
			<a href="http://twitter.com/share" class="twitter-share-button" data-url="http://www.andersramsay.com/2009/01/01/the-problem-with-todo-lists-the-digital-ones"  data-text="The Problem with Todo lists (the digital ones)" data-count="horizontal" data-via="andersramsay">Tweet</a>
			</div>			
			</div><div style="clear:both"></div><div style="padding-bottom:4px;"></div><p>Let&#8217;s imagine for a moment that you&#8217;re some seniorish UX design person and I&#8217;m your client and I ask you to design for me a truly durable and useful todo list.</p>
<p>I can imagine a variety of reactions to this request.  One might be &#8220;Why in the world do you need me to design a todo list when there are like a gazillion todo lists already out there?&#8221; Another might be a shrugging of the shoulders, thinking I&#8217;m giving you a chance to make some easy money to design yet another todo list. But if you&#8217;ve really been around the design block a few times, you&#8217;d know better than to assume that a seemingly simple request coming from a client really is that simple.  (In my experience, that is rarely, if ever, the case.)</p>
<p>So, you dutifully inquire further as to what my specific needs are relating to a todo list, i.e. when and where I&#8217;d be using it, what type of todo items I&#8217;d be entering, how I&#8217;m currently managing my todo items and so forth.  Here is one of my responses:</p>
<blockquote><p>I&#8217;ve used all kinds of todo list software, from the new Gmail Tasks, to 37 Signal&#8217;s Tada Lists, to just typing stuff into notepad or Google docs. Many of these pieces of software are very simple and elegant and user-friendly, but, even so, what always happens is that I use it for a while, eagerly typing in everything I need to do, but then I stop using it after maybe a week or two, sometimes less, usually because it&#8217;s just too much of a hassle to have to type stuff into these lists.  So I end up with todo items scattered all over the place.</p></blockquote>
<p>Whoa, wait a second here.  Maybe this todo list thing isn&#8217;t that simple after all.  Taking an Alan Cooperish what-if-software-was-magical approach, you ask me what my ideal dream todo list might look like, setting aside any technical or logistical constraints.</p>
<blockquote><p>For me, the issue is primarily with the hassle of having to enter items, of having to get in front of a keyboard and fire up some application when I think of something important, especially when I simply can&#8217;t or don&#8217;t have the time, maybe I&#8217;m riding my bike, in the shower, in the midst of a conversation with someone, don&#8217;t have internet access, whatever.  So I end up not entering it, which of course negates the whole point of a todo list. So, in terms of my dream todo list, and this will sound a bit weird, I think it would have to be one which it basically reads my mind or something and when I think of something I need to do, it would add it to my todo list in the cloud, as in some kind of universally accessible list of stuff to do.</p>
<p>The other big issue is having to deal with categorizing and prioritizing todo items.  While I&#8217;d like for them to be organized nicely, I don&#8217;t want to deal with having to come up with categories not to speak of having to do the categorizing. So it would need to be able to somehow figure out how to group my todo items in a sensible way, such as work-related and personal todo items.  And as far as priorities go, I&#8217;d obviously want higher priority items to be more prominent, but the problem is that the priority of a todo list item changes for me depending on context and other factors.   For example, if I am at the office, even though I absolutely have to remember to pick up a bottle of wine on my way to the dinner party this evening, I don&#8217;t want that todo item cluttering my list of office todo items.  But if I maybe head out for lunch, then I&#8217;d want to see it, since my priorities and my context then has changed. Yeah, that would pretty much be the ideal dream todo list.</p></blockquote>
<p>Ok, so on one hand this is a dream todo list app, but let&#8217;s look at what this imaginary software tells us about current todo lists and design in general.</p>
<p><strong>The more contexts your design needs to support, the more complex it will be to design</strong><br />
A todo list is reflective of how the software we design is increasingly intertwined with people&#8217;s lives. As such, a todo list that a real person really can use in their day-to-day activity needs to work in all kinds of contexts.  Compare this to a todo list that strictly is for work-related items: in that case, I can maybe assume that the user will always be in front of computer and as such as traditional todo list might work.  But even that falls apart, since I may also be on the road, in a meeting with a client at a coffee shop, in front of a whiteboard.</p>
<p><strong>Categorization is a Catch-22 Conundrum</strong><br />
On the one hand, users like for stuff to be organized in a way that makes sense to them. At the same time, they are unlikely to want to have to deal with coming up with categories or with the hassle of categorizing.  While creating some generic todo list categories (e.g. work, personal, buy, etc.) is probably doable, user would still have to actually place stuff in those categories, which adds yet another obstacle, another micro-activity that will make the act of entering a todo list item less palatable.   </p>
<p><strong>Priorities are contextual </strong><br />
There are lots of things we think of as important, but only some of things are important in a given context.  This means that we can either have multiple todo lists for different contexts, which means a lot of busy work, which means we are likely to stop using the todo list.  Alternately, we could use category-specific indicators, such as high priority work, or high priority personal, but again, we are then back to the problem of too much hassle to deal with when enter a todo list item.</p>
<p><strong>Sometimes there really is no great solution within the digital domain </strong><br />
<em>With today&#8217;s mainstream technology, it is not possible to design a durable and truly useful todo list.  Please prove me wrong on this.</em></p>
<p>Instead, this is the todo list solution that I always find myself returning to:</p>
<p><img src="http://www.andersramsay.com/wp-content/uploads/2009/01/todo.jpg" alt="Using an old envelope as a todo list" title="todo" width="310" height="490" class="aligncenter size-full wp-image-268" /></p>
<p>Yup, the back of an old envelope.  Why is this tattered looking thing better than any of the todo list software out there?</p>
<p><strong>It&#8217;s highly portable</strong><br />
For the very reason that it&#8217;s just an old used envelope, I can crumple it up and stick it in my pocket.  If I spill coffee on it or it gets a little torn or whatever, who cares?  </p>
<p><strong>It&#8217;s always immediately accessible</strong><br />
No booting up an iphone app or, yikes, a laptop, just to enter a lousy todo item.  No battery life or connectivity issues to think about.</p>
<p><strong>It constrains me to a reasonable amount of todo items</strong><br />
One of the biggest problems with most current todo lists is that they, in a knee-jerk nod to the idea that infinite scalability is a good thing, don&#8217;t impose a limit on how many todo items I have on my plate at any one time.  But a list of hundreds of todo items, I think, is pretty useless, as I am only going to be able to do a few of the items within the near term.   So, the size of the envelope constrains me to a reasonable amount that usually matches what I can complete in a day.</p>
<p><strong>It allows for ad-hoc prioritization and categorization</strong><br />
Since I can write anywhere on the envelope, I can add little stars or underlines or write in all caps or whatever to show that something is important.  </p>
<p>But, of course, using the back of an envelope for a todo list has all kinds of drawbacks, which leads to another UX lesson:</p>
<p><strong>Design is not about finding the ideal solution; it&#8217;s about finding the ideal compromise</strong><br />
Obviously, using the back of an envelope or a piece of paper has all kinds of drawbacks, from that you have to manually transfer todo items that weren&#8217;t completed to a new piece of paper, or that you could easily misplace it, or that all your scribblings could quickly turn into a big jumbled mess.  But weighing all those drawbacks against the strengths of the solution, I still kep find myself returning to this method after temporarily trying some new software-based todo list.</p>
<p>Is it just me or are others having similar experiences, finding digital todo lists just not workable in the long term?</p>
]]></content:encoded>
			<wfw:commentRss>http://www.andersramsay.com/2009/01/01/the-problem-with-todo-lists-the-digital-ones/feed</wfw:commentRss>
		<slash:comments>4</slash:comments>
		</item>
		<item>
		<title>Take Me Chrome, Where I Belong&#8230;</title>
		<link>http://www.andersramsay.com/2008/09/02/take-me-chrome-where-i-belong</link>
		<comments>http://www.andersramsay.com/2008/09/02/take-me-chrome-where-i-belong#comments</comments>
		<pubDate>Tue, 02 Sep 2008 20:56:39 +0000</pubDate>
		<dc:creator>Anders</dc:creator>
				<category><![CDATA[Desktop Software]]></category>
		<category><![CDATA[Firefox]]></category>
		<category><![CDATA[Google]]></category>
		<category><![CDATA[Microsoft]]></category>
		<category><![CDATA[Usability]]></category>

		<guid isPermaLink="false">http://www.andersramsay.com/?p=154</guid>
		<description><![CDATA[Tweet When you first encounter something that has been designed just right &#8211; the iPhone, Gmail, the Swedish cheese knife and now Google Chrome, you always find yourself wondering what you were thinking using all those other crappy products (I can&#8217;t imagine, for example, going back to a regular cell phone, or using an old-skool [...]]]></description>
			<content:encoded><![CDATA[<div id="bottomcontainerBox" style="">
			<div style="float:left; width:75px;padding-right:10px; margin:4px 4px 4px 4px;height:30px;">
			<iframe src="http://www.facebook.com/plugins/like.php?href=http%3A%2F%2Fwww.andersramsay.com%2F2008%2F09%2F02%2Ftake-me-chrome-where-i-belong&amp;layout=button_count&amp;show_faces=false&amp;width=75&amp;action=like&amp;font=verdana&amp;colorscheme=light&amp;height=21" scrolling="no" frameborder="0" style="border:none; overflow:hidden; width=75px; height:21px;" allowTransparency="true"></iframe></div>
			<div style="float:left; width:60px;padding-right:10px; margin:4px 4px 4px 4px;height:30px;">
			<g:plusone size="medium" href="http://www.andersramsay.com/2008/09/02/take-me-chrome-where-i-belong"></g:plusone>
			</div>
			<div style="float:left; width:85px;padding-right:10px; margin:4px 4px 4px 4px;height:30px;">
			<a href="http://twitter.com/share" class="twitter-share-button" data-url="http://www.andersramsay.com/2008/09/02/take-me-chrome-where-i-belong"  data-text="Take Me Chrome, Where I Belong&#8230;" data-count="horizontal" data-via="andersramsay">Tweet</a>
			</div>			
			</div><div style="clear:both"></div><div style="padding-bottom:4px;"></div><p>When you first encounter something that has been designed just right &#8211; the iPhone, Gmail, <a href="http://sv.wikipedia.org/wiki/Osthyvel">the Swedish  cheese knife</a> and now <a href="http://tools.google.com/chrome/?hl=en-US">Google Chrome</a>, you always find yourself wondering what you were thinking using all those other crappy products (I can&#8217;t imagine, for example, going back to a regular cell phone, or using an old-skool email client.) And now, after having only played around with Google&#8217;s new and long-awaited browser, I knew immediately that it was a keeper. And it&#8217;s not just because of all the widely discussed features like separate processes for each tab, and an overall much more modern system architecture. Maybe what I love most is what is <em>not </em>there, which is very much in line with that greatest of design maxims: </p>
<blockquote><p>Perfection is achieved, not when there is nothing more to add, but when there is nothing left to take away. -Antoine de Saint Exupéry </p></blockquote>
<p>Chrome certainly makes that idea manifest.  And sure, maybe somethings were taken away that I&#8217;d want, like the ability to have a color theme different from the a-bit-too-dark Bloogle blue, or access to all my favorite FireFox add-ons. Oh, and somewhat ironically, I do miss my Google toolbar, particularly the autofill feature. But I expect that will all come in time. </p>
<p>On the lighter side, I just love how Microsoft came out with a statement today saying they weren&#8217;t worried about Chrome competing with IE8 &#8211; the only thing preventing that from happening is the default install base on Windows PCs &#8211; if IE weren&#8217;t installed by default on so many machines, their market share would fade away so fast &#8211; IE feels like an old jalopy compared to FireFox, and I hate to say this, but FireFox, while still an amazing browser, just feels slow and tired compared to Chrome (though maybe I should give it some time and open up a gazillion tabs and get umpteen applications running and see if Chrome&#8217;s garbage collection really is as great as they sat it is) &#8211; and one reason it hurts to say that is because so much of what makes Chrome great is thanks to the sweat and hard work and dedication of the people over at Mozilla &#8211; Google even made of point saying so in their <a href="http://www.google.com/googlebooks/chrome/">super cool comic strip about the new browser</a>.  I love how they call it a &#8216;book&#8217; &#8211; hey Googlers, did you know that there also are these books out there with, like, text and stuff :)</p>
]]></content:encoded>
			<wfw:commentRss>http://www.andersramsay.com/2008/09/02/take-me-chrome-where-i-belong/feed</wfw:commentRss>
		<slash:comments>1</slash:comments>
		</item>
		<item>
		<title>Firefox 3 &#8211; Back Button UI Annoyance</title>
		<link>http://www.andersramsay.com/2008/06/11/firefox-3-back-button-ui-annoyance</link>
		<comments>http://www.andersramsay.com/2008/06/11/firefox-3-back-button-ui-annoyance#comments</comments>
		<pubDate>Wed, 11 Jun 2008 21:55:28 +0000</pubDate>
		<dc:creator>Anders</dc:creator>
				<category><![CDATA[Firefox]]></category>
		<category><![CDATA[Usability]]></category>
		<category><![CDATA[User Interface]]></category>

		<guid isPermaLink="false">http://www.andersramsay.com/?p=145</guid>
		<description><![CDATA[Tweet I&#8217;m currently using Firefox 3 RC2 FireFox 3 and absolutely loving it &#8211; I love the new tags feature, the overall faster browsing experience, everything&#8230; Well, almost. One thing that I find quite strange is the location of the control for jumping back several pages: I remember the first time I needed to go [...]]]></description>
			<content:encoded><![CDATA[<div id="bottomcontainerBox" style="">
			<div style="float:left; width:75px;padding-right:10px; margin:4px 4px 4px 4px;height:30px;">
			<iframe src="http://www.facebook.com/plugins/like.php?href=http%3A%2F%2Fwww.andersramsay.com%2F2008%2F06%2F11%2Ffirefox-3-back-button-ui-annoyance&amp;layout=button_count&amp;show_faces=false&amp;width=75&amp;action=like&amp;font=verdana&amp;colorscheme=light&amp;height=21" scrolling="no" frameborder="0" style="border:none; overflow:hidden; width=75px; height:21px;" allowTransparency="true"></iframe></div>
			<div style="float:left; width:60px;padding-right:10px; margin:4px 4px 4px 4px;height:30px;">
			<g:plusone size="medium" href="http://www.andersramsay.com/2008/06/11/firefox-3-back-button-ui-annoyance"></g:plusone>
			</div>
			<div style="float:left; width:85px;padding-right:10px; margin:4px 4px 4px 4px;height:30px;">
			<a href="http://twitter.com/share" class="twitter-share-button" data-url="http://www.andersramsay.com/2008/06/11/firefox-3-back-button-ui-annoyance"  data-text="Firefox 3 &#8211; Back Button UI Annoyance" data-count="horizontal" data-via="andersramsay">Tweet</a>
			</div>			
			</div><div style="clear:both"></div><div style="padding-bottom:4px;"></div><p>I&#8217;m currently using <strike><a href="http://www.mozilla.com/en-US/firefox/3.0rc2/releasenotes/">Firefox 3 RC2</a></strike> <a href="http://www.mozilla.com/en-US/press/mozilla-2008-06-17.html">FireFox 3</a> and absolutely loving it &#8211; I love the new tags feature, the overall faster browsing experience, everything&#8230;</p>
<p>Well, almost. One thing that I find quite strange is the location of the control for jumping back several pages:</p>
<p><img src="http://www.andersramsay.com/wp-content/uploads/2008/06/ff-back-current1.png" alt="Firefox Back Button - actual" title="ff-back-current" width="322" height="176" class="aligncenter size-full wp-image-146" /></p>
<p>I remember the first time I needed to go back several pages and saw this and sort of looked at it like &#8220;hmm, seems like you can jump ahead several pages, but how do I jump back several pages?&#8221; But after clicking on the little control, it turns out that to go back several pages at once, you click on the control next to the <em>forward </em>link:</p>
<p><img src="http://www.andersramsay.com/wp-content/uploads/2008/06/ff-annoyance-click.png" alt="Firefox back button clicking on multi page control" title="ff-annoyance-click" width="322" height="176" class="aligncenter size-full wp-image-148" /></p>
<p>Unintuitive indeed.  Would it not make sense to have this control be next to the back button, maybe something like this?</p>
<p><img src="http://www.andersramsay.com/wp-content/uploads/2008/06/ff-back-better.png" alt="My version of the Firefox back button" title="ff-back-better" width="322" height="176" class="aligncenter size-full wp-image-147" /></p>
<p>Here, the location of the control maps to our mental model of where we want to go, as in <em>back</em>wards.  </p>
]]></content:encoded>
			<wfw:commentRss>http://www.andersramsay.com/2008/06/11/firefox-3-back-button-ui-annoyance/feed</wfw:commentRss>
		<slash:comments>26</slash:comments>
		</item>
		<item>
		<title>Favicon Usability (or, please let me use them as buttons)</title>
		<link>http://www.andersramsay.com/2008/06/02/meaningful-favicons</link>
		<comments>http://www.andersramsay.com/2008/06/02/meaningful-favicons#comments</comments>
		<pubDate>Mon, 02 Jun 2008 17:35:49 +0000</pubDate>
		<dc:creator>Anders</dc:creator>
				<category><![CDATA[Google]]></category>
		<category><![CDATA[Usability]]></category>
		<category><![CDATA[User Interface]]></category>

		<guid isPermaLink="false">http://www.andersramsay.com/?p=140</guid>
		<description><![CDATA[Tweet Over the weekend, I think, Google updated their favicon (or shortcut icon) &#8230; First off, I was pretty confused when I saw this, since seeing that g out of context doesn&#8217;t remind me at all of the Google brand. The old favicon was much better: While that lowercase g could be pretty much anything, [...]]]></description>
			<content:encoded><![CDATA[<div id="bottomcontainerBox" style="">
			<div style="float:left; width:75px;padding-right:10px; margin:4px 4px 4px 4px;height:30px;">
			<iframe src="http://www.facebook.com/plugins/like.php?href=http%3A%2F%2Fwww.andersramsay.com%2F2008%2F06%2F02%2Fmeaningful-favicons&amp;layout=button_count&amp;show_faces=false&amp;width=75&amp;action=like&amp;font=verdana&amp;colorscheme=light&amp;height=21" scrolling="no" frameborder="0" style="border:none; overflow:hidden; width=75px; height:21px;" allowTransparency="true"></iframe></div>
			<div style="float:left; width:60px;padding-right:10px; margin:4px 4px 4px 4px;height:30px;">
			<g:plusone size="medium" href="http://www.andersramsay.com/2008/06/02/meaningful-favicons"></g:plusone>
			</div>
			<div style="float:left; width:85px;padding-right:10px; margin:4px 4px 4px 4px;height:30px;">
			<a href="http://twitter.com/share" class="twitter-share-button" data-url="http://www.andersramsay.com/2008/06/02/meaningful-favicons"  data-text="Favicon Usability (or, please let me use them as buttons)" data-count="horizontal" data-via="andersramsay">Tweet</a>
			</div>			
			</div><div style="clear:both"></div><div style="padding-bottom:4px;"></div><p>Over the weekend, I think, Google updated their favicon (or shortcut icon) &#8230;</p>
<p><img class="aligncenter size-full wp-image-141" title="google-favicon" src="http://www.andersramsay.com/wp-content/uploads/2008/06/google-favicon.gif" alt="New Google Favicon with lower-case g" width="359" height="39" /></p>
<p>First off, I was pretty confused when I saw this, since seeing that g out of context doesn&#8217;t remind me at all of the Google brand.  The old favicon was much better:</p>
<p><img src="http://www.andersramsay.com/wp-content/uploads/2008/06/old-google-favicon.gif" alt="Old Google Favicon" title="old-google-favicon" width="253" height="49" class="aligncenter size-full wp-image-144" /></p>
<p>While that lowercase g could be pretty much anything, it&#8217;s hard to confuse this with anything other than Google. But worse, and this was the case with their previous favicons as well, they have the same favicon for several different services, such as <a href="http://www.google.com">search</a>, <a href="http://maps.google.com">maps</a>, and <a href="http://news.google.com">news</a>.  So why is this a big deal (or a small-big deal)?  Well, I use favicons as buttons in my bookmarks toolbar&#8230;</p>
<p style="text-align: center;"><img class="aligncenter size-full wp-image-142" title="favicons-as-buttons" src="http://www.andersramsay.com/wp-content/uploads/2008/06/favicons-as-buttons.gif" alt="Example of how I use favicons as buttons" width="473" height="38" /></p>
<p>This is a great way to conserve space.  The only requirement is that the people who are designing the website are thinking about how favicons might be used.  (Ok, in addition to the requirement of having a favicon in the first place.) Maybe what I&#8217;m doing is a bit unusual &#8211; basically turning favicons into buttons by removing the text description, but it seems to make sense, no?  So, if you happen to be someone who designs favicons or has any say about it, if you&#8217;re working on a suite of services, don&#8217;t use the same favicon for all of them.  Even if users aren&#8217;t being nerdy like me, it still makes it easier to target the right app if it has distinct visual mark or brand.</p>
]]></content:encoded>
			<wfw:commentRss>http://www.andersramsay.com/2008/06/02/meaningful-favicons/feed</wfw:commentRss>
		<slash:comments>1</slash:comments>
		</item>
		<item>
		<title>Yet another example of the cost of bad email usability</title>
		<link>http://www.andersramsay.com/2008/05/22/yet-another-example-of-the-cost-of-bad-email-usability</link>
		<comments>http://www.andersramsay.com/2008/05/22/yet-another-example-of-the-cost-of-bad-email-usability#comments</comments>
		<pubDate>Thu, 22 May 2008 18:51:21 +0000</pubDate>
		<dc:creator>Anders</dc:creator>
				<category><![CDATA[Email]]></category>
		<category><![CDATA[Usability]]></category>

		<guid isPermaLink="false">http://www.andersramsay.com/?p=137</guid>
		<description><![CDATA[Tweet Just got an email from Wimbledon Live containing the following Dear Anders, As a previous Wimbledon LIVE customer we are contacting you about your preferences. If you would like to be notified about the 2008 Wimbledon LIVE service, please take the following steps to update your preferences: 1) Go to www.wimbledon.org/LIVE. 2) Click “My [...]]]></description>
			<content:encoded><![CDATA[<div id="bottomcontainerBox" style="">
			<div style="float:left; width:75px;padding-right:10px; margin:4px 4px 4px 4px;height:30px;">
			<iframe src="http://www.facebook.com/plugins/like.php?href=http%3A%2F%2Fwww.andersramsay.com%2F2008%2F05%2F22%2Fyet-another-example-of-the-cost-of-bad-email-usability&amp;layout=button_count&amp;show_faces=false&amp;width=75&amp;action=like&amp;font=verdana&amp;colorscheme=light&amp;height=21" scrolling="no" frameborder="0" style="border:none; overflow:hidden; width=75px; height:21px;" allowTransparency="true"></iframe></div>
			<div style="float:left; width:60px;padding-right:10px; margin:4px 4px 4px 4px;height:30px;">
			<g:plusone size="medium" href="http://www.andersramsay.com/2008/05/22/yet-another-example-of-the-cost-of-bad-email-usability"></g:plusone>
			</div>
			<div style="float:left; width:85px;padding-right:10px; margin:4px 4px 4px 4px;height:30px;">
			<a href="http://twitter.com/share" class="twitter-share-button" data-url="http://www.andersramsay.com/2008/05/22/yet-another-example-of-the-cost-of-bad-email-usability"  data-text="Yet another example of the cost of bad email usability" data-count="horizontal" data-via="andersramsay">Tweet</a>
			</div>			
			</div><div style="clear:both"></div><div style="padding-bottom:4px;"></div><p>Just got an email from Wimbledon Live containing the following</p>
<blockquote><p>Dear Anders,</p>
<p>As a previous Wimbledon LIVE customer we are contacting you about your preferences. If you would like to be notified about the 2008 Wimbledon LIVE service, please take the following steps to update your preferences:</p>
<p>1) Go to www.wimbledon.org/LIVE.<br />
2) Click “My Account/Login” on the left navigation bar.<br />
3) Login with your email address and password.<br />
4) Click “Change preferences”.<br />
5) Check the box to sign up for the “MediaZone mailing list”.<br />
6) Click “Save changes”.</p>
<p>We thank you for your continued interest in Wimbledon LIVE.</p>
<p>Sincerely,<br />
MediaZone </p></blockquote>
<p>I&#8217;m not sure whether to laugh or cry.  I feel so sorry for the people who run the Wimbledon Live site, who are stuck with this horribly inept solution to something that should be very simple, such as</p>
<blockquote><p>As a previous Wimbledon LIVE customer we are contacting you about your preferences. Please click on the link below if  you would like to be notified about the 2008 Wimbledon LIVE service.</p>
<p>[here, there would be a link the user can click on which takes them to a web page where they can click on  a button to confirm their preference - in other words, take the user directly to the last step above]
</p></blockquote>
<p>So what is the cost of those 5 extra unnecessary steps?  Probably that a lot of people, such as myself, couldn&#8217;t be bothered to deal with them, which in turn means that less people will be notified about the 2008 service, which in turn means lost business.</p>
<p>This is just such a great example of designing without thinking holistically.  In other words, just looking at the design of the individual web page or whatever as if it were its own little island, when the reality is that its part of a larger flow, a larger context.</p>
<p>On the brighter side, really looking forward to Wimbledon as always &#8211; though I don&#8217;t think he&#8217;ll do it, would be incredible if Federer pulled of six in a row.</p>
]]></content:encoded>
			<wfw:commentRss>http://www.andersramsay.com/2008/05/22/yet-another-example-of-the-cost-of-bad-email-usability/feed</wfw:commentRss>
		<slash:comments>4</slash:comments>
		</item>
		<item>
		<title>Usability testing of books</title>
		<link>http://www.andersramsay.com/2007/10/11/usability-testing-of-books</link>
		<comments>http://www.andersramsay.com/2007/10/11/usability-testing-of-books#comments</comments>
		<pubDate>Fri, 12 Oct 2007 01:25:53 +0000</pubDate>
		<dc:creator>Anders</dc:creator>
				<category><![CDATA[Books]]></category>
		<category><![CDATA[Usability]]></category>

		<guid isPermaLink="false">http://www.andersramsay.com/2007/10/11/usability-testing-of-books/</guid>
		<description><![CDATA[Tweet I&#8217;ve done a lot of usability testing in my day, but today I participated in one that was different from anything I&#8217;ve done before. Rather than testing the usability of a website, we were testing the usability of a book. This, by the way, was a test conducted by Liz Danzico, the editor of [...]]]></description>
			<content:encoded><![CDATA[<div id="bottomcontainerBox" style="">
			<div style="float:left; width:75px;padding-right:10px; margin:4px 4px 4px 4px;height:30px;">
			<iframe src="http://www.facebook.com/plugins/like.php?href=http%3A%2F%2Fwww.andersramsay.com%2F2007%2F10%2F11%2Fusability-testing-of-books&amp;layout=button_count&amp;show_faces=false&amp;width=75&amp;action=like&amp;font=verdana&amp;colorscheme=light&amp;height=21" scrolling="no" frameborder="0" style="border:none; overflow:hidden; width=75px; height:21px;" allowTransparency="true"></iframe></div>
			<div style="float:left; width:60px;padding-right:10px; margin:4px 4px 4px 4px;height:30px;">
			<g:plusone size="medium" href="http://www.andersramsay.com/2007/10/11/usability-testing-of-books"></g:plusone>
			</div>
			<div style="float:left; width:85px;padding-right:10px; margin:4px 4px 4px 4px;height:30px;">
			<a href="http://twitter.com/share" class="twitter-share-button" data-url="http://www.andersramsay.com/2007/10/11/usability-testing-of-books"  data-text="Usability testing of books" data-count="horizontal" data-via="andersramsay">Tweet</a>
			</div>			
			</div><div style="clear:both"></div><div style="padding-bottom:4px;"></div><p>I&#8217;ve done a lot of usability testing in my day, but today I participated in one that was different from anything I&#8217;ve done before.  Rather than testing the usability of a website, we were testing the usability of a book.  This, by the way, was a test conducted by <a href="http://bobulate.com">Liz Danzico</a>, the editor of <a href="http://rosenfeldmedia.com">Rosenfeld Media</a>, and it all came about because of <a href="http://bobulate.com/2007/10/05/judge-a-book-by-its-cover-and-the-interior-too/">her post about the test on her blog</a>.</p>
<p>What was most interesting about participating in this was that I found myself looking at something&#8212;a book&#8212;that I&#8217;ve used for pretty much long as I&#8217;ve been around (after all, before I even knew what the word &#8216;Book&#8217; meant or what a book was, my mother was probably, surely, reading bedtime stories to me &#8211; Mom? You are of course reading my blog, yes? Could you maybe post a comment to confirm?), and yet here I was looking at it as if I&#8217;d never seen it before, as if this were a completely new website somebody placed before me on a monitor and asked &#8216;so, what do you think?&#8217;  I handled the &#8216;prototype book&#8217; that Liz carefully presented to me, leafing through it a bit, looking at the table of contents, the index, the back cover.</p>
<p>In a nutshell, I found myself feeling very strongly that contemporary book designers can learn a thing or two from information architects, the people who organize information on websites. Seems weird doesn&#8217;t it?  After all, book designers have been designing books for hundreds and hundreds of years, so you&#8217;d think they&#8217;ve pretty much got it all down pat. Not so, at least in my opinion. Similarly to how the web is transforming the music industry, it appears that books are equally susceptible to the impact of the web.  No, no, I&#8217;m not talking about the paperless office or some futuristic hoopla about how the web spells the end of the book. I&#8217;m talking about how the way that we use the web, the way that we move from one page to another, the way that we have come to expect information to be organized on a web page, or in a website as whole, consciously or otherwise, is affecting how we think about and read books. </p>
<p>As a case in point, I mentioned to Liz that I would expect something akin to a &#8216;Getting Started&#8217; section in the book, and the reason I wanted that, of course, is because it&#8217;s something I&#8217;ve come to expect in online help documentation (as well as in product-specific websites.)  This, of course, would be for how-to books, and not for a more theoretical text.</p>
<p>Additionally, I&#8217;d expect a very tight integration between the book (keeping in mind that this is a book for computer professionals) and a companion website for the book.  I would assume that I could go to the companion site and find additional content, similarly to what one might find on a DVD in addition to the movie, and of course things like errata (which already is quite common.) </p>
<p>Taking this a bit further, I would like to see a discussion forum, where the book essentially is the hub of a community that can congregate online to share their thoughts.  And what would really bring the book-web connection home would be the presence of a wiki, where maybe the author sort of continues writing their book, possibly in response to comments made on the discussion board, or maybe uses the wiki as a live beta of a forthcoming future edition of the book.  I guess the overall idea is that the web would function as an organic, living extension of the original work.</p>
]]></content:encoded>
			<wfw:commentRss>http://www.andersramsay.com/2007/10/11/usability-testing-of-books/feed</wfw:commentRss>
		<slash:comments>5</slash:comments>
		</item>
		<item>
		<title>Napoleon, usability pioneer</title>
		<link>http://www.andersramsay.com/2005/11/07/napoleon-usability-pioneer</link>
		<comments>http://www.andersramsay.com/2005/11/07/napoleon-usability-pioneer#comments</comments>
		<pubDate>Tue, 08 Nov 2005 00:12:43 +0000</pubDate>
		<dc:creator>Anders</dc:creator>
				<category><![CDATA[Usability]]></category>

		<guid isPermaLink="false">http://www.andersramsay.com/wp/?p=14</guid>
		<description><![CDATA[Tweet At a very fundamental level, user experience is about communicationâ€”between the user and the system, between content and objective. And with new sites constantly popping out of the woodwork, user experience is more and more becoming a one-shot deal. You either communicate and deliver what the user was looking for the first time around [...]]]></description>
			<content:encoded><![CDATA[<div id="bottomcontainerBox" style="">
			<div style="float:left; width:75px;padding-right:10px; margin:4px 4px 4px 4px;height:30px;">
			<iframe src="http://www.facebook.com/plugins/like.php?href=http%3A%2F%2Fwww.andersramsay.com%2F2005%2F11%2F07%2Fnapoleon-usability-pioneer&amp;layout=button_count&amp;show_faces=false&amp;width=75&amp;action=like&amp;font=verdana&amp;colorscheme=light&amp;height=21" scrolling="no" frameborder="0" style="border:none; overflow:hidden; width=75px; height:21px;" allowTransparency="true"></iframe></div>
			<div style="float:left; width:60px;padding-right:10px; margin:4px 4px 4px 4px;height:30px;">
			<g:plusone size="medium" href="http://www.andersramsay.com/2005/11/07/napoleon-usability-pioneer"></g:plusone>
			</div>
			<div style="float:left; width:85px;padding-right:10px; margin:4px 4px 4px 4px;height:30px;">
			<a href="http://twitter.com/share" class="twitter-share-button" data-url="http://www.andersramsay.com/2005/11/07/napoleon-usability-pioneer"  data-text="Napoleon, usability pioneer" data-count="horizontal" data-via="andersramsay">Tweet</a>
			</div>			
			</div><div style="clear:both"></div><div style="padding-bottom:4px;"></div><p>At a very fundamental level, user experience is about communicationâ€”between the user and the system, between content and objective. And with new sites constantly popping out of the woodwork, user experience is more and more becoming a one-shot deal. You either communicate and deliver what the user was looking for the first time around or theyâ€™re off to the next site (which they almost inevitably came across via Google or maybe Yahoo!, which means they were taken directly to the page related to this search and not to the siteâ€™s homepage, which maybe provides a nice overview of the siteâ€”if your design doesnâ€™t assume that users will jump directly to lower level pages without ever seeing your homepage, you are not designing for The Web That Google Madeâ€¦) Youâ€™ve probably got something like 30 seconds to make your content/objective connection. That means your message needs to be crystal clear to the lowest common denominator user. Of course, it wonâ€™t be for every user, but the hope is that it will be for a sufficiently high percentage of users. Now, letâ€™s imagine that you had to get your message through to all your users every time, and that not getting that message through could mean life or death. Ok, I plead guilty to suddenly switching gears to talking about a mission-critical system, but Iâ€™ve always found that UX design for the web has so much that it can learn from systems in which there is no room for mistakes. For all the praise given to people like Don Norman and Jakob Nielsen, itâ€™s easy to forget that just because the term â€˜usabilityâ€™ only has been around for, what, a couple decades, user-friendly design has been around for about as long as there has been a need for stuff to be user-friendly, which brings us to emperor and part-time usability pioneer Napoleon Bonaparte.</p>
<p>The emperor needed to get his war strategy missives out to his troops not only fast but reliably, meaning that he needed to ensure that the message he sentâ€”as he understood itâ€”was also the message that was received. Not an easy task back in the day before instant messaging and email, when delivering a message might take days or weeks. If the message was not fully understood by itâ€™s recipient, well, there just wouldnâ€™t be any time to send back a follow-up question. Youâ€™ve got your orders and you better know what they mean. So Napoleon came up with a nothing-less-than-brilliant solution to his mission-critical message problem. Knowing the officers receiving his missives might be farm boys brought up quickly through the ranks and of, well, letâ€™s say, questionable intellect (at least when it comes to war strategy.) Regardless, he simply had no idea who the recipient of his message might be (not much unlike sending messages through the Web) and therefore had to assume the worst. So, what better solution than do a bit of message prototyping before sending out it out, yes? Armed with his usability instincts, Napoleon went out among his troops and grabbed the most dense farm boy soldier he could find, promoted him to Lieutenant on the spot and made him part of his personal guard. Then, whenever he needed to send a message to his troops, the emperor would have it written up, presented to his Lieutenant, whom he would then ask to explain the message back to him in his own words. If Lieutenant Knucklehead could understand and explain it back to him, he figured that even the most dense of his officers out in the field would be able to get it. Last time I checked (except for that whole Russian winter thing), Napoleonâ€™s usability testing model worked out pretty well. Aside from the obviously elitist aspects of this approach, there is still much to be learned from the Napoleon School of Usability Testing. His was the ultra-efficient shotgun model of usability testing, in which you test and iterate with one edge case user. Itâ€™s simple and itâ€™s fast. On a certain level, itâ€™s not so much about ensuring the user-friendliness of your content, but rather just getting a perspective that is as diametrically opposed to your own as possible, to react to something that may make complete sense to you. And that is really at the core of what weâ€™re doing when presenting concepts to usersâ€”using them as a vehicle for stepping outside our own thinking, and into the messily subjective realm of usability testing, helping us to see flaws in our design that we maybe simply were not capable of seeing.</p>
]]></content:encoded>
			<wfw:commentRss>http://www.andersramsay.com/2005/11/07/napoleon-usability-pioneer/feed</wfw:commentRss>
		<slash:comments>0</slash:comments>
		</item>
	</channel>
</rss>

