<?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>Usability Friction &#187; Web Interfaces</title>
	<atom:link href="http://usabilityfriction.com/category/web-interfaces/feed/" rel="self" type="application/rss+xml" />
	<link>http://usabilityfriction.com</link>
	<description>Usability shouldn't be a drag</description>
	<lastBuildDate>Tue, 31 Jan 2012 09:56:44 +0000</lastBuildDate>
	
	<language>en</language>
	<sy:updatePeriod>hourly</sy:updatePeriod>
	<sy:updateFrequency>1</sy:updateFrequency>
			<item>
		<title>Forgive your users; even when they are drunk!</title>
		<link>http://usabilityfriction.com/2008/10/09/forgive-your-users-even-when-they-are-drunk/</link>
		<comments>http://usabilityfriction.com/2008/10/09/forgive-your-users-even-when-they-are-drunk/#comments</comments>
		<pubDate>Thu, 09 Oct 2008 07:31:12 +0000</pubDate>
		<dc:creator>Ashley Towers</dc:creator>
				<category><![CDATA[Web Interfaces]]></category>
		<category><![CDATA[Confirmation]]></category>
		<category><![CDATA[Forcing Function]]></category>
		<category><![CDATA[Forgiveness]]></category>
		<category><![CDATA[Gmail]]></category>
		<category><![CDATA[Google]]></category>

		<guid isPermaLink="false">http://usabilityfriction.com/?p=190</guid>
		<description><![CDATA[Forgiveness is an important feature of good design. You should help your users by minimising the impact of mistakes or, ideally, prevent them from happening at all.
One way you can make your interfaces more forgiving is by employing a &#8216;forcing function&#8217; (aka  confirmation). This technique makes the user verify that what they requested is [...]]]></description>
			<content:encoded><![CDATA[<p>Forgiveness is an important feature of good design. You should help your users by minimising the impact of mistakes or, ideally, prevent them from happening at all.</p>
<p>One way you can make your interfaces more forgiving is by employing a &#8216;forcing function&#8217; (aka  confirmation). This technique makes the user verify that what they requested is what they intended. There are 2 kinds of confirmation: A dialogue; where you ask the user a question e.g. &#8220;Are you sure you want to delete all your files?&#8221;; or a 2 step process e.g. armed&#8230; fire! Both approaches slow the user down so that it is harder for them to perform the action by mistake and give them an opportunity to change their mind. </p>
<p>Google recently <a href="http://gmailblog.blogspot.com/2008/10/new-in-labs-stop-sending-mail-you-later.html">introduced a feature to Gmail</a> called &#8220;Mail Goggles&#8221; where if you try and send an email late at night over the weekend it assumes you are drunk and forces you to answer a series of mental arithmetic questions first! At first I found this quite funny, but the more I thought about it the more I liked it as an idea.</p>
<p>We&#8217;ve all sent emails we regret. Some of these are when you have been out at the weekend and returned home a little worse for the wear. Of course, the software can&#8217;t tell that you&#8217;re drunk but by introducing a 2 step process it means you can&#8217;t just send the email without reflecting upon it. By making the second step a mental arithmetic test, they hope that your lessened mental capacity will be unable to perform the calculations and you&#8217;ll give up &#8211; or at least recognise you aren&#8217;t in the clearest frame of mind!</p>
<p>There aren&#8217;t many systems that should go so far as to test their users state of inebriation; but it is worth considering how you can compensate for a users state of mind when they are using your products: will they be under stress, working in a hurry or not giving your product their full attention?</p>
<ul>
<li>Use your system knowledge to check unusual or unexpected data &#8211; e.g. if the &#8220;Quantity&#8221; field on your order form averages less than 10, verify the user meant it if they enter 100</li>
<li>When the user is performing a critical step &#8211; slow them down by making then perform multiple steps &#8211; it will force them to pay more attention and prevent accidents</li>
<li>Consider delays on some operations and provide an option to cancel e.g. &#8220;Your computer will reboot in 5&#8230;4&#8230;&#8221; &#8211; this will slow them down if they are in a hurry</li>
<li>Can you be like Google and take the time and day into account to infer anything? Maybe your software could act differently at lunch time or last thing on a Friday?
</ul>
<p>I think Mail Goggles is a great feature and something we should learn from. It shows a high degree of attention to usage patterns and an innovative solution that could save a user&#8217;s blushes. Imagine how relieved you&#8217;d be the next day when this feature prevented you sending the email where you told your boss what you really thought of him!</p>



Share this post:


	<a rel="nofollow"  href="javascript:AddToFavorites();" title="Add to favorites"><img src="http://usabilityfriction.com/wp-content/plugins/sociable/images/addtofavorites.png" title="Add to favorites" alt="Add to favorites" class="sociable-hovers" /></a>
	<a rel="nofollow"  target="_blank" href="mailto:?subject=Forgive%20your%20users%3B%20even%20when%20they%20are%20drunk%21&amp;body=http%3A%2F%2Fusabilityfriction.com%2F2008%2F10%2F09%2Fforgive-your-users-even-when-they-are-drunk%2F" title="email"><img src="http://usabilityfriction.com/wp-content/plugins/sociable/images/email_link.png" title="email" alt="email" class="sociable-hovers" /></a>
	<a rel="nofollow"  target="_blank" href="http://digg.com/submit?phase=2&amp;url=http%3A%2F%2Fusabilityfriction.com%2F2008%2F10%2F09%2Fforgive-your-users-even-when-they-are-drunk%2F&amp;title=Forgive%20your%20users%3B%20even%20when%20they%20are%20drunk%21&amp;bodytext=Forgiveness%20is%20an%20important%20feature%20of%20good%20design.%20You%20should%20help%20your%20users%20by%20minimising%20the%20impact%20of%20mistakes%20or%2C%20ideally%2C%20prevent%20them%20from%20happening%20at%20all.%0D%0A%0D%0AOne%20way%20you%20can%20make%20your%20interfaces%20more%20forgiving%20is%20by%20employing%20a%20%27forcing%20fun" title="Digg"><img src="http://usabilityfriction.com/wp-content/plugins/sociable/images/digg.png" title="Digg" alt="Digg" class="sociable-hovers" /></a>
	<a rel="nofollow"  target="_blank" href="http://reddit.com/submit?url=http%3A%2F%2Fusabilityfriction.com%2F2008%2F10%2F09%2Fforgive-your-users-even-when-they-are-drunk%2F&amp;title=Forgive%20your%20users%3B%20even%20when%20they%20are%20drunk%21" title="Reddit"><img src="http://usabilityfriction.com/wp-content/plugins/sociable/images/reddit.png" title="Reddit" alt="Reddit" class="sociable-hovers" /></a>
	<a rel="nofollow"  target="_blank" href="http://delicious.com/post?url=http%3A%2F%2Fusabilityfriction.com%2F2008%2F10%2F09%2Fforgive-your-users-even-when-they-are-drunk%2F&amp;title=Forgive%20your%20users%3B%20even%20when%20they%20are%20drunk%21&amp;notes=Forgiveness%20is%20an%20important%20feature%20of%20good%20design.%20You%20should%20help%20your%20users%20by%20minimising%20the%20impact%20of%20mistakes%20or%2C%20ideally%2C%20prevent%20them%20from%20happening%20at%20all.%0D%0A%0D%0AOne%20way%20you%20can%20make%20your%20interfaces%20more%20forgiving%20is%20by%20employing%20a%20%27forcing%20fun" title="del.icio.us"><img src="http://usabilityfriction.com/wp-content/plugins/sociable/images/delicious.png" title="del.icio.us" alt="del.icio.us" class="sociable-hovers" /></a>
	<a rel="nofollow"  target="_blank" href="http://slashdot.org/bookmark.pl?title=Forgive%20your%20users%3B%20even%20when%20they%20are%20drunk%21&amp;url=http%3A%2F%2Fusabilityfriction.com%2F2008%2F10%2F09%2Fforgive-your-users-even-when-they-are-drunk%2F" title="Slashdot"><img src="http://usabilityfriction.com/wp-content/plugins/sociable/images/slashdot.png" title="Slashdot" alt="Slashdot" class="sociable-hovers" /></a>
	<a rel="nofollow"  target="_blank" href="http://www.google.com/bookmarks/mark?op=edit&amp;bkmk=http%3A%2F%2Fusabilityfriction.com%2F2008%2F10%2F09%2Fforgive-your-users-even-when-they-are-drunk%2F&amp;title=Forgive%20your%20users%3B%20even%20when%20they%20are%20drunk%21&amp;annotation=Forgiveness%20is%20an%20important%20feature%20of%20good%20design.%20You%20should%20help%20your%20users%20by%20minimising%20the%20impact%20of%20mistakes%20or%2C%20ideally%2C%20prevent%20them%20from%20happening%20at%20all.%0D%0A%0D%0AOne%20way%20you%20can%20make%20your%20interfaces%20more%20forgiving%20is%20by%20employing%20a%20%27forcing%20fun" title="Google Bookmarks"><img src="http://usabilityfriction.com/wp-content/plugins/sociable/images/googlebookmark.png" title="Google Bookmarks" alt="Google Bookmarks" class="sociable-hovers" /></a>
	<a rel="nofollow"  target="_blank" href="http://technorati.com/faves?add=http%3A%2F%2Fusabilityfriction.com%2F2008%2F10%2F09%2Fforgive-your-users-even-when-they-are-drunk%2F" title="Technorati"><img src="http://usabilityfriction.com/wp-content/plugins/sociable/images/technorati.png" title="Technorati" alt="Technorati" class="sociable-hovers" /></a>
	<a rel="nofollow"  target="_blank" href="http://news.ycombinator.com/submitlink?u=http%3A%2F%2Fusabilityfriction.com%2F2008%2F10%2F09%2Fforgive-your-users-even-when-they-are-drunk%2F&amp;t=Forgive%20your%20users%3B%20even%20when%20they%20are%20drunk%21" title="HackerNews"><img src="http://usabilityfriction.com/wp-content/plugins/sociable/images/hackernews.png" title="HackerNews" alt="HackerNews" class="sociable-hovers" /></a>
	<a rel="nofollow"  target="_blank" href="http://www.stumbleupon.com/submit?url=http%3A%2F%2Fusabilityfriction.com%2F2008%2F10%2F09%2Fforgive-your-users-even-when-they-are-drunk%2F&amp;title=Forgive%20your%20users%3B%20even%20when%20they%20are%20drunk%21" title="StumbleUpon"><img src="http://usabilityfriction.com/wp-content/plugins/sociable/images/stumbleupon.png" title="StumbleUpon" alt="StumbleUpon" class="sociable-hovers" /></a>
	<a rel="nofollow"  target="_blank" href="http://twitter.com/home?status=Forgive%20your%20users%3B%20even%20when%20they%20are%20drunk%21%20-%20http%3A%2F%2Fusabilityfriction.com%2F2008%2F10%2F09%2Fforgive-your-users-even-when-they-are-drunk%2F" title="Twitter"><img src="http://usabilityfriction.com/wp-content/plugins/sociable/images/twitter.png" title="Twitter" alt="Twitter" class="sociable-hovers" /></a>


<br/><br/>]]></content:encoded>
			<wfw:commentRss>http://usabilityfriction.com/2008/10/09/forgive-your-users-even-when-they-are-drunk/feed/</wfw:commentRss>
		<slash:comments>4</slash:comments>
		</item>
		<item>
		<title>Be careful with iPhone orientation specific content</title>
		<link>http://usabilityfriction.com/2008/08/22/be-careful-with-iphone-orientation-specific-content/</link>
		<comments>http://usabilityfriction.com/2008/08/22/be-careful-with-iphone-orientation-specific-content/#comments</comments>
		<pubDate>Fri, 22 Aug 2008 16:03:41 +0000</pubDate>
		<dc:creator>Ashley Towers</dc:creator>
				<category><![CDATA[Web Interfaces]]></category>
		<category><![CDATA[Apple]]></category>
		<category><![CDATA[iPhone]]></category>
		<category><![CDATA[Rule of Least Surprise]]></category>

		<guid isPermaLink="false">http://usabilityfriction.com/?p=39</guid>
		<description><![CDATA[I stumbled across Engage Interactive&#8217;s post about iPhone orientation specific content last night. What they have managed to do is to change what is displayed on screen based on the orientation of the iPhone. If you hold it upright you&#8217;ll get their Blog; rotate horizontally to the left and you get their About page and [...]]]></description>
			<content:encoded><![CDATA[<p>I stumbled across Engage Interactive&#8217;s post about <a href="http://www.engageinteractive.co.uk/blog/2008/05/16/how-to-create-an-iphone-website/" target="_blank">iPhone orientation specific content</a> last night. What they have managed to do is to change what is displayed on screen based on the orientation of the iPhone. If you hold it upright you&#8217;ll get their Blog; rotate horizontally to the left and you get their About page and rotate to the right to get a mini portfolio.</p>
<p>I&#8217;m a Software Engineer by training and that part of me is screaming out how cool this is. Technically, it&#8217;s a really impressive feat and it looks fantastic. We need this kind of innovation to push the field forward. However, the usability side of my brain thinks that in this case it&#8217;s not such a good idea.</p>
<p>It&#8217;s just not the expected behaviour &#8211; it violates the &#8216;Rule of Least Surprise&#8217; which simply says to &#8220;Do the least surprising thing&#8221;. I think Eric S. Raymond sums this up best: <a href="http://www.faqs.org/docs/artu/ch11s01.html" target="_blank">&#8220;Novelty is a barrier to entry; it puts a learning burden on the user, so minimize it&#8221;</a>. In fairness to Engage Interactive &#8211; when you visit their site on an iPhone you get a mini tutorial. But, I don&#8217;t really want to be reading tutorials on how to use a web site! On a slow connection this would just be annoying!</p>
<p>However, I do think they are on to something &#8211; as a technology demo it opens up some pretty exciting possibilities for others to build on. Personally, I think using the orientation sensing to display an entirely different page is just too confusing. But, I can see it being good for augmenting the existing page &#8211; maybe using the extra width to display more detailed information, or add extra views such as graphs etc.</p>
<p>But, well done to Engage Interactive for coming up with the first example of this that I&#8217;ve seen &#8211; keep up the good work.</p>



Share this post:


	<a rel="nofollow"  href="javascript:AddToFavorites();" title="Add to favorites"><img src="http://usabilityfriction.com/wp-content/plugins/sociable/images/addtofavorites.png" title="Add to favorites" alt="Add to favorites" class="sociable-hovers" /></a>
	<a rel="nofollow"  target="_blank" href="mailto:?subject=Be%20careful%20with%20iPhone%20orientation%20specific%20content&amp;body=http%3A%2F%2Fusabilityfriction.com%2F2008%2F08%2F22%2Fbe-careful-with-iphone-orientation-specific-content%2F" title="email"><img src="http://usabilityfriction.com/wp-content/plugins/sociable/images/email_link.png" title="email" alt="email" class="sociable-hovers" /></a>
	<a rel="nofollow"  target="_blank" href="http://digg.com/submit?phase=2&amp;url=http%3A%2F%2Fusabilityfriction.com%2F2008%2F08%2F22%2Fbe-careful-with-iphone-orientation-specific-content%2F&amp;title=Be%20careful%20with%20iPhone%20orientation%20specific%20content&amp;bodytext=I%20stumbled%20across%20Engage%20Interactive%27s%20post%20about%20iPhone%20orientation%20specific%20content%20last%20night.%20What%20they%20have%20managed%20to%20do%20is%20to%20change%20what%20is%20displayed%20on%20screen%20based%20on%20the%20orientation%20of%20the%20iPhone.%20If%20you%20hold%20it%20upright%20you%27ll%20get%20their%20Bl" title="Digg"><img src="http://usabilityfriction.com/wp-content/plugins/sociable/images/digg.png" title="Digg" alt="Digg" class="sociable-hovers" /></a>
	<a rel="nofollow"  target="_blank" href="http://reddit.com/submit?url=http%3A%2F%2Fusabilityfriction.com%2F2008%2F08%2F22%2Fbe-careful-with-iphone-orientation-specific-content%2F&amp;title=Be%20careful%20with%20iPhone%20orientation%20specific%20content" title="Reddit"><img src="http://usabilityfriction.com/wp-content/plugins/sociable/images/reddit.png" title="Reddit" alt="Reddit" class="sociable-hovers" /></a>
	<a rel="nofollow"  target="_blank" href="http://delicious.com/post?url=http%3A%2F%2Fusabilityfriction.com%2F2008%2F08%2F22%2Fbe-careful-with-iphone-orientation-specific-content%2F&amp;title=Be%20careful%20with%20iPhone%20orientation%20specific%20content&amp;notes=I%20stumbled%20across%20Engage%20Interactive%27s%20post%20about%20iPhone%20orientation%20specific%20content%20last%20night.%20What%20they%20have%20managed%20to%20do%20is%20to%20change%20what%20is%20displayed%20on%20screen%20based%20on%20the%20orientation%20of%20the%20iPhone.%20If%20you%20hold%20it%20upright%20you%27ll%20get%20their%20Bl" title="del.icio.us"><img src="http://usabilityfriction.com/wp-content/plugins/sociable/images/delicious.png" title="del.icio.us" alt="del.icio.us" class="sociable-hovers" /></a>
	<a rel="nofollow"  target="_blank" href="http://slashdot.org/bookmark.pl?title=Be%20careful%20with%20iPhone%20orientation%20specific%20content&amp;url=http%3A%2F%2Fusabilityfriction.com%2F2008%2F08%2F22%2Fbe-careful-with-iphone-orientation-specific-content%2F" title="Slashdot"><img src="http://usabilityfriction.com/wp-content/plugins/sociable/images/slashdot.png" title="Slashdot" alt="Slashdot" class="sociable-hovers" /></a>
	<a rel="nofollow"  target="_blank" href="http://www.google.com/bookmarks/mark?op=edit&amp;bkmk=http%3A%2F%2Fusabilityfriction.com%2F2008%2F08%2F22%2Fbe-careful-with-iphone-orientation-specific-content%2F&amp;title=Be%20careful%20with%20iPhone%20orientation%20specific%20content&amp;annotation=I%20stumbled%20across%20Engage%20Interactive%27s%20post%20about%20iPhone%20orientation%20specific%20content%20last%20night.%20What%20they%20have%20managed%20to%20do%20is%20to%20change%20what%20is%20displayed%20on%20screen%20based%20on%20the%20orientation%20of%20the%20iPhone.%20If%20you%20hold%20it%20upright%20you%27ll%20get%20their%20Bl" title="Google Bookmarks"><img src="http://usabilityfriction.com/wp-content/plugins/sociable/images/googlebookmark.png" title="Google Bookmarks" alt="Google Bookmarks" class="sociable-hovers" /></a>
	<a rel="nofollow"  target="_blank" href="http://technorati.com/faves?add=http%3A%2F%2Fusabilityfriction.com%2F2008%2F08%2F22%2Fbe-careful-with-iphone-orientation-specific-content%2F" title="Technorati"><img src="http://usabilityfriction.com/wp-content/plugins/sociable/images/technorati.png" title="Technorati" alt="Technorati" class="sociable-hovers" /></a>
	<a rel="nofollow"  target="_blank" href="http://news.ycombinator.com/submitlink?u=http%3A%2F%2Fusabilityfriction.com%2F2008%2F08%2F22%2Fbe-careful-with-iphone-orientation-specific-content%2F&amp;t=Be%20careful%20with%20iPhone%20orientation%20specific%20content" title="HackerNews"><img src="http://usabilityfriction.com/wp-content/plugins/sociable/images/hackernews.png" title="HackerNews" alt="HackerNews" class="sociable-hovers" /></a>
	<a rel="nofollow"  target="_blank" href="http://www.stumbleupon.com/submit?url=http%3A%2F%2Fusabilityfriction.com%2F2008%2F08%2F22%2Fbe-careful-with-iphone-orientation-specific-content%2F&amp;title=Be%20careful%20with%20iPhone%20orientation%20specific%20content" title="StumbleUpon"><img src="http://usabilityfriction.com/wp-content/plugins/sociable/images/stumbleupon.png" title="StumbleUpon" alt="StumbleUpon" class="sociable-hovers" /></a>
	<a rel="nofollow"  target="_blank" href="http://twitter.com/home?status=Be%20careful%20with%20iPhone%20orientation%20specific%20content%20-%20http%3A%2F%2Fusabilityfriction.com%2F2008%2F08%2F22%2Fbe-careful-with-iphone-orientation-specific-content%2F" title="Twitter"><img src="http://usabilityfriction.com/wp-content/plugins/sociable/images/twitter.png" title="Twitter" alt="Twitter" class="sociable-hovers" /></a>


<br/><br/>]]></content:encoded>
			<wfw:commentRss>http://usabilityfriction.com/2008/08/22/be-careful-with-iphone-orientation-specific-content/feed/</wfw:commentRss>
		<slash:comments>5</slash:comments>
		</item>
	</channel>
</rss>

