<?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; usability trends</title>
	<atom:link href="http://www.usabilityfactors.in/blog/tag/usability-trends/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>Drop Down Menus &#8211; Usability</title>
		<link>http://www.usabilityfactors.in/blog/2009/06/drop-down-menus-usability-accessibility/</link>
		<comments>http://www.usabilityfactors.in/blog/2009/06/drop-down-menus-usability-accessibility/#comments</comments>
		<pubDate>Mon, 29 Jun 2009 05:35:18 +0000</pubDate>
		<dc:creator>Vishal Vaidya</dc:creator>
				<category><![CDATA[Product Design]]></category>
		<category><![CDATA[Usability]]></category>
		<category><![CDATA[User-centered Design]]></category>
		<category><![CDATA[accessibility]]></category>
		<category><![CDATA[desktop application GUIs]]></category>
		<category><![CDATA[drop down menus usability]]></category>
		<category><![CDATA[usability trends]]></category>
		<category><![CDATA[User interface design]]></category>
		<category><![CDATA[web design trends]]></category>

		<guid isPermaLink="false">http://www.usabilityfactors.in/blog/?p=149</guid>
		<description><![CDATA[Using drop down menus is cumbersome for users, as it needs scrolling efforts by end-users, leading to usability and accessibility issues. Now, there is a new trend in the web design – of using large drop down menus. New mega drop downs are far better than regular drop downs, which hides several options when they [...]]]></description>
			<content:encoded><![CDATA[<p>Using drop down menus is cumbersome for users, as it needs scrolling efforts by end-users, leading to usability and accessibility issues. Now, there is a <strong>new trend in the web design – of using large drop down menus</strong>. New mega drop downs are far better than regular drop downs, which hides several options when they open and may be a long scroll is involved to see all of them and still they all can’t be seen at the same time – involving usability issues like motoring and short-term memory.</p>
<p><img class="alignnone size-full wp-image-151" title="Usability for Drop Down Menus" src="http://www.usabilityfactors.in/blog/wp-content/uploads/2009/06/drop-down-menus-usability.gif" alt="Usability for Drop Down Menus" width="375" height="240" /></p>
<p>These new kind of drop down menus has features like:</p>
<ul>
<li><strong>Everything visible at the same time</strong>, so users don’t have to scroll (in most cases).</li>
<li>Split into two or more panels for an <strong>easy to understand navigation interface and grouped sensibly.</strong></li>
<li>Has features like <strong>usage of typography, icons</strong> (even may be thumbnails), assistive features like tool tips.</li>
<li>Users don’t have to remember a lot, everything being visible upfront (as the <strong>short-term memory</strong> is involved while browsing such objects and several users may miss it as they rely on short term memory).</li>
</ul>
<p>These kinds of menus are easy-to-use and have been rated good on usability as per tests done by the Jakob Nielsen&#8217;s (<a title="Read: Mega Drop-Down Navigation Menus Work Well" href="http://www.useit.com/alertbox/mega-dropdown-menus.html" target="_blank">Alertbox</a>, March 23, 2009).</p>
<p>Also, in <strong>desktop application interfaces</strong> (GUIs) like <strong>Microsoft<small>© </small>Office 2007</strong> , this kind of drop down menus with illustrations has been used effectively.</p>
<p><img class="alignnone size-full wp-image-154" title="Microsoft Office Word 2007 - Formatting " src="http://www.usabilityfactors.in/blog/wp-content/uploads/2009/06/microsoft-office-word-2007-formatting1.jpg" alt="Microsoft Office Word 2007 - Formatting " width="432" height="235" /></p>
<p><em>Microsoft Office Word 2007 &#8211; Formatting</em></p>
<p><img class="alignnone size-full wp-image-155" title="Microsoft Office PowerPoint 2007 - Publish Slides " src="http://www.usabilityfactors.in/blog/wp-content/uploads/2009/06/microsoft-office-powerpoint-2007-publish-slides1.jpg" alt="Microsoft Office PowerPoint 2007 - Publish Slides " width="432" height="235" /></p>
<p><em>Microsoft Office PowerPoint 2007 &#8211; Publish Slides </em></p>
<p><strong>Below given are some of the examples:</strong></p>
<p><a href="http://www.microsoft.com/en/us/default.aspx" target="_blank"><img class="alignnone size-full wp-image-156" title="Microsoft US website Homepage" src="http://www.usabilityfactors.in/blog/wp-content/uploads/2009/06/screenshot-microsoft-usa.jpg" alt="Microsoft US website Homepage" width="430" height="273" /></a></p>
<p><em><strong>Microsoft US homepage</strong></em></p>
<p><a href="http://www.bp.com" target="_blank"><img class="alignnone size-full wp-image-157" title="BP Homepage" src="http://www.usabilityfactors.in/blog/wp-content/uploads/2009/06/screenshot-bp.jpg" alt="BP Homepage" width="430" height="273" /></a></p>
<p><em><strong>BP homepage</strong></em></p>
<p><a href="http://compareindia.in.com/" target="_blank"><img class="alignnone size-full wp-image-158" title="Compare India homepage" src="http://www.usabilityfactors.in/blog/wp-content/uploads/2009/06/screenshot-compare-india.jpg" alt="Compare India homepage" width="430" height="273" /></a></p>
<p><em><strong>CompareIndia.com homepage</strong></em></p>
<p>You can read more about the Mega Drop Down menus on <strong>Jakob Nielsen</strong>&#8217;s website: <a title="Mega Drop-Down Navigation Menus Work Well" href="http://www.useit.com/alertbox/mega-dropdown-menus.html" target="_blank">http://www.useit.com/alertbox/mega-dropdown-menus.html</a></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/06/drop-down-menus-usability-accessibility/feed/</wfw:commentRss>
		<slash:comments>0</slash:comments>
		</item>
	</channel>
</rss>

