Alertbox: Best Application Designs

Jakob Nielsen <[email protected]> Mon, 23 Apr 2012 16:30:45 +0000
Newsgroups gmane.comp.web.alertbox
Message-ID <538d934a891681a5d850bb4e5f405d0f72c.20120423163028@mail328.us2.mcsv.net>
This is a multi-part message in MIME format

--_----------=_MCPart_1510637002
Content-Type: text/plain; charset="utf-8"; format="fixed"
Content-Transfer-Encoding: quoted-printable

Winning app UIs include domain-specific solutions that allow
humans to focus on deeper issues while the software takes care of
the mechanics.

     > http://useit.us4.list-manage.com/track/click?u=3D538d934a891681a5d8=
50bb4e5&id=3Dbedff44c70&e=3Df405d0f72c

     Jakob Nielsen's Alertbox for April 23: Best Application Designs
     __________________________________________________________________

Usability Week 2012 conference

     * Amsterdam, The Netherlands: starts today
     * Washington, DC: May 14-18
     * Chicago: June 25-29
     * Toronto: July 23-27
     * Sydney: August 12-17

Full event program describing all full-day training courses.
     > http://useit.us4.list-manage.com/track/click?u=3D538d934a891681a5d8=
50bb4e5&id=3Da1758a6746&e=3Df405d0f72c
 __________________________________________________________________

Solving the Wrong Safety Problem

   The US Department of Transportation is proposing a requirement that new
   cars include a brake override, which will disable the accelerator when
   the brake pedal is pressed. This is supposed to prevent a type of
   accident where the driver claims to be breaking, but the car keeps
   going faster as if the accelerator pedal were stuck.

   However, investigations of such accidents show that a common cause is
   that the driver wasn't pressing the brake pedal at all. Drivers thought
   they were braking, but in reality they had their foot on the
   accelerator pedal, and so their own actions were causing the car to go
   faster and faster instead of stopping.

   The proposed fix won't fix the safety hazard at all: if drivers aren't
   pressing the brake pedal, then the brake override won't kick in.

   The real problem is a human factors issue, not an engineering issue,
   and thus requires a human factors solution. When people are in a panic,
   they often don't realize what they are doing. And instead of stopping
   up and consider what pedal they're pressing, panicked drivers will just
   press the accelerator even harder and speed to their doom.

   It is very hard for engineers and politicians without human factors
   training to accept this counterintuitive finding: that drivers are
   stepping on the wrong pedal and don't realize it. But human error is
   legion and a common cause of many other categories of accident as well.

   How to solve the problem with the foot on the wrong pedal? I'm not a
   car-design expert, so I can't say. But the way to reduce runaway
   accidents is to attack the problem that causes these accidents. Not to
   add an engineering solution to something that isn't the problem.
     __________________________________________________________________

Online Donations Increasing

   New data shows that charitable giving is up by 5% across 1,889
   nonprofit organizations in 2012 relative to the same period of last
   year.
     > http://useit.us4.list-manage.com/track/click?u=3D538d934a891681a5d8=
50bb4e5&id=3D1fa672e3b2&e=3Df405d0f72c

   During the same period, online giving increased by 14%, or almost 3
   times as much.

   In other words, fundraising through the Internet is becoming more and
   more important. For more information, see
     * full-day training course on Non-Profit Organizations' Web
       Presence: Attracting Donations, Volunteers, and Catering to Diverse
       Stakeholders in Washington DC, May 14
       > http://useit.us4.list-manage.com/track/click?u=3D538d934a891681a5=
d850bb4e5&id=3D11ebd8c911&e=3Df405d0f72c
     * usability studies of nonprofit websites
       > http://useit.us4.list-manage1.com/track/click?u=3D538d934a891681a=
5d850bb4e5&id=3D60a9747d38&e=3Df405d0f72c
 Copyright =C2=A9 2012 Nielsen Norman Group, All rights
   reserved.
   You're receiving this newsletter because you subscribed at www.useit.co=
m/alertbox/subscribe.html
   Our mailing address is:
   Nielsen Norman Group
48105 Warm Springs Blvd.
Fremont, CA 94539-7498, USA
   Is this email not displaying correctly?
   [12]View it in your browser.
   [13]unsubscribe from this list | [14]update subscription preferences
     Links:
       12. http://us4.campaign-archive2.com/?u=3D538d934a891681a5d850bb4e5=
&id=3D95bfa96b56&e=3Df405d0f72c
       13. http://useit.us4.list-manage.com/unsubscribe?u=3D538d934a891681=
a5d850bb4e5&id=3D7f29a2b335&e=3Df405d0f72c&c=3D95bfa96b56
       14. http://useit.us4.list-manage.com/profile?u=3D538d934a891681a5d8=
50bb4e5&id=3D7f29a2b335&e=3Df405d0f72c
--_----------=_MCPart_1510637002
Content-Type: text/html; charset="us-ascii"

<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html>
    <head>
        <!-- This is a simple example template that you can edit to create your own custom templates -->
        <meta http-equiv="Content-Type" content="text/html; charset=UTF-8">
        <!-- Facebook sharing information tags -->
        <meta property="og:title" content="Alertbox: Best Application Designs">
        
        <title>Alertbox: Best Application Designs</title>
		
	<style type="text/css">
		#outlook a{
			padding:0;
		}
		body{
			width:100% !important;
		}
		body{
			-webkit-text-size-adjust:none;
		}
	@media only screen and (max-device-width: 720px){
		.mobilenoshow{
			display:none !important;
		}

}	@media only screen and (max-device-width: 720px){
		table td,table th{
			padding:2px !important;
		}

}		body{
			margin:0;
			padding:0;
		}
		img{
			border:none;
			font-size:14px;
			font-weight:bold;
			height:auto;
			line-height:100%;
			outline:none;
			text-decoration:none;
			text-transform:capitalize;
		}
		#backgroundTable{
			height:100% !important;
			margin:0;
			padding:0;
			width:100% !important;
		}
		body,.backgroundTable{
			background-color:#FAFAFA;
		}
		li{
			margin-top:0px;
			margin-bottom:0px;
		}
		#templateContainer{
			border:1px solid #DDDDDD;
		}
		h1,.h1{
			color:#202020;
			display:block;
			font-family:Verdana,Calibri,Helvetica,Arial,sans-serif;
			font-size:140%;
			font-weight:bold;
			line-height:100%;
			margin-top:0px;
			margin-bottom:10px;
			text-align:left;
		}
		h2,.h2{
			color:#202020;
			display:block;
			font-family:Verdana,Calibri,Helvetica,Arial,sans-serif;
			font-size:130%;
			font-weight:bold;
			line-height:100%;
			margin-bottom:10px;
			text-align:left;
		}
		h3,.h3{
			color:#202020;
			display:block;
			font-family:Verdana,Calibri,Helvetica,Arial,sans-serif;
			font-size:120%;
			font-weight:bold;
			line-height:100%;
			margin-bottom:10px;
			text-align:left;
		}
		h4,.h4{
			color:#505050;
			display:block;
			font-family:Verdana,Calibri,Helvetica,Arial,sans-serif;
			font-size:110%;
			font-weight:bold;
			line-height:100%;
			margin-bottom:10px;
			text-align:left;
		}
		#templatePreheader{
			background-color:#FAFAFA;
		}
		.preheaderContent div{
			color:#101010;
			font-family:Verdana,Calibri,Helvetica,Arial,sans-serif;
			font-size:9px;
			line-height:100%;
			text-align:left;
		}
		.preheaderContent div a:link,.preheaderContent div a:visited{
			color:#336699;
			font-weight:normal;
			text-decoration:underline;
		}
		.preheaderContent div img{
			height:auto;
			max-width:600px;
		}
		#templateHeader{
			background-color:#FFFFFF;
			border-bottom:0;
		}
		.headerContent{
			color:#202020;
			font-family:Verdana,Calibri,Helvetica,Arial,sans-serif;
			font-size:34px;
			font-weight:bold;
			line-height:100%;
			padding:0;
			text-align:center;
			vertical-align:middle;
		}
		.headerContent a:link,.headerContent a:visited{
			color:#336699;
			font-weight:normal;
			text-decoration:underline;
		}
		#headerImage{
			height:auto;
			max-width:600px !important;
		}
		#templateContainer,.bodyContent{
			background-color:#FDFDFD;
		}
		.bodyContent div{
			color:#101010;
			font-family:Verdana,Calibri,Helvetica,Arial,sans-serif;
			line-height:120%;
			text-align:left;
		}
		.bodyContent div a:link,.bodyContent div a:visited{
			color:#0033aa;
			font-weight:normal;
			text-decoration:underline;
		}
		.bodyContent img{
			display:inline;
			margin-bottom:10px;
		}
		#templateFooter{
			background-color:#FDFDFD;
			border-top:0;
		}
		.footerContent div{
			color:#707070;
			font-family:Verdana,Calibri,Helvetica,Arial,sans-serif;
			font-size:12px;
			line-height:125%;
			text-align:left;
		}
		.footerContent div a:link,.footerContent div a:visited{
			color:#0033aa;
			font-weight:normal;
			text-decoration:underline;
		}
		.footerContent img{
			display:inline;
		}
		#social{
			background-color:#FAFAFA;
			border:1px solid #F5F5F5;
		}
		#social div{
			text-align:center;
		}
		#utility{
			background-color:#FDFDFD;
			border-top:1px solid #F5F5F5;
		}
		#utility div{
			text-align:center;
		}
		#monkeyRewards img{
			max-width:160px;
		}
</style></head>
    <body leftmargin="0" marginwidth="0" topmargin="0" marginheight="0" offset="0">
    	<center>
        	<table border="0" cellpadding="0" cellspacing="0" height="100%" width="100%" id="backgroundTable">
            	<tr>
                	<td align="center" valign="top">

                    	<table border="0" cellpadding="0" cellspacing="0" width="100%" id="templateContainer">
                        	<tr class="mobilenoshow">
                            	<td align="center" valign="top">
                                    <!-- // Begin Template Header \\ -->
                                	<table border="0" cellpadding="0" cellspacing="0" width="100%" id="templateHeader">
                                        <tr>
                                            <td class="headerContent">
                                            
                                            	<!-- // Begin Module: Standard Header Image \\ -->
                                            	<div style="text-align: left;"><a href="http://useit.us4.list-manage.com/track/click?u=538d934a891681a5d850bb4e5&id=439bbfa6e8&e=f405d0f72c" style="color: #336699;text-decoration: underline;font-weight: normal;"><img src="http://www.nngroup.com/images/nnglogo.gif" alt="" border="0" style="margin: 0;padding: 0;border: 0;height: auto;line-height: 100%;outline: none;text-decoration: none;" width="90" height="50"></a></div>
                                            	<!-- // End Module: Standard Header Image \\ -->
                                            
                                            </td>
                                        </tr>
                                    </table>
                                    <!-- // End Template Header \\ -->
                                </td>
                            </tr>
                        	<tr>
                            	<td align="center" valign="top">
                                    <!-- // Begin Template Body \\ -->
                                	<table border="0" cellpadding="10" cellspacing="0" width="100%" id="templateBody">
                                    	<tr>
                                            <td valign="top" class="bodyContent">
                                
                                                <!-- // Begin Module: Standard Content \\ -->
                                                <table border="0" cellpadding="10" cellspacing="0" width="100%">
                                                    <tr>
                                                        <td valign="top">
                                                            <div><div style="text-align: left">
	<blockquote style="padding-bottom: 4px; line-height: 130%; background-color: #ffffdd; margin: 0px; padding-left: 4px; padding-right: 4px; color: #000000; padding-top: 4px">
		<p style="margin-top: 0px; margin-bottom: 2px">
			<a href="http://useit.us4.list-manage2.com/track/click?u=538d934a891681a5d850bb4e5&id=a86a360d3c&e=f405d0f72c" style="color: #505050; text-decoration: none"><span style="color: #505050">Summary:</span><br>
			The winning app UIs include domain-specific solutions that allow humans to focus on deeper issues while the software takes care of the mechanics.</a></p>
		<p style="line-height: 140%; margin-top: 4px; margin-bottom: 0px; font-size: 120%">
			<a href="http://useit.us4.list-manage.com/track/click?u=538d934a891681a5d850bb4e5&id=1c1bf19ce2&e=f405d0f72c" style="color: #505050; text-decoration: none">Jakob Nielsen&#39;s Alertbox for April 23: <span style="color: #0033aa; text-decoration: underline"><strong>Best Application Designs</strong></span></a></p>
	</blockquote>
	<hr>
	<h3>
		Usability Week 2012 conference</h3>
	<ul>
		<li>
			<a href="http://useit.us4.list-manage.com/track/click?u=538d934a891681a5d850bb4e5&id=2a94b6032b&e=f405d0f72c">Amsterdam</a>, The Netherlands: starts today</li>
		<li>
			<a href="http://useit.us4.list-manage.com/track/click?u=538d934a891681a5d850bb4e5&id=c0940f434d&e=f405d0f72c">Washington, DC</a>: May 14-18</li>
		<li>
			<a href="http://useit.us4.list-manage.com/track/click?u=538d934a891681a5d850bb4e5&id=92975ac846&e=f405d0f72c">Chicago</a>: June 25-29</li>
		<li>
			<a href="http://useit.us4.list-manage.com/track/click?u=538d934a891681a5d850bb4e5&id=590a9503e6&e=f405d0f72c">Toronto</a>: July 23-27</li>
		<li>
			<a href="http://useit.us4.list-manage1.com/track/click?u=538d934a891681a5d850bb4e5&id=07ef2c13f6&e=f405d0f72c">Sydney</a>: August 12-17</li>
	</ul>
	<p>
		<a href="http://useit.us4.list-manage1.com/track/click?u=538d934a891681a5d850bb4e5&id=fbae46a6de&e=f405d0f72c">Full event program</a> describing all full-day training courses.</p>
	<hr>
	<h3>
		Solving the Wrong Safety Problem</h3>
	<p>
		The US Department of Transportation is proposing a requirement that new cars include a brake override, which will disable the accelerator when the brake pedal is pressed. This is supposed to prevent a type of accident where the driver claims to be breaking, but the car keeps going faster as if the accelerator pedal were stuck.</p>
	<p>
		However, investigations of such accidents show that a common cause is that the driver wasn&#39;t pressing the brake pedal at all. Drivers <em>thought </em>they were braking, but in reality they had their foot on the accelerator pedal, and so their own actions were causing the car to go faster and faster instead of stopping.</p>
	<p>
		The proposed fix <strong>won&#39;t fix the safety hazard at all</strong>: if drivers aren&#39;t pressing the brake pedal, then the brake override won&#39;t kick in.</p>
	<p>
		The real problem is a human factors issue, not an engineering issue, and thus requires a human factors solution. <strong>When people are in a panic, they often don&#39;t realize what they are doing</strong>. And instead of stopping up and consider what pedal they&#39;re pressing, panicked drivers will just press the accelerator even harder and speed to their doom.</p>
	<p>
		It is very hard for engineers and politicians without human factors training to accept this counterintuitive finding: that drivers are stepping on the wrong pedal and don&#39;t realize it. But human error is legion and a common cause of many other categories of accident as well.</p>
	<p>
		How to solve the problem with the foot on the wrong pedal? I&#39;m not a car-design expert, so I can&#39;t say. But the way to reduce runaway accidents is to attack the problem that causes these accidents. Not to add an engineering solution to something that isn&#39;t the problem.</p>
	<hr>
	<h3>
		Online Donations Increasing</h3>
	<p>
		<a href="http://useit.us4.list-manage2.com/track/click?u=538d934a891681a5d850bb4e5&id=b5f13927b7&e=f405d0f72c">New data shows</a> that charitable giving is <strong>up by 5%</strong> across 1,889 nonprofit organizations in 2012 relative to the same period of last year.</p>
	<p>
		During the same period, <strong>online giving increased by 14%</strong>, or almost 3 times as much.</p>
	<p>
		In other words, fundraising through the Internet is becoming more and more important. For more information, see</p>
	<ul>
		<li>
			full-day training course on <a href="http://useit.us4.list-manage.com/track/click?u=538d934a891681a5d850bb4e5&id=4772d48479&e=f405d0f72c">Non-Profit Organizations&#39; Web Presence: Attracting Donations, Volunteers, and Catering to Diverse Stakeholders</a> in Washington DC, May 14</li>
		<li>
			<a href="http://useit.us4.list-manage.com/track/click?u=538d934a891681a5d850bb4e5&id=1d014bc152&e=f405d0f72c">usability studies of nonprofit websites</a></li>
	</ul>
</div>
</div>
						</td>
                                                    </tr>
                                                </table>
                                                <!-- // End Module: Standard Content \\ -->
                                                
                                            </td>
                                        </tr>
                                    </table>
                                    <!-- // End Template Body \\ -->
                                </td>
                            </tr>
                        	<tr>
                            	<td align="center" valign="top">
                                    <!-- // Begin Template Footer \\ -->
                                	<table border="0" cellpadding="10" cellspacing="0" width="100%" id="templateFooter">
                                    	<tr>
                                        	<td valign="top" class="footerContent">
                                            
                                                <!-- // Begin Module: Standard Footer \\ -->
                                                <table border="0" cellpadding="10" cellspacing="0" width="100%">
                                                    <tr>
                                                        <td valign="top" width="100%">

                                                            <div>
                                                                
                                                                <em>Copyright &copy; 2012 Nielsen Norman Group, All rights reserved.</em>
                                                                <br>
                                                                <!-- 
 -->
                                                                You're receiving this newsletter because you subscribed at www.useit.com/alertbox/subscribe.html
                                                                <br>
                                                                <strong>Our mailing address is:</strong>
                                                                <br>
                                                                <div class="vcard"><span class="org fn">Nielsen Norman Group</span><div class="adr"><div class="street-address">48105 Warm Springs Blvd.</div><span class="locality">Fremont</span>, <span class="region">CA</span>  <span class="postal-code">94539-7498, USA</span></div><br><a href="http://useit.us4.list-manage1.com/vcard?u=538d934a891681a5d850bb4e5&id=7f29a2b335" class="hcard-download">Add us to your address book</a></div>
                                                                <br>
                                                                <!-- 
 -->
                                                                
                                                            </div>
                                                         </td>

                                            <td valign="top">
                                            	<div>
                                                	<!-- 
 -->Is this email not displaying correctly?<br>
<a href="http://us4.campaign-archive2.com/?u=538d934a891681a5d850bb4e5&id=95bfa96b56&e=f405d0f72c" target="_blank">View it in your browser</a>.<!-- 
 -->
                                                </div>
                                            </td>

 
                                                     </tr>
                                                    <tr>
                                                        <td colspan="2" valign="middle" id="utility">
                                                            <div>
                                                                <a href="http://useit.us4.list-manage.com/unsubscribe?u=538d934a891681a5d850bb4e5&id=7f29a2b335&e=f405d0f72c&c=95bfa96b56">unsubscribe from this list</a> | <a href="http://useit.us4.list-manage.com/profile?u=538d934a891681a5d850bb4e5&id=7f29a2b335&e=f405d0f72c">update subscription preferences</a>
                                                            </div>
                                                        </td>
                                                    </tr>
                                                </table>
                                                <!-- // End Module: Standard Footer \\ -->
                                            
                                            </td>
                                        </tr>
                                    </table>
                                    <!-- // End Template Footer \\ -->
                                </td>
                            </tr>
                        </table>
                        <br>
                    </td>
                </tr>
            </table>
        </center>
    <img src="http://useit.us4.list-manage.com/track/open.php?u=538d934a891681a5d850bb4e5&id=95bfa96b56&e=f405d0f72c" height="1" width="1"></body>
</html>
--_----------=_MCPart_1510637002--