Alertbox: Windows 8 - Disappointing Usability

Jakob Nielsen <[email protected]> Mon, 19 Nov 2012 17:14:57 +0000
Newsgroups gmane.comp.web.alertbox
Message-ID <538d934a891681a5d850bb4e5f405d0f72c.20121119171429@mail91.us2.mcsv.net>
This is a multi-part message in MIME format

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

Hidden features, reduced discoverability, cognitive overhead from dual env=
ironments,
and reduced power from a single-window UI and low information density. Too=
 bad.

Jakob Nielsen's Alertbox for November 19:
Windows 8 =E2=80=94 Disappointing Usability for Both Novice and Power User=
s
   > http://www.useit.com/alertbox/windows-8.html)

------------------------------------------------------------

** Usability Week 2012 conference

   * Las Vegas: December 2-7
   > http://www.nngroup.com/events/las_vegas/

Deadline to save $200 on advance registration:
   * Next Friday, November 30

2013 events (save the dates):
   * New York City: March 17-22, 2013
   * San Francisco: April 28-May 3, 2013
   * London: May 12-17, 2013
   * Toronto: June 3-7, 2013
   * Melbourne: July 2013

Full programs for these upcoming events will be posted in December.

------------------------------------------------------------

** Users Very Impatient When Starting Web Videos

Professor Ramesh Sitaraman analyzed 23 million cases of users trying to wa=
tch online
videos and calculated the bounce rate depending on the delay in having the=
 video start playing.
  > http://gigaom.com/2012/11/09/online-viewers-start-leaving-if-video-doe=
snt-play-in-2-seconds-says-study/

The main finding is that 6% more users abandon the video for every 1 secon=
d extra delay.

The new data obviously confirms old usability findings about the importanc=
e of fast
response time on the web. A few years some user interface commentators
questioned the notion of fast response as a design priority, but I don't t=
hink
anybody truly believe these detractors anymore.
   > http://www.useit.com/alertbox/response-times.html

Furthermore, the study's plots of the decay function clearly demonstrate t=
hat there is no
one cut-off value that shows "how long users will wait" (as we're often as=
ked about).
I have long said that user behavior cannot be captured by a single number.
Rather, the more usable something is, the more use it will gain, but even
designs with low usability (e.g., slow response) will get some use.
   > http://www.useit.com/alertbox/interaction-elasticity.html

------------------------------------------------------------

** UI Person to Head Windows

I am rather critical of the Windows 8 user interface in this week's column=
, but there
may be hope ahead. In one of Microsoft's incessant reorgs, Julie Larson-Gr=
een has
been promoted to lead all Windows software and hardware engineering.

I don't know the internal story about who was responsible for the mistakes=
 in
Windows 8's design, and it's certainly possible that Larson-Green has her=
 share
of the blame since she her previous job was head of Windows program manage=
ment.
On the bright side, she was head of user interfaces for Office 2007 which=
 was
Microsoft's best non-game design in recent decades.

In any case, I think it's positive that somebody with a UI background got=
 promoted
to lead all engineering for the world's most prominent software product.
It certainly shows the importance of UI and the career potential for UX pr=
ofessionals,
now that our field is getting more recognition. It might also portend bett=
er design for Windows 9.

On the other hand, if Windows 9 is a failure, we won't have the excuse tha=
t
it was because top management doesn't understand user experience.
Now they do.

=3D=3D=3D=3D=3D=3D=3D=3D=3D=3D=3D=3D=3D=3D=3D=3D=3D=3D=3D=3D=3D=3D=3D=3D=
=3D=3D=3D=3D=3D=3D=3D=3D=3D=3D=3D=3D=3D=3D=3D=3D=3D=3D=3D=3D=3D=3D=3D=3D=
=3D=3D=3D=3D=3D=3D=3D=3D=3D=3D=3D=3D
 Copyright =C2=A9 2012 Nielsen Norman Group, All rights reserved.
You're receiving this newsletter because you subscribed at http://www.usei=
t.com/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?
=2E

** View it in your browser (http://us4.campaign-archive1.com/?u=3D538d934a=
891681a5d850bb4e5&id=3Dd35a57319a&e=3Df405d0f72c)
** unsubscribe from this list (http://useit.us4.list-manage1.com/unsubscri=
be?u=3D538d934a891681a5d850bb4e5&id=3D7f29a2b335&e=3Df405d0f72c&c=3Dd35a5731=
9a)
** update subscription preferences (http://useit.us4.list-manage.com/profi=
le?u=3D538d934a891681a5d850bb4e5&id=3D7f29a2b335&e=3Df405d0f72c)
--_----------=_MCPart_1886306720
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: Windows 8 - Disappointing Usability">
        
        <title>Alertbox: Windows 8 - Disappointing Usability</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" style="-webkit-text-size-adjust: none;margin: 0;padding: 0;background-color: #FAFAFA;width: 100% !important;">
    	<center>
        	<table border="0" cellpadding="0" cellspacing="0" height="100%" width="100%" id="backgroundTable" style="margin: 0;padding: 0;height: 100% !important;width: 100% !important;">
            	<tr>
                	<td align="center" valign="top">

                    	<table border="0" cellpadding="0" cellspacing="0" width="100%" id="templateContainer" style="border: 1px solid #DDDDDD;background-color: #FDFDFD;">
                        	<tr class="mobilenoshow">
                            	<td align="center" valign="top">
                                    <!-- // Begin Template Header \\ -->
                                	<table border="0" cellpadding="0" cellspacing="0" width="100%" id="templateHeader" style="background-color: #FFFFFF;border-bottom: 0;">
                                        <tr>
                                            <td class="headerContent" style="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;">
                                            
                                            	<!-- // Begin Module: Standard Header Image \\ -->
                                            	<div style="text-align: left;"><a href="http://useit.us4.list-manage.com/track/click?u=538d934a891681a5d850bb4e5&id=085c6cc878&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: none;height: auto;line-height: 100%;outline: none;text-decoration: none;font-size: 14px;font-weight: bold;text-transform: capitalize;" 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" style="background-color: #FDFDFD;">
                                
                                                <!-- // Begin Module: Standard Content \\ -->
                                                <table border="0" cellpadding="10" cellspacing="0" width="100%">
                                                    <tr>
                                                        <td valign="top">
                                                            <div style="color: #101010;font-family: Verdana,Calibri,Helvetica,Arial,sans-serif;line-height: 120%;text-align: left;"><div style="text-align: left;color: #101010;font-family: Verdana,Calibri,Helvetica,Arial,sans-serif;line-height: 120%;">
	<blockquote style="background-color: #ffffdd; color: #000000; line-height:130%; padding: 4px; margin: 0;">
		<p style="margin-top: 0px; margin-bottom: 2px;">
			<a href="http://useit.us4.list-manage1.com/track/click?u=538d934a891681a5d850bb4e5&id=a0b5e15a3b&e=f405d0f72c" style="text-decoration: none;color: #505050;font-weight: normal;"><span style="color: #505050;">Summary:</span><br>
			Hidden features, reduced discoverability, cognitive overhead from dual environments, and reduced power from a single-window UI and low information density. Too bad. </a></p>
		<p style="margin-top: 4px; margin-bottom: 0; font-size:120%; line-height:140%;">
			<a href="http://useit.us4.list-manage1.com/track/click?u=538d934a891681a5d850bb4e5&id=577e9291a2&e=f405d0f72c" style="text-decoration: none;color: #505050;font-weight: normal;">Jakob Nielsen&#39;s Alertbox for November 19: <span style="text-decoration: underline; color:#0033aa;"><strong>Windows 8 &mdash; Disappointing Usability for Both Novice and Power Users</strong></span></a></p>
	</blockquote>
	<hr>
	<h3 style="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;">
		Usability Week 2012 conference</h3>
	<ul>
		<li style="margin-top: 0px;margin-bottom: 0px;">
			<a href="http://useit.us4.list-manage.com/track/click?u=538d934a891681a5d850bb4e5&id=3b9d3cd852&e=f405d0f72c" style="color: #0033aa;font-weight: normal;text-decoration: underline;">Las Vegas</a>: December 2-7</li>
	</ul>
	<p>
		<a href="http://useit.us4.list-manage.com/track/click?u=538d934a891681a5d850bb4e5&id=e269304ae7&e=f405d0f72c" style="color: #0033aa;font-weight: normal;text-decoration: underline;">Full event program</a> describing all full-day training courses.</p>
	<p>
		Deadline to save $200 on <a href="http://useit.us4.list-manage.com/track/click?u=538d934a891681a5d850bb4e5&id=dfcba638fd&e=f405d0f72c" style="color: #0033aa;font-weight: normal;text-decoration: underline;">advance registration</a>:<br>
		* <strong>Next Friday</strong>, November 30</p>
	<p>
		<strong>2013 events</strong> (save the dates):</p>
	<ul>
		<li style="margin-top: 0px;margin-bottom: 0px;">
			New York City: March 17-22, 2013</li>
		<li style="margin-top: 0px;margin-bottom: 0px;">
			San Francisco: April 28-May 3, 2013</li>
		<li style="margin-top: 0px;margin-bottom: 0px;">
			London: May 12-17, 2013</li>
		<li style="margin-top: 0px;margin-bottom: 0px;">
			Toronto: June 3-7, 2013</li>
		<li style="margin-top: 0px;margin-bottom: 0px;">
			Melbourne: July 2013</li>
	</ul>
	<p>
		Full programs for these upcoming events will be posted in December.</p>
	<hr>
	<h3 style="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;">
		Users <em>Very </em>Impatient When Starting Web Videos</h3>
	<p>
		Professor Ramesh Sitaraman <a href="http://useit.us4.list-manage.com/track/click?u=538d934a891681a5d850bb4e5&id=0cba08c5cc&e=f405d0f72c" style="color: #0033aa;font-weight: normal;text-decoration: underline;">analyzed 23 million cases of users trying to watch online videos</a> and calculated the <a href="http://useit.us4.list-manage.com/track/click?u=538d934a891681a5d850bb4e5&id=db80a796ce&e=f405d0f72c" target="_blank" style="color: #0033aa;font-weight: normal;text-decoration: underline;">bounce rate</a> depending on the delay in having the video start playing.</p>
	<p>
		The main finding is that <strong>6% more users abandon the video for every 1 second extra delay</strong>.</p>
	<ul>
		<li style="margin-top: 0px;margin-bottom: 0px;">
			The new data obviously confirms old usability findings about the <a href="http://useit.us4.list-manage.com/track/click?u=538d934a891681a5d850bb4e5&id=465ced31e8&e=f405d0f72c" style="color: #0033aa;font-weight: normal;text-decoration: underline;">importance of fast response time</a> on the web. A few years some user interface commentators questioned the notion of fast response as a design priority, but I don&#39;t think anybody truly believe these detractors anymore.</li>
		<li style="margin-top: 0px;margin-bottom: 0px;">
			Furthermore, the study&#39;s plots of the decay function clearly demonstrate that there is no one cut-off value that shows &quot;how long users will wait&quot; (as we&#39;re often asked about). I have long said that <a href="http://useit.us4.list-manage1.com/track/click?u=538d934a891681a5d850bb4e5&id=e2e4a5e7a3&e=f405d0f72c" style="color: #0033aa;font-weight: normal;text-decoration: underline;">user behavior cannot be captured by a single number</a>. Rather, the more usable something is, the more use it will gain, but even designs with low usability (e.g., slow response) will get some use.</li>
	</ul>
	<hr>
	<h3 style="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;">
		UI Person to Head Windows</h3>
	<p>
		I am rather critical of the Windows 8 user interface in this week&#39;s column, but there may be hope ahead. In one of Microsoft&#39;s incessant reorgs, <a href="http://useit.us4.list-manage.com/track/click?u=538d934a891681a5d850bb4e5&id=a7cca322d3&e=f405d0f72c" style="color: #0033aa;font-weight: normal;text-decoration: underline;">Julie Larson-Green has been promoted</a> to lead all Windows software and hardware engineering.</p>
	<p>
		I don&#39;t know the internal story about who was responsible for the mistakes in Windows 8&#39;s design, and it&#39;s certainly possible that Larson-Green has her share of the blame since she her previous job was head of Windows program management. On the bright side, she was head of user interfaces for Office 2007 which was Microsoft&#39;s best non-game design in recent decades.</p>
	<p>
		In any case, I think it&#39;s positive that somebody with a UI background got promoted to lead all engineering for the world&#39;s most prominent software product. It certainly shows the importance of UI and the career potential for UX professionals, now that our field is getting more recognition. It might also portend better design for Windows 9.</p>
	<p>
		(On the other hand, if Windows 9 is a failure, we won&#39;t have the excuse that it was because top management doesn&#39;t understand user experience. Now they do.)</p>
</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" style="background-color: #FDFDFD;border-top: 0;">
                                    	<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 style="color: #707070;font-family: Verdana,Calibri,Helvetica,Arial,sans-serif;font-size: 12px;line-height: 125%;text-align: left;">
                                                                
                                                                <em>Copyright &copy; 2012 Nielsen Norman Group, All rights reserved.</em>
                                                                <br>
                                                                <!-- 
 -->
                                                                You're receiving this newsletter because you subscribed at http://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 style="color: #707070;font-family: Verdana,Calibri,Helvetica,Arial,sans-serif;font-size: 12px;line-height: 125%;text-align: left;">
                                                	<!-- 
 -->Is this email not displaying correctly?<br>
<a href="http://us4.campaign-archive1.com/?u=538d934a891681a5d850bb4e5&id=d35a57319a&e=f405d0f72c" target="_blank" style="color: #0033aa;font-weight: normal;text-decoration: underline;">View it in your browser</a>.<!-- 
 -->
                                                </div>
                                            </td>

 
                                                     </tr>
                                                    <tr>
                                                        <td colspan="2" valign="middle" id="utility" style="background-color: #FDFDFD;border-top: 1px solid #F5F5F5;">
                                                            <div style="color: #707070;font-family: Verdana,Calibri,Helvetica,Arial,sans-serif;font-size: 12px;line-height: 125%;text-align: center;">
                                                                <a href="http://useit.us4.list-manage1.com/unsubscribe?u=538d934a891681a5d850bb4e5&id=7f29a2b335&e=f405d0f72c&c=d35a57319a" style="color: #0033aa;font-weight: normal;text-decoration: underline;">unsubscribe from this list</a> | <a href="http://useit.us4.list-manage.com/profile?u=538d934a891681a5d850bb4e5&id=7f29a2b335&e=f405d0f72c" style="color: #0033aa;font-weight: normal;text-decoration: underline;">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=d35a57319a&e=f405d0f72c" height="1" width="1"></body>
</html>
--_----------=_MCPart_1886306720--