Alertbox: QA & UX

Jakob Nielsen <[email protected]> Tue, 19 Feb 2013 17:30:16 +0000
Newsgroups gmane.comp.web.alertbox
Message-ID <538d934a891681a5d850bb4e5f405d0f72c.20130219172944@mail80.wdc01.mcdlv.net>
This is a multi-part message in MIME format

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

Quality assurance impacts the user experience: when things don't work,
users question their understanding and develop superstitions and
inefficient workarounds.

Jakob Nielsen's Alertbox for February 19:
   http://www.nngroup.com/articles/quality-assurance-ux/

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

** Usability Week 2013 conference

* New York City: March 17-22
* Dallas: April 8-12
* San Francisco: April 28-May 3
* London: May 12-17 (includes 3-Day Camp)
* Toronto: June 3-7
* Melbourne: August (program to be announced shortly)

Full event program describing all full-day training courses:
   http://www.nngroup.com/training/

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

** Overly Tabletized Museum Info

Just back from Singapore. It=E2=80=99s about 15 years since my last visit
and it=E2=80=99s amazing how much progress they have made.
The world=E2=80=99s most efficient country.
The new National Museum of Singapore is very impressive,
in terms of both buildings and collections. I particularly liked the
full-length paintings of old-time governors, including one by
John Singer Sargent that could be in any art museum in the world,
even disregarding the historical value.

Sadly, the museum is an example of mobile technology run amok.
All information about the exhibited objects is provided on a tablet
that you borrow when entering the history exhibition.
The good news is that this allows for more in-depth information
than traditional museum labels, and it=E2=80=99s also easier to provide
the text in multiple languages that would crowd a printed label.

But the tablet fails to support the actual museum-going experience.
You pause by a wall or display case with maybe 10-20 objects,
each only marked by a number.
And then you=E2=80=99re supposed to enter all these numbers into the table=
t
to find out what you=E2=80=99re seeing. No way: much too slow.

Nothing beats the roaming human eye in terms of quickly
taking in volumes of information, especially when glancing
around a large physical space. In a second or two, you
can scan a big wall and focus on the label for the object that
interests you the most. A few more seconds suffice to scan the
label for the most pertinent information (what is it? how old is it?),
and then you can either read more or move your gaze to the
next object. All in much less time than it takes to type in a
3-4 digit number on a tablet.

You can easily imagine a more efficient retrieval user interface:
for example one that utilizes location and direction to display
information about an object simply by being pointed in the
direction of that object. While faster, this would still be slower
than simply glancing at a label next to the object.

Let=E2=80=99s stick to old technology when it works better.
Then for sure use tablets to provide supplementary information,
multimedia, and other elements that utilize its strengths and
provide sufficient added-value to justify the interaction cost.

=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 2013 Nielsen Norman Group, All rights reserved.
You're receiving this newsletter because you subscribed at http://www.nngr=
oup.com/articles/subscribe/
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-archive2.com/?u=3D538d934a=
891681a5d850bb4e5&id=3Ddbb4105191&e=3Df405d0f72c)
** unsubscribe from this list (http://nngroup.us4.list-manage.com/unsubscr=
ibe?u=3D538d934a891681a5d850bb4e5&id=3D7f29a2b335&e=3Df405d0f72c&c=3Ddbb4105=
191)
** update subscription preferences (http://nngroup.us4.list-manage.com/pro=
file?u=3D538d934a891681a5d850bb4e5&id=3D7f29a2b335&e=3Df405d0f72c)
--_----------=_MCPart_1848992003
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: QA & UX">
        
        <title>Alertbox: QA & UX</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://nngroup.us4.list-manage2.com/track/click?u=538d934a891681a5d850bb4e5&id=681fef132b&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="98" height="46"></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://nngroup.us4.list-manage.com/track/click?u=538d934a891681a5d850bb4e5&id=825f347a4f&e=f405d0f72c" style="text-decoration: none;color: #505050;font-weight: normal;"><span style="color: #505050;">Summary:</span><br>
			Quality assurance impacts the user experience: when things don&#39;t work, users question their understanding and develop superstitions and inefficient workarounds.</a></p>
		<p style="margin-top: 4px; margin-bottom: 0; font-size:120%; line-height:140%;">
			<a href="http://nngroup.us4.list-manage2.com/track/click?u=538d934a891681a5d850bb4e5&id=527ea7b11b&e=f405d0f72c" style="text-decoration: none;color: #505050;font-weight: normal;">Jakob Nielsen&#39;s Alertbox for February 19: </a><a href="http://nngroup.us4.list-manage2.com/track/click?u=538d934a891681a5d850bb4e5&id=0a97a7ca38&e=f405d0f72c" style="text-decoration: none;color: #505050;font-weight: normal;"><span style="text-decoration: underline; color:#0033aa;"><strong>QA and UX</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 2013 conference</h3>
	<ul>
		<li style="margin-top: 0px;margin-bottom: 0px;">
			<a href="http://nngroup.us4.list-manage1.com/track/click?u=538d934a891681a5d850bb4e5&id=1e7a512760&e=f405d0f72c" style="color: #0033aa;font-weight: normal;text-decoration: underline;">New York City</a>: March 17-22</li>
		<li style="margin-top: 0px;margin-bottom: 0px;">
			<a href="http://nngroup.us4.list-manage.com/track/click?u=538d934a891681a5d850bb4e5&id=81c86c712d&e=f405d0f72c" style="color: #0033aa;font-weight: normal;text-decoration: underline;">Dallas</a>: April 8-12</li>
		<li style="margin-top: 0px;margin-bottom: 0px;">
			<a href="http://nngroup.us4.list-manage.com/track/click?u=538d934a891681a5d850bb4e5&id=1525b84c72&e=f405d0f72c" style="color: #0033aa;font-weight: normal;text-decoration: underline;">San Francisco</a>: April 28-May 3</li>
		<li style="margin-top: 0px;margin-bottom: 0px;">
			<a href="http://nngroup.us4.list-manage1.com/track/click?u=538d934a891681a5d850bb4e5&id=111742104d&e=f405d0f72c" style="color: #0033aa;font-weight: normal;text-decoration: underline;">London</a>: May 12-17 (includes <a href="http://nngroup.us4.list-manage.com/track/click?u=538d934a891681a5d850bb4e5&id=2fe5786fc2&e=f405d0f72c" style="color: #0033aa;font-weight: normal;text-decoration: underline;">3-Day Camp</a>)</li>
		<li style="margin-top: 0px;margin-bottom: 0px;">
			<a href="http://nngroup.us4.list-manage.com/track/click?u=538d934a891681a5d850bb4e5&id=33976fc62b&e=f405d0f72c" style="color: #0033aa;font-weight: normal;text-decoration: underline;">Toronto</a>: June 3-7</li>
		<li style="margin-top: 0px;margin-bottom: 0px;">
			Melbourne: August (program to be announced shortly)</li>
	</ul>
	<p>
		<a href="http://nngroup.us4.list-manage.com/track/click?u=538d934a891681a5d850bb4e5&id=63ee9e6b99&e=f405d0f72c" style="color: #0033aa;font-weight: normal;text-decoration: underline;">Full event program</a> describing all full-day training courses.</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;">
		Overly Tabletized Museum Info</h3>
	<p>
		Just back from Singapore. It&rsquo;s about 15 years since my last visit and it&rsquo;s amazing how much progress they have made. The world&rsquo;s most efficient country. The new National Museum of Singapore is very impressive, in terms of both buildings and collections. I particularly liked the full-length paintings of old-time governors, including one by John Singer Sargent that could be in any art museum in the world, even disregarding the historical value.</p>
	<p>
		Sadly, the museum is an example of mobile technology run amok. All information about the exhibited objects is provided on a tablet that you borrow when entering the history exhibition. The good news is that this allows for more in-depth information than traditional museum labels, and it&rsquo;s also easier to provide the text in multiple languages that would crowd a printed label.</p>
	<p>
		But the tablet <strong>fails to support the actual museum-going experience</strong>. You pause by a wall or display case with maybe 10-20 objects, each only marked by a number. And then you&rsquo;re supposed to enter all these numbers into the tablet to find out what you&rsquo;re seeing. No way: much too slow.</p>
	<p>
		Nothing beats the roaming human eye in terms of quickly taking in volumes of information, especially when glancing around a large physical space. In a second or two, you can scan a big wall and focus on the label for the object that interests you the most. A few more seconds suffice to scan the label for the most pertinent information (what is it? how old is it?), and then you can either read more or move your gaze to the next object. All in much less time than it takes to type in a 3-4 digit number on a tablet.</p>
	<p>
		You can easily imagine a more efficient retrieval user interface: for example one that utilizes location and direction to display information about an object simply by being pointed in the direction of that object. While faster, this would still be slower than simply glancing at a label next to the object.</p>
	<p>
		Let&rsquo;s <strong>stick to old technology when it works better</strong>. Then for sure use tablets to provide supplementary information, multimedia, and other elements that utilize its strengths and provide sufficient added-value to justify the interaction cost.</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; 2013 Nielsen Norman Group, All rights reserved.</em>
                                                                <br>
                                                                <!-- 
 -->
                                                                You're receiving this newsletter because you subscribed at http://www.nngroup.com/articles/subscribe/
                                                                <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://nngroup.us4.list-manage.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-archive2.com/?u=538d934a891681a5d850bb4e5&id=dbb4105191&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://nngroup.us4.list-manage.com/unsubscribe?u=538d934a891681a5d850bb4e5&id=7f29a2b335&e=f405d0f72c&c=dbb4105191" style="color: #0033aa;font-weight: normal;text-decoration: underline;">unsubscribe from this list</a> | <a href="http://nngroup.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://nngroup.us4.list-manage.com/track/open.php?u=538d934a891681a5d850bb4e5&id=dbb4105191&e=f405d0f72c" height="1" width="1"></body>
</html>
--_----------=_MCPart_1848992003--