<?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, Information Architecture, Mobile Apps, UX, Interaction Design : Usability Factors &#187; usage pattern testing</title>
	<atom:link href="http://www.usabilityfactors.in/blog/tag/usage-pattern-testing/feed/" rel="self" type="application/rss+xml" />
	<link>http://www.usabilityfactors.in/blog</link>
	<description>It's all about Usability!</description>
	<lastBuildDate>Fri, 19 Feb 2010 12:38:05 +0000</lastBuildDate>
	<generator>http://wordpress.org/?v=2.8.4</generator>
	<language>en</language>
	<sy:updatePeriod>hourly</sy:updatePeriod>
	<sy:updateFrequency>1</sy:updateFrequency>
			<item>
		<title>What is Banner Blindness?</title>
		<link>http://www.usabilityfactors.in/blog/2009/07/what-is-banner-blindness-banners-usability/</link>
		<comments>http://www.usabilityfactors.in/blog/2009/07/what-is-banner-blindness-banners-usability/#comments</comments>
		<pubDate>Wed, 01 Jul 2009 07:57:30 +0000</pubDate>
		<dc:creator>Vishal Vaidya</dc:creator>
				<category><![CDATA[Usability]]></category>
		<category><![CDATA[banner blindness]]></category>
		<category><![CDATA[click maps]]></category>
		<category><![CDATA[eye tracking]]></category>
		<category><![CDATA[heat maps]]></category>
		<category><![CDATA[usability testing]]></category>
		<category><![CDATA[usability trends]]></category>
		<category><![CDATA[usage pattern testing]]></category>
		<category><![CDATA[web advertising]]></category>

		<guid isPermaLink="false">http://www.usabilityfactors.in/blog/?p=166</guid>
		<description><![CDATA[Banners are common form of advertising on web, especially on portals like news sites. Paradox is, even though users do notice the presence of banners on the web page, they tend to ignore it quickly. Almost everything that looks like a banner on the web page is about to get ignored due to the “banner [...]]]></description>
			<content:encoded><![CDATA[<p><strong>Banners are common form of advertising on web</strong>, especially on portals like news sites. Paradox is, <strong>even though users do notice the presence of banners on the web page, they tend to ignore it quickly. </strong>Almost everything that looks like a banner on the web page is about to get ignored due to the “<strong>banner blindness</strong>”.</p>
<p>As Wikipedia describes it &#8211; “Banner blindness is a phenomenon in web usability where visitors on a website ignore banner-like information.” As <strong>Jakob Nielsen mentions, “Users almost never look at anything that looks like an advertisement, whether or not it&#8217;s actually an ad.”</strong></p>
<p><img class="alignnone size-full wp-image-174" title="What is Banner Blindness?" src="http://www.usabilityfactors.in/blog/wp-content/uploads/2009/07/banners-blindness-usability-july20091.gif" alt="What is Banner Blindness?" width="375" height="240" /></p>
<p>The term &#8220;<strong>banner blindness&#8221;</strong> was coined by <strong>Benway and Lane (1998)</strong>. It was a result of website <strong>usability tests where major test participants</strong>, consciously or unconsciously, <strong>ignored information that was presented in banner or looked like a banner</strong>.</p>
<p>This eye-tracking study by Jakob Nielsen has confirmed that most of the time, the banner blindness is real. <strong>Users are now &#8216;immune&#8217; to these ethical and now-ethical ways of advertising on the web and tend to ignore those ads or something that looks like an advertisement and rather keep looking relevant information in the form of links</strong>, etc, while ignoring large animated or colorful elements like graphics.</p>
<p>Also, users generally read the whole content; rather they do scan the content. If the content is interesting for the user, then he might choose to read it in-depth. But, in all such cases, he still may prefer not to see those noticeable banners.</p>
<p><a href="http://www.useit.com/alertbox/banner-blindness-examples.jpg" target="_blank"><img class="alignnone size-full wp-image-168" title="Banner Blindness:Old and New Findings (Jakob Nielsen's Alertbox, August 20, 2007)" src="http://www.usabilityfactors.in/blog/wp-content/uploads/2009/07/jn-alertbox-aug202007-banner-blindess.jpg" alt="Banner Blindness:Old and New Findings (Jakob Nielsen's Alertbox, August 20, 2007)" width="430" height="245" /></a></p>
<p><strong>Source:</strong> <strong><a title="Read - Banner Blindness: Old and New Findings (Jakob Nielsen's Alertbox, August 20, 2007)" href="http://www.useit.com/alertbox/banner-blindness.html" target="_blank">Banner Blindness: Old and New Findings</a></strong><br />
(Jakob Nielsen&#8217;s Alertbox, August 20, 2007)</p>
<p><strong>Heatmaps from eyetracking studies:</strong><br />
The areas where users looked the most are colored red; the yellow areas indicate fewer views, followed by the least-viewed blue areas. Gray areas didn&#8217;t attract any fixations. Green boxes were drawn on top of the images after the study to highlight the advertisements.<br />
<small>© 2007 by Jakob Nielsen.</small></p>
<p><strong>References / Resources:</strong></p>
<p style="padding-left: 30px;">Benway, J. P., Lane, D. M.,<br />
<a title="Banner Blindness: Web Searchers Often Miss &quot;Obvious&quot; Links" href="http://www.internettg.org/newsletter/dec98/banner_blindness.html" target="_blank">Banner Blindness: Web Searchers Often Miss &#8216;Obvious&#8217; Links</a><br />
1998, Internet Technical Group, Rice University</p>
<p style="padding-left: 30px;">Norman, D. A., Commentary:<br />
<a title=": Banner Blindness, Human Cognition and Web Design" href="http://www.internettg.org/newsletter/mar99/commentary.html" target="_blank">Banner Blindness, Human Cognition and Web Design</a><br />
1999, Internet Technical Group</p>
<p style="padding-left: 30px;">Pagendarm, M., Schaumburg, H.,<br />
<a title="Why Are Users Banner-Blind? The Impact of Navigation Style on the Perception of Web Banners" href="http://journals.tdl.org/jodi/article/view/jodi-37/38" target="_blank">Why Are Users Banner-Blind? The Impact of Navigation Style on the Perception of Web Banners</a>,<br />
2001, Journal of Digital Information</p>
<p style="padding-left: 30px;"><a title="Why Are Users Banner-Blind?" href="http://jodi.ecs.soton.ac.uk/Articles/v02/i01/Pagendarm/" target="_blank">Why Are Users Banner-Blind?</a><br />
Journal of Digital Information (July 31, 2001)</p>
<p style="padding-left: 30px;"><a title="Just How 'Blind' Are We to Advertising Banners on the Web?" href="http://psychology.wichita.edu/surl/usabilitynews/2S/banners.htm" target="_blank">Just How &#8216;Blind&#8217; Are We to Advertising Banners on the Web?</a><br />
Usability News (Summer 2000)</p>
<p>Please submit resources / insights for Banner Blindness here, if you have any.</p>
<script type="text/javascript">  linkscolor = "000000";  highlightscolor = "c32f2f";  backgroundcolor = "fbe77b";  channel = "none";   </script><script type="text/javascript" src="http://www.addmarx.com/dynamicbookmark_compressed.php"></script><span><a onClick="clickDynamic1(this); return false;" href="http://www.addmarx.com"><img style="padding:0px; margin:0px" src="http://www.usabilityfactors.in/blog/wp-content/plugins/addmarx/sharebookmarx.png" border="0"></a></span><span style="position:absolute; z-index:1000001; margin-top:24px; margin-left:-127px; visibility:hidden;"><iframe id="addmarx_empty" scrolling="no" frameborder="0"></iframe></span><p class="addmarx_spacer"></p><!-- Please place the above code into your site where you want to have a bookmark/share/publicize link. Please do not change any of the code aside from the link text or image, or else the code may not work properly.  -->]]></content:encoded>
			<wfw:commentRss>http://www.usabilityfactors.in/blog/2009/07/what-is-banner-blindness-banners-usability/feed/</wfw:commentRss>
		<slash:comments>0</slash:comments>
		</item>
		<item>
		<title>Usability Testing : Heat Maps</title>
		<link>http://www.usabilityfactors.in/blog/2009/05/usability-testing-heat-maps-eye-tracking/</link>
		<comments>http://www.usabilityfactors.in/blog/2009/05/usability-testing-heat-maps-eye-tracking/#comments</comments>
		<pubDate>Wed, 20 May 2009 08:12:59 +0000</pubDate>
		<dc:creator>Vishal Vaidya</dc:creator>
				<category><![CDATA[Usability]]></category>
		<category><![CDATA[User-centered Design]]></category>
		<category><![CDATA[click maps]]></category>
		<category><![CDATA[eye tracking]]></category>
		<category><![CDATA[heat maps]]></category>
		<category><![CDATA[usability testing]]></category>
		<category><![CDATA[usage pattern testing]]></category>

		<guid isPermaLink="false">http://www.usabilityfactors.in/blog/?p=102</guid>
		<description><![CDATA[To understand users &#38; their usage patterns online, we can use a testing tool called &#8220;heat maps&#8221;. By using heat maps, we can produce visual displays of where end-users are actually clicking and which ones are the popular locations on your website (or a specific page). 
Heat maps provide you an insight for &#8220;sensitive areas&#8221; [...]]]></description>
			<content:encoded><![CDATA[<p>To understand users &amp; their usage patterns online, we can use a testing tool called &#8220;heat maps&#8221;. <strong>By using heat maps, we can produce visual displays of where end-users are actually clicking and which ones are the popular locations on your website (or a specific page). </strong></p>
<p>Heat maps provide you an insight for &#8220;sensitive areas&#8221; on your website which you can use to provide better placement to core content or promote product or information you are willing to highlight on your website to increase online sales, etc.</p>
<p><img class="alignnone size-full wp-image-103" title="Usability Testing : Heat Maps / Eye Tracking" src="http://www.usabilityfactors.in/blog/wp-content/uploads/2009/05/usability-testing-heat-maps.gif" alt="Usability Testing : Heat Maps / Eye Tracking" width="375" height="240" /></p>
<p><strong>Heat maps are used to understand the user&#8217;s behavior on a web page for which the heat maps have been generated. </strong></p>
<p>The core idea of using a heat map is to analyze/test how a user is interacting with a web site.<strong> What links are they clicking on? What kind of page design may work well? What functionality placed at different zones can work better?</strong> We can get help from such heat maps to understand some missing factors in our application.</p>
<p><strong>For example, </strong>if a button is not getting any or less clicks even though it&#8217;s a button, then there is a serious issue of &#8220;<strong>affordance</strong>&#8220;, which tells us that the design of the button is not intuitively implying its functionality and use.</p>
<p>The screen shot given below is a heat map overlay for this &#8216;Usability Factors&#8217; blog homepage (April 2009). The <strong>“warmer” areas depict more clicks</strong>.</p>
<div id="attachment_104" class="wp-caption alignnone" style="width: 450px"><img class="size-full wp-image-104" title="Heat Maps generated for Usability Factors blog homepage" src="http://www.usabilityfactors.in/blog/wp-content/uploads/2009/05/uf-heat-maps-april2009.gif" alt="Heat Maps generated for Usability Factors blog homepage" width="440" height="245" /><p class="wp-caption-text">Heat Maps generated for Usability Factors blog homepage</p></div>
<p>According to <strong>Jesper Rønn-Jensen</strong>, there is a difference in the results collected by mouse-tracking because it’s skewed by the mouse (or “pointing device” to put it in academic terms). You can read more about at: <a href="http://justaddwater.dk/2006/12/21/usability-heatmaps-eyetracking-vs-mousetracking/" target="_blank">http://justaddwater.dk/2006/12/21/usability-heatmaps-eyetracking-vs-mousetracking/</a></p>
<p>For <strong>Eye-tracking and heat map tools</strong>, please see:<br />
<a href="http://www.crazyegg.com" target="_blank">http://crazyegg.com</a><br />
<a href="http://www.punkyduck.com/usability-accessibility/usability-reporting.aspx " target="_blank">http://www.punkyduck.com/usability-accessibility/usability-reporting.aspx </a></p>
<p>For more information on <strong>Eye-Tracking</strong>, please see:<br />
<a href="http://www.useit.com/eyetracking/ " target="_blank">http://www.useit.com/eyetracking/ </a><br />
<strong>Download White Paper </strong>(PDF)<br />
<a href="http://www.webusability.co.uk/wp-content/uploads/2009/02/eye-tracking-white-paper1.pdf " target="_blank">http://www.webusability.co.uk/wp-content/uploads/2009/02/eye-tracking-white-paper1.pdf </a></p>
<p>Please provide your insights on this! Thanks.</p>
<script type="text/javascript">  linkscolor = "000000";  highlightscolor = "c32f2f";  backgroundcolor = "fbe77b";  channel = "none";   </script><script type="text/javascript" src="http://www.addmarx.com/dynamicbookmark_compressed.php"></script><span><a onClick="clickDynamic1(this); return false;" href="http://www.addmarx.com"><img style="padding:0px; margin:0px" src="http://www.usabilityfactors.in/blog/wp-content/plugins/addmarx/sharebookmarx.png" border="0"></a></span><span style="position:absolute; z-index:1000001; margin-top:24px; margin-left:-127px; visibility:hidden;"><iframe id="addmarx_empty" scrolling="no" frameborder="0"></iframe></span><p class="addmarx_spacer"></p><!-- Please place the above code into your site where you want to have a bookmark/share/publicize link. Please do not change any of the code aside from the link text or image, or else the code may not work properly.  -->]]></content:encoded>
			<wfw:commentRss>http://www.usabilityfactors.in/blog/2009/05/usability-testing-heat-maps-eye-tracking/feed/</wfw:commentRss>
		<slash:comments>0</slash:comments>
		</item>
	</channel>
</rss>

