<?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/"
	xmlns:georss="http://www.georss.org/georss" xmlns:geo="http://www.w3.org/2003/01/geo/wgs84_pos#" xmlns:media="http://search.yahoo.com/mrss/"
	>

<channel>
	<title>Understanding U Before I</title>
	<atom:link href="http://uispace.wordpress.com/feed/" rel="self" type="application/rss+xml" />
	<link>http://uispace.wordpress.com</link>
	<description>Just another WordPress.com weblog</description>
	<lastBuildDate>Wed, 11 Mar 2009 08:10:53 +0000</lastBuildDate>
	<language>en</language>
	<sy:updatePeriod>hourly</sy:updatePeriod>
	<sy:updateFrequency>1</sy:updateFrequency>
	<generator>http://wordpress.com/</generator>
<cloud domain='uispace.wordpress.com' port='80' path='/?rsscloud=notify' registerProcedure='' protocol='http-post' />
<image>
		<url>http://s2.wp.com/i/buttonw-com.png</url>
		<title>Understanding U Before I</title>
		<link>http://uispace.wordpress.com</link>
	</image>
	<atom:link rel="search" type="application/opensearchdescription+xml" href="http://uispace.wordpress.com/osd.xml" title="Understanding U Before I" />
	<atom:link rel='hub' href='http://uispace.wordpress.com/?pushpress=hub'/>
		<item>
		<title>Accommodating Color Blindness</title>
		<link>http://uispace.wordpress.com/2009/03/11/accommodating-color-blindness/</link>
		<comments>http://uispace.wordpress.com/2009/03/11/accommodating-color-blindness/#comments</comments>
		<pubDate>Wed, 11 Mar 2009 07:48:08 +0000</pubDate>
		<dc:creator>MadEyeMoody</dc:creator>
				<category><![CDATA[Uncategorized]]></category>

		<guid isPermaLink="false">http://uispace.wordpress.com/2009/03/11/accommodating-color-blindness/</guid>
		<description><![CDATA[by Paul Hoffman, Cognetics Corporation There are two major types of color blindness. The most prevalent causes are confusion between red and green. This type affects approximately eight to ten percent of the male population. In another type, an additional &#8230; <a href="http://uispace.wordpress.com/2009/03/11/accommodating-color-blindness/">Continue reading <span class="meta-nav">&#8594;</span></a><img alt="" border="0" src="http://stats.wordpress.com/b.gif?host=uispace.wordpress.com&amp;blog=5075585&amp;post=48&amp;subd=uispace&amp;ref=&amp;feed=1" width="1" height="1" />]]></description>
			<content:encoded><![CDATA[<p>by Paul Hoffman, Cognetics Corporation</p>
<p>There are two major types of color blindness. The most prevalent causes are confusion between red and green. This type affects approximately eight to ten percent of the male population. In another type, an additional one to two Percent of men suffer from a deficiency in perceiving blue/yellow differences. Less than one percent of women suffer from any form of color blindness. To understand color blindness better, it is helpful to be familiar with the ways in which colors differ from each other. One standard way to discuss color is to divide it into hue, saturation and brightness (HSB).</p>
<p><strong>Hue</strong></p>
<p>Hue is the element that distinguishes one color of the rainbow from another. It is the quality that infuses an object with &#8220;orangeness&#8221; or &#8220;redness&#8221; or &#8220;blueness&#8221;. <strong>In terms of people with color blindness, red and green hues are not differentiated as well as they should be.</strong></p>
<p><strong>Saturation</strong></p>
<p>Saturation, the second element of the HSB color model, is the &#8220;pureness&#8221; of the color. High saturation equates to intense, &#8220;colorful&#8221; color. A color is desaturated by adding varying amounts of the its opposite or complementary color. Adding some blue-green desaturates Red. As colors become more desaturated, they tend toward a neutral grey.<strong> Less saturated colors are harder for the colorblind to distinguish.</strong></p>
<p><strong>Brightness</strong></p>
<p>The third element, brightness, is sometimes called &#8220;lightness&#8221; or &#8220;value.&#8221; (The highest value equals white; the lowest value equals black.) Changing the brightness or value of a color is accomplished by diluting it with white, which makes the color become lighter or pastel, or with black, which makes the color become darker or more subdued. <strong>Colors with similar brightness are harder for the color-blind to distinguish.</strong></p>
<p> </p>
<p><strong><span style="font-weight:normal;">If the designer wishes the interface to be equally effective to individuals both with and without color blindness, color-cueing should take into account potential red/green and blue/yellow confusion.</span></strong></p>
<p><strong><span style="font-weight:normal;">What can be done to avoid confusion?</span></strong></p>
<p><strong>Always provide an additional cue; don’t rely on color alone<span style="font-weight:normal;">. For example, the standard default web browser of a link is underlined blue lettering. Interestingly, this particular color coding would stand up quite well, even without the additional cue of the underline, since blue is the universally recognizable color.</span></strong></p>
<p><strong><span style="font-weight:normal;">A second way to counteract color deficiency confusions is to make sure that colors have a high degree of contrast with each other. <strong>Color should differ strongly in brightness. </strong>A very light green and a very dark red will be easier to distinguish than a red and green that are similar in brightness. Remember that the more similar two colors are in brightness or in saturation, the harder they will be to distinguish.</span></strong></p>
<p><strong><span style="font-weight:normal;">In general, when colors need to be distinct and recognizably different, select the light colors from orange, yellow, green or blue-green; select the darker colors from blue, violet, purple or red. (The colorblind already see blue, violet, purple and red as darker than normal.) Also, don’t pair colors similar in hue, in saturation, or in brightness.</span></strong></p>
<p><strong><span style="font-weight:normal;"><img class="aligncenter" src="http://www.lighthouse.org/images/color_wheel.gif" alt="" width="300" height="241" /></span></strong></p>
<p> </p>
<p><strong><span style="font-weight:normal;"><img class="aligncenter" src="http://www.lighthouse.org/images/color_contrast_04.gif" alt="" width="300" height="235" /><br />
</span></strong></p>
<p> </p>
<p><img class="aligncenter" src="http://www.internettg.org/newsletter/mar99/spectrum.jpg" alt="" width="392" height="458" /></p>
<p>Related Links</p>
<p><a href="http://www.lighthouse.org/accessibility/effective-color-contrast/">http://www.lighthouse.org/accessibility/effective-color-contrast/</a></p>
<br />  <a rel="nofollow" href="http://feeds.wordpress.com/1.0/gocomments/uispace.wordpress.com/48/"><img alt="" border="0" src="http://feeds.wordpress.com/1.0/comments/uispace.wordpress.com/48/" /></a> <a rel="nofollow" href="http://feeds.wordpress.com/1.0/godelicious/uispace.wordpress.com/48/"><img alt="" border="0" src="http://feeds.wordpress.com/1.0/delicious/uispace.wordpress.com/48/" /></a> <a rel="nofollow" href="http://feeds.wordpress.com/1.0/gofacebook/uispace.wordpress.com/48/"><img alt="" border="0" src="http://feeds.wordpress.com/1.0/facebook/uispace.wordpress.com/48/" /></a> <a rel="nofollow" href="http://feeds.wordpress.com/1.0/gotwitter/uispace.wordpress.com/48/"><img alt="" border="0" src="http://feeds.wordpress.com/1.0/twitter/uispace.wordpress.com/48/" /></a> <a rel="nofollow" href="http://feeds.wordpress.com/1.0/gostumble/uispace.wordpress.com/48/"><img alt="" border="0" src="http://feeds.wordpress.com/1.0/stumble/uispace.wordpress.com/48/" /></a> <a rel="nofollow" href="http://feeds.wordpress.com/1.0/godigg/uispace.wordpress.com/48/"><img alt="" border="0" src="http://feeds.wordpress.com/1.0/digg/uispace.wordpress.com/48/" /></a> <a rel="nofollow" href="http://feeds.wordpress.com/1.0/goreddit/uispace.wordpress.com/48/"><img alt="" border="0" src="http://feeds.wordpress.com/1.0/reddit/uispace.wordpress.com/48/" /></a> <img alt="" border="0" src="http://stats.wordpress.com/b.gif?host=uispace.wordpress.com&amp;blog=5075585&amp;post=48&amp;subd=uispace&amp;ref=&amp;feed=1" width="1" height="1" />]]></content:encoded>
			<wfw:commentRss>http://uispace.wordpress.com/2009/03/11/accommodating-color-blindness/feed/</wfw:commentRss>
		<slash:comments>0</slash:comments>
	
		<media:content url="http://1.gravatar.com/avatar/52fe5c70274ce6d0b0be33cf269a769d?s=96&#38;d=identicon&#38;r=G" medium="image">
			<media:title type="html">MadEyeMoody</media:title>
		</media:content>

		<media:content url="http://www.lighthouse.org/images/color_wheel.gif" medium="image" />

		<media:content url="http://www.lighthouse.org/images/color_contrast_04.gif" medium="image" />

		<media:content url="http://www.internettg.org/newsletter/mar99/spectrum.jpg" medium="image" />
	</item>
		<item>
		<title>Starting from Zero: Winning Strategies for No Search Results Pages</title>
		<link>http://uispace.wordpress.com/2009/03/10/starting-from-zero-winning-strategies-for-no-search-results-pages/</link>
		<comments>http://uispace.wordpress.com/2009/03/10/starting-from-zero-winning-strategies-for-no-search-results-pages/#comments</comments>
		<pubDate>Tue, 10 Mar 2009 07:21:53 +0000</pubDate>
		<dc:creator>MadEyeMoody</dc:creator>
				<category><![CDATA[usability]]></category>
		<category><![CDATA[seo usability search-results]]></category>

		<guid isPermaLink="false">http://uispace.wordpress.com/2009/03/10/starting-from-zero-winning-strategies-for-no-search-results-pages/</guid>
		<description><![CDATA[Original article: http://www.uxmatters.com/mt/archives/2009/02/starting-from-zero-winning-strategies-for-no-search-results-pages.php   There is no set of rules that guarantees a successful no search results implementation. However, by studying various search UI implementations, I’ve come up with three useful design directions: 1. Don’t be afraid to say I did &#8230; <a href="http://uispace.wordpress.com/2009/03/10/starting-from-zero-winning-strategies-for-no-search-results-pages/">Continue reading <span class="meta-nav">&#8594;</span></a><img alt="" border="0" src="http://stats.wordpress.com/b.gif?host=uispace.wordpress.com&amp;blog=5075585&amp;post=42&amp;subd=uispace&amp;ref=&amp;feed=1" width="1" height="1" />]]></description>
			<content:encoded><![CDATA[<p>Original article: http://www.uxmatters.com/mt/archives/2009/02/starting-from-zero-winning-strategies-for-no-search-results-pages.php</p>
<p> </p>
<p>There is no set of rules that guarantees a successful no search results implementation. However, by studying various search UI implementations, I’ve come up with three useful design directions:</p>
<p>1. Don’t be afraid to say I did not understand. Clearly indicate there are no search results, so the customer can recover.</p>
<p>2. Focus on providing a way out. Make sure every control on the page does something productive to help resolve the no search results condition.</p>
<p>3. Focus on the customer’s goal. Provide the most relevant recovery content first, while staying as close as possible to the customer’s original intent.</p>
<p> </p>
<p class="sub-p">Removing some of a user’s original keywords is just one in long list of effective content strategies. Here are some useful ideas for content strategies, in order of their relevance to the user’s original query:</p>
<ol>
<li>substituting a user’s original keywords with different keywords from a controlled vocabulary</li>
<li>removing some of a user’s original keywords, or making partial matches</li>
<li>matching categories or aspects</li>
<li>top searches, featured results, or most popular results</li>
<li>third-party resources and ads</li>
</ol>
<br />  <a rel="nofollow" href="http://feeds.wordpress.com/1.0/gocomments/uispace.wordpress.com/42/"><img alt="" border="0" src="http://feeds.wordpress.com/1.0/comments/uispace.wordpress.com/42/" /></a> <a rel="nofollow" href="http://feeds.wordpress.com/1.0/godelicious/uispace.wordpress.com/42/"><img alt="" border="0" src="http://feeds.wordpress.com/1.0/delicious/uispace.wordpress.com/42/" /></a> <a rel="nofollow" href="http://feeds.wordpress.com/1.0/gofacebook/uispace.wordpress.com/42/"><img alt="" border="0" src="http://feeds.wordpress.com/1.0/facebook/uispace.wordpress.com/42/" /></a> <a rel="nofollow" href="http://feeds.wordpress.com/1.0/gotwitter/uispace.wordpress.com/42/"><img alt="" border="0" src="http://feeds.wordpress.com/1.0/twitter/uispace.wordpress.com/42/" /></a> <a rel="nofollow" href="http://feeds.wordpress.com/1.0/gostumble/uispace.wordpress.com/42/"><img alt="" border="0" src="http://feeds.wordpress.com/1.0/stumble/uispace.wordpress.com/42/" /></a> <a rel="nofollow" href="http://feeds.wordpress.com/1.0/godigg/uispace.wordpress.com/42/"><img alt="" border="0" src="http://feeds.wordpress.com/1.0/digg/uispace.wordpress.com/42/" /></a> <a rel="nofollow" href="http://feeds.wordpress.com/1.0/goreddit/uispace.wordpress.com/42/"><img alt="" border="0" src="http://feeds.wordpress.com/1.0/reddit/uispace.wordpress.com/42/" /></a> <img alt="" border="0" src="http://stats.wordpress.com/b.gif?host=uispace.wordpress.com&amp;blog=5075585&amp;post=42&amp;subd=uispace&amp;ref=&amp;feed=1" width="1" height="1" />]]></content:encoded>
			<wfw:commentRss>http://uispace.wordpress.com/2009/03/10/starting-from-zero-winning-strategies-for-no-search-results-pages/feed/</wfw:commentRss>
		<slash:comments>0</slash:comments>
	
		<media:content url="http://1.gravatar.com/avatar/52fe5c70274ce6d0b0be33cf269a769d?s=96&#38;d=identicon&#38;r=G" medium="image">
			<media:title type="html">MadEyeMoody</media:title>
		</media:content>
	</item>
		<item>
		<title>Usability Guidelines for Lower-Literacy Users</title>
		<link>http://uispace.wordpress.com/2009/03/08/lower-literacy-users/</link>
		<comments>http://uispace.wordpress.com/2009/03/08/lower-literacy-users/#comments</comments>
		<pubDate>Sun, 08 Mar 2009 09:10:50 +0000</pubDate>
		<dc:creator>MadEyeMoody</dc:creator>
				<category><![CDATA[usability]]></category>
		<category><![CDATA[accessibility]]></category>

		<guid isPermaLink="false">http://uispace.wordpress.com/?p=37</guid>
		<description><![CDATA[We recently expanded our research to cover a big part of the population left out of earlier studies: lower-literacy users. As it turns out, their online behavior is radically different than that of higher-literacy users. Lower literacy is different than illiteracy: people &#8230; <a href="http://uispace.wordpress.com/2009/03/08/lower-literacy-users/">Continue reading <span class="meta-nav">&#8594;</span></a><img alt="" border="0" src="http://stats.wordpress.com/b.gif?host=uispace.wordpress.com&amp;blog=5075585&amp;post=37&amp;subd=uispace&amp;ref=&amp;feed=1" width="1" height="1" />]]></description>
			<content:encoded><![CDATA[<p>We recently expanded our research to cover a big part of the population left out of earlier studies: lower-literacy users. As it turns out, their <strong>online behavior is radically different</strong> than that of higher-literacy users.</p>
<p><strong>Lower literacy is different than illiteracy</strong>: people with lower literacy can read, but they have difficulties doing so.</p>
<p>They must <strong>read word for word</strong> and often spend considerable time trying to understand multi-syllabic words.</p>
<p>They <strong>&#8220;plow&#8221; the text</strong>, line by line. This gives them a <strong>narrow field of view</strong> and they therefore miss objects outside the main flow of the text they&#8217;re reading.</p>
<p><strong>They don&#8217;t scan text</strong>. As a result, for example, they can&#8217;t quickly glance at a list of navigation options to select the one they want. Their only other choice is to <strong>completely skip over</strong> large amounts of information.</p>
<p>Lower-literacy users tend to <strong>satisfice</strong> &#8211; accept something as &#8220;good enough&#8221; &#8212; based on very little information because digging deeper requires too much reading, which is both challenging and time consuming. As soon as text becomes too dense, lower-literacy users start skipping, usually looking for the next link. In doing so, they often overlook important information.</p>
<p>In addition, having to <strong>scroll</strong> breaks lower-literacy users&#8217; visual concentration because they can&#8217;t use scanning to find the place they left off.</p>
<p>Finally, <strong>search</strong> creates problems for lower-literacy users for two reasons. First, they often have difficulty spelling the query terms. Second, they have difficulty processing search results, which typically show weird, out-of-context snippets of text. As a result, lower-literacy users often simply pick the first hit on the list, even if it&#8217;s not the most appropriate for their needs.</p>
<p> </p>
<p> </p>
<p><strong>Improving Usability for Lower-Literacy Users</strong></p>
<p>The main and most obvious advice is to simplify the text. </p>
<p><strong>Prioritize information</strong>. Place the main point at the very top of the page, where even readers who typically give up after a few lines will see it. Place any other important information above the fold, to minimize the risk of users losing their place after scrolling. This is always good practice; even the most skilled readers will leave a page if the first few paragraphs don&#8217;t seem valuable. It&#8217;s even better to avoid scrolling all together (which also helps <a class="old" title="Alertbox: Usability of Websites for Teenagers" href="http://www.useit.com/alertbox/teenagers.html">teenagers</a>) unless eliminating it requires you to chop content into unnaturally short sections, which can be even more confusing.</p>
<p><strong>Avoid text that moves or changes</strong>, such as animations and fly-out menus. Static text is easier to read. This guideline also helps international users (who might need to look up words in a dictionary) and users with motor skills impairments (who have difficulty catching things that move).</p>
<p><strong>Streamline the page design</strong>. Place important content in a single main column, so users don&#8217;t have to scan the page and pick out design elements in a two-dimensional layout. This guideline also helps low-vision users and users of handheld devices (such as smartphones), which narrow the field of view.</p>
<p><strong>Simplify navigation</strong> by placing the main choices in a linear menu. This helps users clearly understand the next place to go, without requiring them to scan the page for options.</p>
<p><strong>Optimize search</strong>. Make your search tolerant of misspellings (which also helps <a class="old" title="Alertbox: Usability for Senior Citizens" href="http://www.useit.com/alertbox/seniors.html">seniors</a>, who are particularly prone to making typos). Ideally, a user&#8217;s first search hit should answer the query, and all hits should provide short, easy-to-read summaries.</p>
<br />  <a rel="nofollow" href="http://feeds.wordpress.com/1.0/gocomments/uispace.wordpress.com/37/"><img alt="" border="0" src="http://feeds.wordpress.com/1.0/comments/uispace.wordpress.com/37/" /></a> <a rel="nofollow" href="http://feeds.wordpress.com/1.0/godelicious/uispace.wordpress.com/37/"><img alt="" border="0" src="http://feeds.wordpress.com/1.0/delicious/uispace.wordpress.com/37/" /></a> <a rel="nofollow" href="http://feeds.wordpress.com/1.0/gofacebook/uispace.wordpress.com/37/"><img alt="" border="0" src="http://feeds.wordpress.com/1.0/facebook/uispace.wordpress.com/37/" /></a> <a rel="nofollow" href="http://feeds.wordpress.com/1.0/gotwitter/uispace.wordpress.com/37/"><img alt="" border="0" src="http://feeds.wordpress.com/1.0/twitter/uispace.wordpress.com/37/" /></a> <a rel="nofollow" href="http://feeds.wordpress.com/1.0/gostumble/uispace.wordpress.com/37/"><img alt="" border="0" src="http://feeds.wordpress.com/1.0/stumble/uispace.wordpress.com/37/" /></a> <a rel="nofollow" href="http://feeds.wordpress.com/1.0/godigg/uispace.wordpress.com/37/"><img alt="" border="0" src="http://feeds.wordpress.com/1.0/digg/uispace.wordpress.com/37/" /></a> <a rel="nofollow" href="http://feeds.wordpress.com/1.0/goreddit/uispace.wordpress.com/37/"><img alt="" border="0" src="http://feeds.wordpress.com/1.0/reddit/uispace.wordpress.com/37/" /></a> <img alt="" border="0" src="http://stats.wordpress.com/b.gif?host=uispace.wordpress.com&amp;blog=5075585&amp;post=37&amp;subd=uispace&amp;ref=&amp;feed=1" width="1" height="1" />]]></content:encoded>
			<wfw:commentRss>http://uispace.wordpress.com/2009/03/08/lower-literacy-users/feed/</wfw:commentRss>
		<slash:comments>0</slash:comments>
	
		<media:content url="http://1.gravatar.com/avatar/52fe5c70274ce6d0b0be33cf269a769d?s=96&#38;d=identicon&#38;r=G" medium="image">
			<media:title type="html">MadEyeMoody</media:title>
		</media:content>
	</item>
		<item>
		<title>Most Common Usability Methods</title>
		<link>http://uispace.wordpress.com/2009/03/08/most-common-usability-methods/</link>
		<comments>http://uispace.wordpress.com/2009/03/08/most-common-usability-methods/#comments</comments>
		<pubDate>Sun, 08 Mar 2009 14:15:19 +0000</pubDate>
		<dc:creator>MadEyeMoody</dc:creator>
				<category><![CDATA[usability]]></category>
		<category><![CDATA[usability methods]]></category>

		<guid isPermaLink="false">http://uispace.wordpress.com/?p=33</guid>
		<description><![CDATA[The following list includes various user-centered design methods that can help improve the usability and usefulness of your site. Card Sorting Technique that allows users to group the information on your Web site and helps to ensure that the site &#8230; <a href="http://uispace.wordpress.com/2009/03/08/most-common-usability-methods/">Continue reading <span class="meta-nav">&#8594;</span></a><img alt="" border="0" src="http://stats.wordpress.com/b.gif?host=uispace.wordpress.com&amp;blog=5075585&amp;post=33&amp;subd=uispace&amp;ref=&amp;feed=1" width="1" height="1" />]]></description>
			<content:encoded><![CDATA[<p>The following list includes various user-centered design methods that can help improve the usability and usefulness of your site.</p>
<div class="section">
<h3><a href="http://www.usability.gov/design/cardsort.html">Card Sorting</a></h3>
<p>Technique that allows users to group the information on your Web site and helps to ensure that the site structure matches the way users think.</p></div>
<hr size="1" />
<div class="section">
<h3><a href="http://www.usability.gov/methods/contextual.html">Contextual Interviews</a></h3>
<p>Method that enables you to observe users in their natural environment to better understand the way users work.</p></div>
<hr size="1" />
<div class="section">
<h3><a href="http://www.usability.gov/methods/focusgroup.html">Focus Groups</a></h3>
<p>Moderated discussion with a group of users that allows you to learn about users&#8217; attitudes, ideas, and desires.</p></div>
<hr size="1" />
<div class="section">
<h3><a href="http://www.usability.gov/methods/heuristiceval.html">Heuristic Evaluation</a></h3>
<p>Usability inspection method where a group of usability experts evaluate the Web site against a list of established heuristics (or guidelines).</p></div>
<hr size="1" />
<div class="section">
<h3><a href="http://www.usability.gov/methods/individual.html">Individual Interviews</a></h3>
<p>One-on-one discussions with users that allow you to learn how a particular user works and enables you to probe on a user&#8217;s attitudes, desires and experiences.</p></div>
<hr size="1" />
<div class="section">
<h3><a href="http://www.usability.gov/design/paralleldesign.html">Parallel Design</a></h3>
<p>Technique where multiple designers create mock-ups of the user interface and the best aspects of each design are used in the final design.</p></div>
<hr size="1" />
<div class="section">
<h3><a href="http://www.usability.gov/analyze/personas.html">Personas</a></h3>
<p>A fictional person that represents one of the major user groups for the site. The design team considers the needs of this fictional person when developing the site.</p></div>
<hr size="1" />
<div class="section">
<h3><a href="http://www.usability.gov/design/prototyping.html">Prototyping</a></h3>
<p>Draft model (or mock-up) of the Web site that allows the design team to explore ideas before fully implementing them. A prototype can range from a paper mock-up to interactive html pages.</p></div>
<hr size="1" />
<div class="section">
<h3><a href="http://www.usability.gov/methods/surveys.html">Surveys (Online)</a></h3>
<p>Series of questions asked to multiple users of the Web site that helps you learn about the people who visit your site.</p></div>
<hr size="1" />
<div class="section">
<h3><a href="http://www.usability.gov/analyze/analysis.html">Task Analysis</a></h3>
<p>Method that involves learning about users&#8217; goals &#8211; what they want to do on your Web site &#8211; and understanding the tasks that users will perform on your site.</p></div>
<hr size="1" />
<div class="section">
<h3><a href="http://www.usability.gov/refine/learnusa.html">Usability Testing</a></h3>
<p>One-on-one sessions where a &#8220;real-life&#8221; user performs tasks on the Web site in order to identify user frustrations and problems with the site.</p></div>
<hr size="1" />
<div class="section">
<h3><a href="http://www.usability.gov/methods/usecases.html">Use Cases</a></h3>
<p>Description of how users will use a particular feature of the Web site. Use cases provide a very detailed look at how users interact with the site including the steps a user will take to accomplish each task.</p></div>
<hr size="1" />
<div class="section">
<h3><a href="http://www.usability.gov/design/writing4web.html">Writing for the Web</a></h3>
<p>Guidelines for optimizing content on the Web based on the way users read online. Involves chunking content, using bulleted lists, and putting the most important information at the top of the page.</p></div>
<br />  <a rel="nofollow" href="http://feeds.wordpress.com/1.0/gocomments/uispace.wordpress.com/33/"><img alt="" border="0" src="http://feeds.wordpress.com/1.0/comments/uispace.wordpress.com/33/" /></a> <a rel="nofollow" href="http://feeds.wordpress.com/1.0/godelicious/uispace.wordpress.com/33/"><img alt="" border="0" src="http://feeds.wordpress.com/1.0/delicious/uispace.wordpress.com/33/" /></a> <a rel="nofollow" href="http://feeds.wordpress.com/1.0/gofacebook/uispace.wordpress.com/33/"><img alt="" border="0" src="http://feeds.wordpress.com/1.0/facebook/uispace.wordpress.com/33/" /></a> <a rel="nofollow" href="http://feeds.wordpress.com/1.0/gotwitter/uispace.wordpress.com/33/"><img alt="" border="0" src="http://feeds.wordpress.com/1.0/twitter/uispace.wordpress.com/33/" /></a> <a rel="nofollow" href="http://feeds.wordpress.com/1.0/gostumble/uispace.wordpress.com/33/"><img alt="" border="0" src="http://feeds.wordpress.com/1.0/stumble/uispace.wordpress.com/33/" /></a> <a rel="nofollow" href="http://feeds.wordpress.com/1.0/godigg/uispace.wordpress.com/33/"><img alt="" border="0" src="http://feeds.wordpress.com/1.0/digg/uispace.wordpress.com/33/" /></a> <a rel="nofollow" href="http://feeds.wordpress.com/1.0/goreddit/uispace.wordpress.com/33/"><img alt="" border="0" src="http://feeds.wordpress.com/1.0/reddit/uispace.wordpress.com/33/" /></a> <img alt="" border="0" src="http://stats.wordpress.com/b.gif?host=uispace.wordpress.com&amp;blog=5075585&amp;post=33&amp;subd=uispace&amp;ref=&amp;feed=1" width="1" height="1" />]]></content:encoded>
			<wfw:commentRss>http://uispace.wordpress.com/2009/03/08/most-common-usability-methods/feed/</wfw:commentRss>
		<slash:comments>0</slash:comments>
	
		<media:content url="http://1.gravatar.com/avatar/52fe5c70274ce6d0b0be33cf269a769d?s=96&#38;d=identicon&#38;r=G" medium="image">
			<media:title type="html">MadEyeMoody</media:title>
		</media:content>
	</item>
		<item>
		<title>Severity Ratings for Usability Problems</title>
		<link>http://uispace.wordpress.com/2009/03/08/severity-ratings-for-usability-problems/</link>
		<comments>http://uispace.wordpress.com/2009/03/08/severity-ratings-for-usability-problems/#comments</comments>
		<pubDate>Sun, 08 Mar 2009 14:03:01 +0000</pubDate>
		<dc:creator>MadEyeMoody</dc:creator>
				<category><![CDATA[usability]]></category>
		<category><![CDATA[severity ratings]]></category>

		<guid isPermaLink="false">http://uispace.wordpress.com/?p=30</guid>
		<description><![CDATA[The severity of a usability problem is a combination of three factors: The frequency with which the problem occurs: Is it common or rare? The impact of the problem if it occurs: Will it be easy or difficult for the users to overcome? The persistence of &#8230; <a href="http://uispace.wordpress.com/2009/03/08/severity-ratings-for-usability-problems/">Continue reading <span class="meta-nav">&#8594;</span></a><img alt="" border="0" src="http://stats.wordpress.com/b.gif?host=uispace.wordpress.com&amp;blog=5075585&amp;post=30&amp;subd=uispace&amp;ref=&amp;feed=1" width="1" height="1" />]]></description>
			<content:encoded><![CDATA[<p>The severity of a usability problem is a combination of three factors:</p>
<ul>
<li>The <strong>frequency</strong> with which the problem occurs: Is it common or rare?</li>
<li>The <strong>impact</strong> of the problem if it occurs: Will it be easy or difficult for the users to overcome?</li>
<li>The <strong>persistence</strong> of the problem: Is it a one-time problem that users can overcome once they know about it or will users repeatedly be bothered by the problem?</li>
</ul>
<p>Finally, of course, one needs to assess the <strong>market impact</strong> of the problem since certain usability problems can have a devastating effect on the popularity of a product, even if they are &#8220;objectively&#8221; quite easy to overcome. Even though severity has several components, it is common to combine all aspects of severity in a single severity rating as an overall assessment of each usability problem in order to facilitate prioritizing and decision-making.The following 0 to 4 rating scale can be used to rate the severity of usability problems:</p>
<blockquote><p><strong>0</strong> = I don&#8217;t agree that this is a usability problem at all <br />
<strong>1</strong> = Cosmetic problem only: need not be fixed unless extra time is available on project <br />
<strong>2</strong> = Minor usability problem: fixing this should be given low priority <br />
<strong>3</strong> = Major usability problem: important to fix, so should be given high priority <br />
<strong>4</strong> = Usability catastrophe: imperative to fix this before product can be released</p></blockquote>
<br />  <a rel="nofollow" href="http://feeds.wordpress.com/1.0/gocomments/uispace.wordpress.com/30/"><img alt="" border="0" src="http://feeds.wordpress.com/1.0/comments/uispace.wordpress.com/30/" /></a> <a rel="nofollow" href="http://feeds.wordpress.com/1.0/godelicious/uispace.wordpress.com/30/"><img alt="" border="0" src="http://feeds.wordpress.com/1.0/delicious/uispace.wordpress.com/30/" /></a> <a rel="nofollow" href="http://feeds.wordpress.com/1.0/gofacebook/uispace.wordpress.com/30/"><img alt="" border="0" src="http://feeds.wordpress.com/1.0/facebook/uispace.wordpress.com/30/" /></a> <a rel="nofollow" href="http://feeds.wordpress.com/1.0/gotwitter/uispace.wordpress.com/30/"><img alt="" border="0" src="http://feeds.wordpress.com/1.0/twitter/uispace.wordpress.com/30/" /></a> <a rel="nofollow" href="http://feeds.wordpress.com/1.0/gostumble/uispace.wordpress.com/30/"><img alt="" border="0" src="http://feeds.wordpress.com/1.0/stumble/uispace.wordpress.com/30/" /></a> <a rel="nofollow" href="http://feeds.wordpress.com/1.0/godigg/uispace.wordpress.com/30/"><img alt="" border="0" src="http://feeds.wordpress.com/1.0/digg/uispace.wordpress.com/30/" /></a> <a rel="nofollow" href="http://feeds.wordpress.com/1.0/goreddit/uispace.wordpress.com/30/"><img alt="" border="0" src="http://feeds.wordpress.com/1.0/reddit/uispace.wordpress.com/30/" /></a> <img alt="" border="0" src="http://stats.wordpress.com/b.gif?host=uispace.wordpress.com&amp;blog=5075585&amp;post=30&amp;subd=uispace&amp;ref=&amp;feed=1" width="1" height="1" />]]></content:encoded>
			<wfw:commentRss>http://uispace.wordpress.com/2009/03/08/severity-ratings-for-usability-problems/feed/</wfw:commentRss>
		<slash:comments>0</slash:comments>
	
		<media:content url="http://1.gravatar.com/avatar/52fe5c70274ce6d0b0be33cf269a769d?s=96&#38;d=identicon&#38;r=G" medium="image">
			<media:title type="html">MadEyeMoody</media:title>
		</media:content>
	</item>
		<item>
		<title>Usability Inspection Methods</title>
		<link>http://uispace.wordpress.com/2009/03/08/usability-inspection-methods/</link>
		<comments>http://uispace.wordpress.com/2009/03/08/usability-inspection-methods/#comments</comments>
		<pubDate>Sun, 08 Mar 2009 13:47:27 +0000</pubDate>
		<dc:creator>MadEyeMoody</dc:creator>
				<category><![CDATA[usability]]></category>
		<category><![CDATA[evaluation]]></category>
		<category><![CDATA[usability methods]]></category>

		<guid isPermaLink="false">http://uispace.wordpress.com/?p=22</guid>
		<description><![CDATA[Usability inspection is the generic name for a set of methods that are all based on having evaluators inspect a user interface. Typically, usability inspection is aimed at finding usability problems in the design, though some methods also address issues &#8230; <a href="http://uispace.wordpress.com/2009/03/08/usability-inspection-methods/">Continue reading <span class="meta-nav">&#8594;</span></a><img alt="" border="0" src="http://stats.wordpress.com/b.gif?host=uispace.wordpress.com&amp;blog=5075585&amp;post=22&amp;subd=uispace&amp;ref=&amp;feed=1" width="1" height="1" />]]></description>
			<content:encoded><![CDATA[<p>Usability inspection is the generic name for a set of methods that are all based on having evaluators inspect a user interface. Typically, usability inspection is aimed at finding usability problems in the design, though some methods also address issues like the severity of the usability problems and the overall usability of an entire system. Many inspection methods lend themselves to the inspection of user interface specifications that have not necessarily been implemented yet, meaning that inspection can be performed early in the usability engineering lifecycle.</p>
<ul>
<li><strong>Heuristic evaluation</strong> is the most informal method and involves having usability specialists judge whether each dialogue element follows established usability principles (the &#8220;heuristics&#8221;).</li>
<li><strong>Heuristic estimation</strong> is a variant in which the inspectors are asked to estimate the relative usability of two (or more) designs in quantitative terms (typically expected user performance).</li>
<li><strong>Cognitive walkthrough</strong> uses a more explicitly detailed procedure to simulate a user&#8217;s problem-solving process at each step through the dialogue, checking if the simulated user&#8217;s goals and memory content can be assumed to lead to the next correct action.</li>
<li><strong>Pluralistic walkthrough</strong> uses group meetings where users, developers, and human factors people step through a scenario, discussing each dialogue element.</li>
<li><strong>Feature inspection</strong> lists sequences of features used to accomplish typical tasks, checks for long sequences, cumbersome steps, steps that would not be natural for users to try, and steps that require extensive knowledge/experience in order to assess a proposed feature set.</li>
<li><strong>Consistency inspection</strong> has designers who represent multiple other projects inspect an interface to see whether it does things in the same way as their own designs.</li>
<li><strong>Standards inspection</strong> has an expert on an interface standard inspect the interface for compliance.</li>
<li><strong>Formal usability inspection</strong> combines individual and group inspections in a six-step procedure with strictly defined roles to with elements of both heuristic evaluation and a simplified form of cognitive walkthroughs.</li>
</ul>
<p>Heuristic evaluation, heuristic estimation, cognitive walkthrough, feature inspection, and standards inspection normally have the interface inspected by a single evaluator at a time (though heuristic evaluation is based on combining inspection reports from a set of independent evaluators to form the list of usability problems and heuristic estimation involves computing the mean of the individual estimates). In contrast, pluralistic walkthrough and consistency inspection are group inspection methods. Many usability inspection methods are so easy to apply that it is possible to have regular developers serve as evaluators, though better results are normally achieved when using usability specialists.</p>
<br />  <a rel="nofollow" href="http://feeds.wordpress.com/1.0/gocomments/uispace.wordpress.com/22/"><img alt="" border="0" src="http://feeds.wordpress.com/1.0/comments/uispace.wordpress.com/22/" /></a> <a rel="nofollow" href="http://feeds.wordpress.com/1.0/godelicious/uispace.wordpress.com/22/"><img alt="" border="0" src="http://feeds.wordpress.com/1.0/delicious/uispace.wordpress.com/22/" /></a> <a rel="nofollow" href="http://feeds.wordpress.com/1.0/gofacebook/uispace.wordpress.com/22/"><img alt="" border="0" src="http://feeds.wordpress.com/1.0/facebook/uispace.wordpress.com/22/" /></a> <a rel="nofollow" href="http://feeds.wordpress.com/1.0/gotwitter/uispace.wordpress.com/22/"><img alt="" border="0" src="http://feeds.wordpress.com/1.0/twitter/uispace.wordpress.com/22/" /></a> <a rel="nofollow" href="http://feeds.wordpress.com/1.0/gostumble/uispace.wordpress.com/22/"><img alt="" border="0" src="http://feeds.wordpress.com/1.0/stumble/uispace.wordpress.com/22/" /></a> <a rel="nofollow" href="http://feeds.wordpress.com/1.0/godigg/uispace.wordpress.com/22/"><img alt="" border="0" src="http://feeds.wordpress.com/1.0/digg/uispace.wordpress.com/22/" /></a> <a rel="nofollow" href="http://feeds.wordpress.com/1.0/goreddit/uispace.wordpress.com/22/"><img alt="" border="0" src="http://feeds.wordpress.com/1.0/reddit/uispace.wordpress.com/22/" /></a> <img alt="" border="0" src="http://stats.wordpress.com/b.gif?host=uispace.wordpress.com&amp;blog=5075585&amp;post=22&amp;subd=uispace&amp;ref=&amp;feed=1" width="1" height="1" />]]></content:encoded>
			<wfw:commentRss>http://uispace.wordpress.com/2009/03/08/usability-inspection-methods/feed/</wfw:commentRss>
		<slash:comments>0</slash:comments>
	
		<media:content url="http://1.gravatar.com/avatar/52fe5c70274ce6d0b0be33cf269a769d?s=96&#38;d=identicon&#38;r=G" medium="image">
			<media:title type="html">MadEyeMoody</media:title>
		</media:content>
	</item>
		<item>
		<title>First Principles of Interaction Design</title>
		<link>http://uispace.wordpress.com/2009/03/08/first-principles-of-interaction-design/</link>
		<comments>http://uispace.wordpress.com/2009/03/08/first-principles-of-interaction-design/#comments</comments>
		<pubDate>Sun, 08 Mar 2009 13:41:18 +0000</pubDate>
		<dc:creator>MadEyeMoody</dc:creator>
				<category><![CDATA[interaction design]]></category>
		<category><![CDATA[principles]]></category>

		<guid isPermaLink="false">http://uispace.wordpress.com/?p=18</guid>
		<description><![CDATA[Visit the detailed article for further reading. The following principles are fundamental to the design and implementation of effective interfaces, whether for traditional GUI environments or the web. Of late, many web applications have reflected a lack of understanding of &#8230; <a href="http://uispace.wordpress.com/2009/03/08/first-principles-of-interaction-design/">Continue reading <span class="meta-nav">&#8594;</span></a><img alt="" border="0" src="http://stats.wordpress.com/b.gif?host=uispace.wordpress.com&amp;blog=5075585&amp;post=18&amp;subd=uispace&amp;ref=&amp;feed=1" width="1" height="1" />]]></description>
			<content:encoded><![CDATA[<p>Visit the <a title="First Principles of Interaction Design" href="http://www.asktog.com/basics/firstPrinciples.html" target="_blank">detailed article</a> for further reading.</p>
<p>The following principles are fundamental to the design and implementation of effective interfaces, whether for traditional GUI environments or the web. Of late, many web applications have reflected a lack of understanding of many of these principles of interaction design, to their great detriment. Because an application or service appears on the web, the principles do not change. If anything, applying these principles become even more important.</p>
<ul>
<li><strong>Anticipation</strong></li>
<li><strong>Autonomy</strong></li>
<li><strong>Color Blindness</strong></li>
<li><strong>Consistency</strong></li>
<li><strong>Defaults</strong></li>
<li><strong>Efficiency of the User</strong></li>
<li><strong>Explorable Interfaces</strong></li>
<li><strong>Fitts&#8217; Law</strong></li>
<li><strong>Human Interface Objects</strong></li>
<li><strong>Latency Reduction</strong></li>
<li><strong>Learnability</strong></li>
<li><strong>Metaphors, Use of</strong></li>
<li><strong>Protect Users&#8217; Work</strong></li>
<li><strong>Readability</strong></li>
<li><strong>Track State</strong></li>
<li><strong>Visible Navigation</strong></li>
</ul>
<br />  <a rel="nofollow" href="http://feeds.wordpress.com/1.0/gocomments/uispace.wordpress.com/18/"><img alt="" border="0" src="http://feeds.wordpress.com/1.0/comments/uispace.wordpress.com/18/" /></a> <a rel="nofollow" href="http://feeds.wordpress.com/1.0/godelicious/uispace.wordpress.com/18/"><img alt="" border="0" src="http://feeds.wordpress.com/1.0/delicious/uispace.wordpress.com/18/" /></a> <a rel="nofollow" href="http://feeds.wordpress.com/1.0/gofacebook/uispace.wordpress.com/18/"><img alt="" border="0" src="http://feeds.wordpress.com/1.0/facebook/uispace.wordpress.com/18/" /></a> <a rel="nofollow" href="http://feeds.wordpress.com/1.0/gotwitter/uispace.wordpress.com/18/"><img alt="" border="0" src="http://feeds.wordpress.com/1.0/twitter/uispace.wordpress.com/18/" /></a> <a rel="nofollow" href="http://feeds.wordpress.com/1.0/gostumble/uispace.wordpress.com/18/"><img alt="" border="0" src="http://feeds.wordpress.com/1.0/stumble/uispace.wordpress.com/18/" /></a> <a rel="nofollow" href="http://feeds.wordpress.com/1.0/godigg/uispace.wordpress.com/18/"><img alt="" border="0" src="http://feeds.wordpress.com/1.0/digg/uispace.wordpress.com/18/" /></a> <a rel="nofollow" href="http://feeds.wordpress.com/1.0/goreddit/uispace.wordpress.com/18/"><img alt="" border="0" src="http://feeds.wordpress.com/1.0/reddit/uispace.wordpress.com/18/" /></a> <img alt="" border="0" src="http://stats.wordpress.com/b.gif?host=uispace.wordpress.com&amp;blog=5075585&amp;post=18&amp;subd=uispace&amp;ref=&amp;feed=1" width="1" height="1" />]]></content:encoded>
			<wfw:commentRss>http://uispace.wordpress.com/2009/03/08/first-principles-of-interaction-design/feed/</wfw:commentRss>
		<slash:comments>0</slash:comments>
	
		<media:content url="http://1.gravatar.com/avatar/52fe5c70274ce6d0b0be33cf269a769d?s=96&#38;d=identicon&#38;r=G" medium="image">
			<media:title type="html">MadEyeMoody</media:title>
		</media:content>
	</item>
		<item>
		<title>How to Conduct a Heuristic Evaluation</title>
		<link>http://uispace.wordpress.com/2009/03/08/how-to-conduct-a-heuristic-evaluation/</link>
		<comments>http://uispace.wordpress.com/2009/03/08/how-to-conduct-a-heuristic-evaluation/#comments</comments>
		<pubDate>Sun, 08 Mar 2009 13:32:19 +0000</pubDate>
		<dc:creator>MadEyeMoody</dc:creator>
				<category><![CDATA[usability]]></category>
		<category><![CDATA[Heuristic Evaluation]]></category>

		<guid isPermaLink="false">http://uispace.wordpress.com/?p=12</guid>
		<description><![CDATA[Heuristic evaluation involves having a small set of evaluators examine the interface and judge its compliance with recognized usability principles (the &#8220;heuristics&#8221;). In general, heuristic evaluation is difficult for a single individual to do because one person will never be &#8230; <a href="http://uispace.wordpress.com/2009/03/08/how-to-conduct-a-heuristic-evaluation/">Continue reading <span class="meta-nav">&#8594;</span></a><img alt="" border="0" src="http://stats.wordpress.com/b.gif?host=uispace.wordpress.com&amp;blog=5075585&amp;post=12&amp;subd=uispace&amp;ref=&amp;feed=1" width="1" height="1" />]]></description>
			<content:encoded><![CDATA[<p>Heuristic evaluation involves having a small set of evaluators examine the interface and judge its compliance with recognized usability principles (the &#8220;heuristics&#8221;).</p>
<p>In general, heuristic evaluation is difficult for a single individual to do because one person will never be able to find all the usability problems in an interface. Luckily, experience from many different projects has shown that different people find different usability problems. Therefore, it is possible to improve the effectiveness of the method significantly by involving multiple evaluators.</p>
<p>My recommendation is normally to use three to five evaluators since one does not gain that much additional information by using larger numbers.</p>
<p>Heuristic evaluation is performed by having each individual evaluator inspect the interface alone. Only after all evaluations have been completed are the evaluators allowed to communicate and have their findings aggregated. This procedure is important in order to ensure independent and unbiased evaluations from each evaluator.</p>
<p>The output from using the heuristic evaluation method is a list of usability problems in the interface with references to those usability principles that were violated by the design in each case in the opinion of the evaluator. It is not sufficient for evaluators to simply say that they do not like something; they should explain why they do not like it with reference to <a href="http://www.useit.com/papers/heuristic/heuristic_list.html">the heuristics</a> or to other usability results. The evaluators should try to be as specific as possible and should list each usability problem separately.</p>
<p>Heuristic evaluation does not provide a systematic way to generate fixes to the usability problems or a way to assess the probable quality of any redesigns. However, because heuristic evaluation aims at explaining each observed usability problem with reference to established usability principles, it will often be fairly easy to generate a revised design according to the guidelines provided by the violated principle for good interactive systems. Also, many usability problems have fairly obvious fixes as soon as they have been identified.</p>
<p> </p>
<p><strong>Differences with Formal Usability Testing</strong></p>
<p>In a user test situation, the observer (normally called the &#8220;experimenter&#8221;) has the responsibility of interpreting the user&#8217;s actions in order to infer how these actions are related to the usability issues in the design of the interface. This makes it possible to conduct user testing even if the users do not know anything about user interface design. In contrast, the responsibility for analyzing the user interface is placed with the evaluator in a heuristic evaluation session, so a possible observer only needs to record the evaluator&#8217;s comments about the interface, but does not need to interpret the evaluator&#8217;s actions.</p>
<p>Two further differences between heuristic evaluation sessions and traditional user testing are the willingness of the observer to answer questions from the evaluators during the session and the extent to which the evaluators can be provided with hints on using the interface. For traditional user testing, one normally wants to discover the mistakes users make when using the interface; the experimenters are therefore reluctant to provide more help than absolutely necessary. Also, users are requested to discover the answers to their questions by using the system rather than by having them answered by the experimenter. For the heuristic evaluation of a domain-specific application, it would be unreasonable to refuse to answer the evaluators&#8217; questions about the domain, especially if nondomain experts are serving as the evaluators. On the contrary, answering the evaluators&#8217; questions will enable them to better assess the usability of the user interface with respect to the characteristics of the domain. Similarly, when evaluators have problems using the interface, they can be given hints on how to proceed in order not to waste precious evaluation time struggling with the mechanics of the interface. It is important to note, however, that the evaluators should not be given help until they are clearly in trouble and have commented on the usability problem in question.</p>
<p>Since the evaluators are not <em>using</em> the system as such (to perform a real task), it is possible to perform heuristic evaluation of user interfaces that exist on paper only and have not yet been implemented (Nielsen 1990). This makes heuristic evaluation suited for use early in the usability engineering lifecycle.</p>
<p> </p>
<p><a name="evaluatornumber"></a></p>
<p>Independent research (Jeffries et al. 1991) has indeed confirmed that heuristic evaluation is a very efficient usability engineering method. One of the case studies found a benefit-cost ratio for a heuristic evaluation project of 48: The cost of using the method was about $10,500 and the expected benefits were about $500,000 (Nielsen 1994).</p>
<p>In principle, individual evaluators can perform a heuristic evaluation of a user interface on their own, but the experience from several projects indicates that fairly poor results are achieved when relying on single evaluators. It would seem reasonable to recommend the use of about five evaluators, but certainly at least three. The exact number of evaluators to use would depend on a cost-benefit analysis. More evaluators should obviously be used in cases where usability is critical or when large payoffs can be expected due to extensive or mission-critical use of a system.</p>
<p>Nielsen and Landauer (1993) present such a model based on the following prediction formula for the number of usability problems found in a heuristic evaluation:</p>
<p align="center"><code>ProblemsFound(<em>i</em>) = N(1 - (1-l)<sup><em>i</em></sup> )</code></p>
<p>where <code>ProblemsFound(<em>i</em>)</code> indicates the number of different usability problems found by aggregating reports from <code><em>i</em></code> independent evaluators, <code>N</code> indicates the total number of usability problems in the interface, and l indicates the proportion of all usability problems found by a single evaluator. In six case studies (Nielsen and Landauer 1993), the values of <code>l</code> ranged from 19 percent to 51 percent with a mean of 34 percent. The values of <code>N</code> ranged from 16 to 50 with a mean of 33. Using this formula results in curves very much like that shown in Figure 2, though the exact shape of the curve will vary with the values of the parameters <code>N</code> and <code>l</code>, which again will vary with the characteristics of the project.</p>
<br />  <a rel="nofollow" href="http://feeds.wordpress.com/1.0/gocomments/uispace.wordpress.com/12/"><img alt="" border="0" src="http://feeds.wordpress.com/1.0/comments/uispace.wordpress.com/12/" /></a> <a rel="nofollow" href="http://feeds.wordpress.com/1.0/godelicious/uispace.wordpress.com/12/"><img alt="" border="0" src="http://feeds.wordpress.com/1.0/delicious/uispace.wordpress.com/12/" /></a> <a rel="nofollow" href="http://feeds.wordpress.com/1.0/gofacebook/uispace.wordpress.com/12/"><img alt="" border="0" src="http://feeds.wordpress.com/1.0/facebook/uispace.wordpress.com/12/" /></a> <a rel="nofollow" href="http://feeds.wordpress.com/1.0/gotwitter/uispace.wordpress.com/12/"><img alt="" border="0" src="http://feeds.wordpress.com/1.0/twitter/uispace.wordpress.com/12/" /></a> <a rel="nofollow" href="http://feeds.wordpress.com/1.0/gostumble/uispace.wordpress.com/12/"><img alt="" border="0" src="http://feeds.wordpress.com/1.0/stumble/uispace.wordpress.com/12/" /></a> <a rel="nofollow" href="http://feeds.wordpress.com/1.0/godigg/uispace.wordpress.com/12/"><img alt="" border="0" src="http://feeds.wordpress.com/1.0/digg/uispace.wordpress.com/12/" /></a> <a rel="nofollow" href="http://feeds.wordpress.com/1.0/goreddit/uispace.wordpress.com/12/"><img alt="" border="0" src="http://feeds.wordpress.com/1.0/reddit/uispace.wordpress.com/12/" /></a> <img alt="" border="0" src="http://stats.wordpress.com/b.gif?host=uispace.wordpress.com&amp;blog=5075585&amp;post=12&amp;subd=uispace&amp;ref=&amp;feed=1" width="1" height="1" />]]></content:encoded>
			<wfw:commentRss>http://uispace.wordpress.com/2009/03/08/how-to-conduct-a-heuristic-evaluation/feed/</wfw:commentRss>
		<slash:comments>0</slash:comments>
	
		<media:content url="http://1.gravatar.com/avatar/52fe5c70274ce6d0b0be33cf269a769d?s=96&#38;d=identicon&#38;r=G" medium="image">
			<media:title type="html">MadEyeMoody</media:title>
		</media:content>
	</item>
		<item>
		<title>Heuristic Evaluation</title>
		<link>http://uispace.wordpress.com/2009/03/08/heuristic-evaluation/</link>
		<comments>http://uispace.wordpress.com/2009/03/08/heuristic-evaluation/#comments</comments>
		<pubDate>Sun, 08 Mar 2009 12:58:18 +0000</pubDate>
		<dc:creator>MadEyeMoody</dc:creator>
				<category><![CDATA[usability]]></category>
		<category><![CDATA[Heuristic Evaluation]]></category>

		<guid isPermaLink="false">http://uispace.wordpress.com/?p=8</guid>
		<description><![CDATA[Heuristic evaluation is a discount usability engineering method for quick, cheap, and easy evaluation of a user interface design.Heuristic evaluation is the most popular of the usability inspection methods. Heuristic evaluation is done as a systematic inspection of a user interface design &#8230; <a href="http://uispace.wordpress.com/2009/03/08/heuristic-evaluation/">Continue reading <span class="meta-nav">&#8594;</span></a><img alt="" border="0" src="http://stats.wordpress.com/b.gif?host=uispace.wordpress.com&amp;blog=5075585&amp;post=8&amp;subd=uispace&amp;ref=&amp;feed=1" width="1" height="1" />]]></description>
			<content:encoded><![CDATA[<p>Heuristic evaluation is a <a href="http://www.useit.com/papers/guerrilla_hci.html">discount usability engineering</a> method for quick, cheap, and easy evaluation of a user interface design.Heuristic evaluation is the most popular of the usability inspection methods. Heuristic evaluation is done as a systematic inspection of a user interface design for usability. The goal of heuristic evaluation is to find the usability problems in the design so that they can be attended to as part of an iterative design process. Heuristic evaluation involves having a small set of evaluators examine the interface and judge its compliance with recognized usability principles (the &#8220;heuristics&#8221;).</p>
<h3></h3>
<h3>What is a heuristic?</h3>
<p>Molich and Nielsen (1990) wrote a paper that contains a set of heuristics still in popular use:</p>
<ol>
<li>Use simple and natural dialogue.</li>
<li>Speak the user&#8217;s language.</li>
<li>Minimize the user&#8217;s memory load.</li>
<li>Be consistent.</li>
<li>Provide feedback.</li>
<li>Provide clearly marked exits.</li>
<li>Provide shortcuts.</li>
<li>Provides good error messages.</li>
<li>Prevent errors.</li>
<li>Provide help and documentation.</li>
</ol>
<p>Nielsen (1994), after evaluating several sets of heuristics, concluded that a better set of heuristics may be:</p>
<ol>
<li>Ensure good visibility of system status.</li>
<li>Have a good match between the system and the real world.</li>
<li>Ensure user control and freedom.</li>
<li>Use consistency and standards.</li>
<li>Design to prevent user errors.</li>
<li>Design to facilitate recognition rather than recall memory.</li>
<li>Provide for flexibility and efficiency of use.</li>
<li>Use aesthetic and minimalist design concepts.</li>
<li>Help users recognize, diagnose, and recover from errors.</li>
</ol>
<p>Gerhardt-Powals (1996) proposed a set of research-based heuristics:</p>
<ol>
<li>Automate unwanted workload:
<ol type="a">
<li>Free cognitive resources for high-level tasks.</li>
<li>Eliminate mental calculations, estimations, comparisons, and unnecessary thinking.</li>
</ol>
</li>
<li>Reduce uncertainty; display data in a manner that is clear and obvious.</li>
<li>Fuse data; reduce cognitive load by bringing together lower level data into a higher-level summation.</li>
<li>Present new information with meaningful aids to interpretation:
<ol type="a">
<li>Use a familiar framework, making it easier to absorb.</li>
<li>Use everyday terms, metaphors, etc.</li>
</ol>
</li>
<li>Use names that are conceptually related to function.
<ol type="a">
<li>Context-dependent.</li>
<li>Attempt to improve recall and recognition.</li>
</ol>
</li>
<li>Group data in consistently meaningful ways to decrease search time.</li>
<li>Limit data-driven tasks:
<ol type="a">
<li>Reduce the time spent assimilating raw data.</li>
<li>Make appropriate use of color and graphics.</li>
</ol>
</li>
<li>Include in the displays only that information needed by the user at a given time.</li>
<li>Provide multiple coding of data when appropriate.</li>
<li>Practice judicious redundancy.</li>
</ol>
<p>Theoretically, the heuristics are related to criteria that, if improved, could make a positive difference in the product&#8217;s usability. Unfortunately, the &#8220;usability problems&#8221; identified in a heuristic evaluation differ substantially from those obtained in performance testing. Only the Gerhardt-Powals set of heuristics has been validated. If other sets of heuristics are used, designers should first ensure that the evaluation actually would lead to improved Web site performance or acceptance.</p>
<p> </p>
<h3>How does it differ from an expert review?</h3>
<p>In an expert review, the heuristics are assumed to have been previously learned and internalized by the evaluators. That is to say, evaluators do not use a clear-cut set of heuristics. As a result, the expert review tends to be less formal, and usually there is no requirement to assign a specific heuristic to each potential problem.</p>
<p> </p>
<h3>What are the advantages of a heuristic review?</h3>
<p>The method can provide some quick and relatively inexpensive feedback to designers. Feedback can be obtained early in the design process. Assigning the correct heuristic can help suggest the best corrective measures to designers.</p>
<p> </p>
<h3>What are the disadvantages of a heuristic review?</h3>
<p>Using this type of evaluation to identify usability problems is very difficult, research shows that it may result in only a 50% hit rate, and a 20% miss rate.</p>
<p>Results are not based on observations of user behavior, and will result in suggesting changes to the Web site that are not required (about a 50% false positive rate).</p>
<p>If the wrong heuristics are assigned to potential problems, it will mislead designers into applying the wrong solutions to the problems.</p>
<br />  <a rel="nofollow" href="http://feeds.wordpress.com/1.0/gocomments/uispace.wordpress.com/8/"><img alt="" border="0" src="http://feeds.wordpress.com/1.0/comments/uispace.wordpress.com/8/" /></a> <a rel="nofollow" href="http://feeds.wordpress.com/1.0/godelicious/uispace.wordpress.com/8/"><img alt="" border="0" src="http://feeds.wordpress.com/1.0/delicious/uispace.wordpress.com/8/" /></a> <a rel="nofollow" href="http://feeds.wordpress.com/1.0/gofacebook/uispace.wordpress.com/8/"><img alt="" border="0" src="http://feeds.wordpress.com/1.0/facebook/uispace.wordpress.com/8/" /></a> <a rel="nofollow" href="http://feeds.wordpress.com/1.0/gotwitter/uispace.wordpress.com/8/"><img alt="" border="0" src="http://feeds.wordpress.com/1.0/twitter/uispace.wordpress.com/8/" /></a> <a rel="nofollow" href="http://feeds.wordpress.com/1.0/gostumble/uispace.wordpress.com/8/"><img alt="" border="0" src="http://feeds.wordpress.com/1.0/stumble/uispace.wordpress.com/8/" /></a> <a rel="nofollow" href="http://feeds.wordpress.com/1.0/godigg/uispace.wordpress.com/8/"><img alt="" border="0" src="http://feeds.wordpress.com/1.0/digg/uispace.wordpress.com/8/" /></a> <a rel="nofollow" href="http://feeds.wordpress.com/1.0/goreddit/uispace.wordpress.com/8/"><img alt="" border="0" src="http://feeds.wordpress.com/1.0/reddit/uispace.wordpress.com/8/" /></a> <img alt="" border="0" src="http://stats.wordpress.com/b.gif?host=uispace.wordpress.com&amp;blog=5075585&amp;post=8&amp;subd=uispace&amp;ref=&amp;feed=1" width="1" height="1" />]]></content:encoded>
			<wfw:commentRss>http://uispace.wordpress.com/2009/03/08/heuristic-evaluation/feed/</wfw:commentRss>
		<slash:comments>0</slash:comments>
	
		<media:content url="http://1.gravatar.com/avatar/52fe5c70274ce6d0b0be33cf269a769d?s=96&#38;d=identicon&#38;r=G" medium="image">
			<media:title type="html">MadEyeMoody</media:title>
		</media:content>
	</item>
		<item>
		<title>Enhanced User Experience Through Search Engine Optimization</title>
		<link>http://uispace.wordpress.com/2008/12/28/enhanced-user-experience-through-search-engine-optimization/</link>
		<comments>http://uispace.wordpress.com/2008/12/28/enhanced-user-experience-through-search-engine-optimization/#comments</comments>
		<pubDate>Sun, 28 Dec 2008 13:22:49 +0000</pubDate>
		<dc:creator>MadEyeMoody</dc:creator>
				<category><![CDATA[seo]]></category>
		<category><![CDATA[user experience]]></category>

		<guid isPermaLink="false">http://uispace.wordpress.com/?p=4</guid>
		<description><![CDATA[While building web interfaces, we often build efficient and elegant ways to accomplish user experience goals, but many times our users do not use them. Most of the times it is not sufficient to just design the content or the &#8230; <a href="http://uispace.wordpress.com/2008/12/28/enhanced-user-experience-through-search-engine-optimization/">Continue reading <span class="meta-nav">&#8594;</span></a><img alt="" border="0" src="http://stats.wordpress.com/b.gif?host=uispace.wordpress.com&amp;blog=5075585&amp;post=4&amp;subd=uispace&amp;ref=&amp;feed=1" width="1" height="1" />]]></description>
			<content:encoded><![CDATA[<p class="MsoNormal" style="text-align:justify;line-height:10pt;margin:0 28.35pt 6pt;"><span style="font-size:10pt;"> </span></p>
<p class="MsoNormal" style="margin-bottom:6pt;text-align:justify;line-height:10pt;"><span style="font-size:10pt;">While building web interfaces, we often build efficient and elegant ways to accomplish user experience goals, but many times our users do not use them. Most of the times it is not sufficient to just design the content or the web interface alone. We need to analyze the entire interaction pattern of users with the web to deliver better user experience. Figure 1 depicts how most users like to reach an online content; search being the most popular activity. In August 2007, 95% of the worldwide internet audience conducted 61 billion searches with an average of 80 searches per user in a month [14].</span></p>
<p class="MsoNormal" style="margin-bottom:6pt;text-align:justify;line-height:10pt;"> </p>
<p class="MsoNormal" style="margin-bottom:6pt;text-align:justify;line-height:10pt;"><span style="font-size:10pt;"> </span></p>
<p class="MsoNormal" style="margin-bottom:6pt;text-align:center;line-height:10pt;" align="center"><span style="font-size:10pt;"><!--[if gte vml 1]&gt;                    &lt;![endif]--><!--[if !vml]--><!--[endif]--></span></p>
<p class="MsoNormal" style="text-align:center;line-height:10pt;margin:6pt 28.35pt;" align="center"><strong><span style="font-size:10pt;">Figure 1.</span></strong><span style="font-size:10pt;"> <em>Users browsing pattern diagram.</em></span></p>
<p class="MsoNormal" style="margin-bottom:6pt;text-align:right;line-height:10pt;" align="right"><span style="font-size:10pt;font-family:Symbol;"><span><br />
</span></span></p>
<p class="MsoNormal" style="margin-bottom:6pt;text-align:justify;line-height:10pt;"><span style="font-size:10pt;">With over 70% of site traffic [18] coming through search engines, searching online is the most popular activity [16]. Studies also show that people seem to value relevance over accuracy [10]. What seems evident from such online browsing behavior is that people pick the first link that gives them a scent of the value it is worth for, and not necessarily choose the one which might be the best for their needs. As search engines enable this access of content, we need to consider optimization for search engines as an integral part of the process of creating an application.</span></p>
<p class="MsoNormal" style="margin-bottom:6pt;text-align:justify;line-height:10pt;"><span style="font-size:10pt;">Section 2 of this paper establishes the model of prevalent web development life cycle and identifies the problem area. A brief discussion on the suggested solution establishes the importance of SEO in context of creating an application. Section 3 of the paper details of how to achieve optimization for search engines by categorizing activities based on the roles of the stakeholders involved. The discussed issues form basis for these stakeholders to account for various pitfalls which otherwise might prove to be major hurdles towards the end of a project.</span></p>
<p class="MsoNormal" style="text-align:center;margin:.25in 0 6pt;" align="center"><strong>2. <span> </span>WEB DEVELOPMENT LIFE CYCLE</strong></p>
<p class="MsoNormal" style="text-align:justify;line-height:10pt;margin:6pt 0;"><em><span style="font-size:10pt;">2.1 <span> </span>What is current scenario?</span></em></p>
<p class="MsoNormal" style="margin-bottom:6pt;text-align:justify;line-height:10pt;"><span style="font-size:10pt;">As web upgraded to the era of 2.0, allowing users a smooth access to richer content, the design focus has shifted from delivering a ‘can do’ service, to delivering a ‘will do’ experience. The paradigm shift from designing for user needs to designing for user emotions calls for refining the design process too. We can categorize an iterative development lifecycle into three phases as illustrated in Figure 2 – gather insights from stakeholders; create application based on feasibility; and launch, and iterate the designs at every stage of the process.</span></p>
<p class="MsoNormal" style="margin-bottom:6pt;text-align:justify;line-height:10pt;"> </p>
<p class="MsoNormal" style="margin-bottom:6pt;text-align:justify;line-height:10pt;"><span style="font-size:10pt;"> </span></p>
<p class="MsoNormal" style="margin-bottom:6pt;text-align:center;text-indent:14.2pt;line-height:10pt;" align="center"><span style="font-size:10pt;"><!--[if gte vml 1]&gt;  &lt;![endif]--><!--[if !vml]--><img src="/DOCUME~1/Mudit/LOCALS~1/Temp/msohtml1/01/clip_image005.jpg" alt="" width="533" height="190" /><!--[endif]--></span></p>
<p class="MsoNormal" style="text-align:center;line-height:10pt;margin:6pt 28.35pt;" align="center"><strong><span style="font-size:10pt;">Figure 2.</span></strong><span style="font-size:10pt;"> <em>A Typical Web Development Life Cycle.</em></span></p>
<p class="MsoNormal" style="margin-bottom:6pt;text-align:right;line-height:10pt;" align="right"><span style="font-size:10pt;font-family:Symbol;"><span><br />
</span></span></p>
<p class="MsoNormal" style="text-align:justify;line-height:10pt;margin:6pt 0;"><em><span style="font-size:10pt;">2.2 <span> </span>What is the problem?</span></em></p>
<p class="MsoNormal" style="margin-bottom:6pt;text-align:justify;line-height:10pt;"><span style="font-size:10pt;">In the web development life cycle, the linear process to create an application is further classified into different stages of designing the web pages; developing the interfaces; and optimizing the entire application. Every stage has its own challenges and requirements and hence the roles of designers, developers, and optimization specialists are played by different individuals who often have limited visibility of each others domains. This often leads to more iterations and unwanted designs which delays the projects and affects the quality of user experience.</span></p>
<p class="MsoNormal" style="text-align:justify;line-height:10pt;margin:6pt 0;"> </p>
<p class="MsoNormal" style="text-align:justify;line-height:10pt;margin:6pt 0;"><em><span style="font-size:10pt;">2.3 <span> </span>How to improve?</span></em></p>
<p class="MsoNormal" style="margin-bottom:6pt;text-align:justify;line-height:10pt;"><span style="font-size:10pt;">To avoid the above pitfalls, it is essential to bring more visibility for the designers and the developers on how to optimize their designs for function and performance. We recognize a need to account for intricate optimization issues by designers and developers at an early stage of the development life cycle. This helps retain the essence of the design throughout its life cycle and allows to retain the envisioned user experience. Since most users access content through search engines, we need to understand the needs of the search engine and how it enables access.</span></p>
<p class="MsoNormal" style="margin-bottom:6pt;text-align:justify;line-height:10pt;"> </p>
<p class="MsoNormal" style="margin-bottom:6pt;text-align:justify;line-height:10pt;"><span style="font-size:10pt;"> </span></p>
<p class="MsoNormal" style="margin-bottom:6pt;text-align:center;text-indent:14.2pt;line-height:10pt;" align="center"><span style="font-size:10pt;"><!--[if gte vml 1]&gt;  &lt;![endif]--><!--[if !vml]--><img src="/DOCUME~1/Mudit/LOCALS~1/Temp/msohtml1/01/clip_image007.jpg" alt="" width="533" height="359" /><!--[endif]--></span></p>
<p class="MsoNormal" style="text-align:justify;line-height:10pt;margin:6pt 28.35pt;"><strong><span style="font-size:10pt;">Figure 3.</span></strong><span style="font-size:10pt;"> <em>User Experience Design Process – A mechanism to account for optimization intricacies during early design stages to provide seamless user experience.</em></span></p>
<p class="MsoNormal" style="margin-bottom:6pt;text-align:right;line-height:10pt;" align="right"><span style="font-size:10pt;font-family:Symbol;"><span><br />
</span></span></p>
<p class="MsoNormal" style="text-align:center;margin:.25in 0 6pt;" align="center"><strong>3. <span> </span>SEARCH ENGINE OPTIMIZATION</strong></p>
<p class="MsoNormal" style="text-align:justify;line-height:10pt;margin:6pt 0;"><em><span style="font-size:10pt;">3.1 <span> </span>How Search Engines Work?</span></em></p>
<p class="MsoNormal" style="margin-bottom:6pt;text-align:justify;line-height:10pt;"><span style="font-size:10pt;">Today search engines like Google, Yahoo, MSN, Baidu and many others are virtual gateways of information. As of July 2008, Google is the most popular search engine globally with a share of 64.1% searches largely ahead of Yahoo at 14.6%, and an emerging Chinese engine Baidu at 12.9% [13].</span></p>
<p class="MsoNormal" style="margin-bottom:6pt;text-align:justify;line-height:10pt;"><span style="font-size:10pt;">Every search engine has its own algorithm for listing pages, but the overall behavior largely remains the same [23]. The web crawlers or spiders roam the entire web to create an index of the webpage content based on keywords. Though, keywords are a crucial success factor in SEO, but they alone are not sufficient to provide required visibility to the content. In order to achieve high Search Engine Ranking Position (SERP), the owner of the website needs to consider numerous parameters which play crucial role in deciding the rankings against a set of keywords.</span></p>
<p class="MsoNormal" style="text-align:justify;line-height:10pt;margin:6pt 0;"> </p>
<p class="MsoNormal" style="text-align:justify;line-height:10pt;margin:6pt 0;"><em><span style="font-size:10pt;">3.2 <span> </span>What is Search Engine Optimization?</span></em></p>
<p class="MsoNormal" style="margin-bottom:6pt;text-align:justify;line-height:10pt;"><span style="font-size:10pt;">The content of your website is valuable only if it is relevant and reachable. Search Engine Optimization (SEO) is a set of methodologies aimed at making a site and its content highly relevant for both the search engine and the site users; and attempts to increase reach. There are two aspects to SEO that one needs to be aware of:</span></p>
<ol style="margin-top:0;" type="1">
<li class="MsoNormal"><span style="font-size:10pt;">Understand needs of search engine, and make search      engine understand what is to be delivered</span></li>
<li class="MsoNormal"><span style="font-size:10pt;">Make the search engine believe that the site is      genuine, and provides relevant and quality content</span></li>
</ol>
<p class="MsoNormal" style="margin-bottom:6pt;text-align:justify;line-height:10pt;"><span style="font-size:10pt;">Most of the issues in the purview of the first aspect can be handled during design and development stages. Though the look-and-feel of the site and interactions influence user perception, there are a lot more aspects that contribute to the entire experience. While there are some definitive measures to account for the first aspect of SEO, the second aspect is a lot more subjective and highly competitive to achieve.</span></p>
<p class="MsoNormal" style="margin-bottom:6pt;text-align:justify;line-height:10pt;"> </p>
<p class="MsoNormal" style="text-align:justify;line-height:10pt;margin:6pt 0;"><em><span style="font-size:10pt;">3.2 <span> </span>How to Optimize?</span></em></p>
<p class="MsoNormal" style="margin-bottom:6pt;text-align:justify;line-height:10pt;"><span style="font-size:10pt;">As a rule of thumb we must always design pages primarily for users, while aligning with search engine best practices. The focus should remain on improving content quality and avoiding grey tricks to generate organic traffic. Remember, often our pages do not get indexed by search engines the way it appears on the screen. Their indexing capabilities and hence visibility of our design, are limited by the intelligence of crawlers coming to the site. To achieve effective SEO we perform a host of interrelated activities which can broadly be classified into three categories [9] based on the roles we defined in Figure 3.</span></p>
<ol style="margin-top:0;" type="1">
<li class="MsoNormal"><span style="font-size:10pt;">On-Page Optimization Issues: Apart from the      usability and aesthetics aspects of page design, a<span> </span>designer can take care of the content      quality, titles, images, links, and structure of a specific web page. </span></li>
<li class="MsoNormal"><span style="font-size:10pt;">On-Site Optimization Issues: These issues have      more to do with the site navigation structure and interaction of the pages      within the site. Hence with some better understanding, a developer can      account for these issues.</span></li>
<li class="MsoNormal"><span style="font-size:10pt;">Off-Site Optimization Issues: These are highly      subjective set of tactics adopted as per the business and competition      situations and hence highly subjective by nature and require a dedicated      specialist. They involve link building and strategy planning to determine      site popularity apart from keyword research and web log analysis.</span></li>
</ol>
<p class="MsoNormal" style="text-align:justify;line-height:10pt;margin:6pt 0;"><em><span style="font-size:10pt;">3.2.1 <span> </span>On-Page Optimization</span></em></p>
<ul>
<li><!--[if !supportLists]--><strong><span style="font-size:10pt;">Content is king</span></strong><span style="font-size:10pt;"> – No website can sustain without relevant and quality content. Each page should be fresh, and unique. Remember that spiders read like normal people (from left to right and from top to bottom for conventional languages like English). They feel that the most important information is located towards the top of the page [27]. Use text instead of images to display important names, content, or links [19].</span></li>
<li><!--[if !supportLists]--><span style="font-size:10pt;font-family:Symbol;"><span><span style="font-style:normal;font-variant:normal;font-weight:normal;font-size:7pt;line-height:normal;font-family:&quot;"> </span></span></span><strong><span style="font-size:10pt;">Links are queen</span></strong><span style="font-size:10pt;"> – Use simple text links. This makes it easy for the crawlers to interpret the design and navigation as they do not recognize text contained in images. When linking internally, try to use keyword phrases as anchor text [24]. It is better to use phrases instead of single words as that helps both users and crawlers identify the context.</span></li>
<li><!--[if !supportLists]--><span style="font-size:10pt;font-family:Symbol;"><span><span style="font-style:normal;font-variant:normal;font-weight:normal;font-size:7pt;line-height:normal;font-family:&quot;"> </span></span></span><!--[endif]--><strong><span style="font-size:10pt;">Title defines content</span></strong><span style="font-size:10pt;"> – Search engines use page title as a key indicator of the page’s content. They also show it as the first line in the search result pages. Hence, focus on a single topic per page and use that topic as the page title. When reading specific tags (title, h1, h2, etc.) search engines value words to the left more highly than words to the right. Keep page title under 66 characters, use ‘|’ symbol to insert different keyword phrases in the title [22].</span></li>
<li><!--[if !supportLists]--><span style="font-size:10pt;font-family:Symbol;"><span><span style="font-style:normal;font-variant:normal;font-weight:normal;font-size:7pt;line-height:normal;font-family:&quot;"> </span></span></span><!--[endif]--><strong><span style="font-size:10pt;">Images attract attention</span></strong><span style="font-size:10pt;"> – Images are highly effective in drawing user attention, but increases the page size. Providing alt text with images increases the chances of people visiting the page as it allows search engines to display page in image search results [19].</span></li>
</ul>
<p class="MsoNormal" style="text-align:justify;line-height:10pt;margin:6pt 0;"><em><span style="font-size:10pt;">3.2.2 <span> </span>On-Site Optimization</span></em></p>
<p><!--[if !supportLists]--></p>
<ul>
<li><strong><span style="font-size:10pt;">Clear structure</span></strong><span style="font-size:10pt;"> – Having simple and clear navigation structures ensures that crawlers have indexed all the pages of the website and makes it a lot easier for the users to browse. Make sure that there are no broken links in the website and each page is accessible by at least 1 static link [21].</span></li>
<li><strong><span style="font-size:10pt;">Follow W3C standards</span></strong><span style="font-size:10pt;"> – Ensure that you have predefined standards for implementing various web technologies; this brings uniformity to the code and allows scalable development. Avoid tables deeper than 3 levels as some crawlers find it difficult to handle, use &lt;div&gt; layouts [24].</span></li>
<li><strong><span style="font-size:10pt;">Test with Lynx</span></strong><span style="font-size:10pt;"> – Before inviting crawlers, test the web pages with unix based Lynx browser [19]. This gives an idea of how a page looks to a crawler.</span></li>
<li><strong><span style="font-size:10pt;">Nomenclature is fundamental</span></strong><span style="font-size:10pt;"> – Having nomenclature guideline for filenames allows easy maintenance of various media types and helps better categorize in the long term [22]. </span></li>
<li><strong><span style="font-size:10pt;">Light pages reward heavy</span></strong><span style="font-size:10pt;"> – Try to keep page lean and mean, they are best optimized if they contain 350-550 words [25]. Also keep an upper limit of 800 characters on the keywords and around 150 characters for page description [25]. Keep in mind that some search engines may exclude a page if it is above 100Kb [25].</span></li>
<li><strong><span style="font-size:10pt;">Order meta-tags</span></strong><span style="font-size:10pt;"> – Defining robots, content-type, title, description, keywords in respective order helps achieve better optimization performance [22].</span></li>
</ul>
<p><!--[endif]--><!--[if !supportLists]--><!--[endif]--><!--[if !supportLists]--><!--[endif]--><!--[if !supportLists]--><!--[endif]--><!--[if !supportLists]--><!--[endif]--><!--[if !supportLists]--><!--[endif]--></p>
<p class="MsoNormal" style="text-align:justify;line-height:10pt;margin:6pt 0;"><em><span style="font-size:10pt;">3.2.3 <span> </span>Off-Site Optimization</span></em></p>
<p class="MsoNormal" style="margin-bottom:6pt;text-align:justify;line-height:10pt;"><span style="font-size:10pt;">The third category of issues is off-site optimization which is essential to ensure performance and visibility of the website. Involving an optimization specialist here is key to success of a website as they require dedicated efforts in terms of research and analysis both, within and outside the website.</span></p>
<ul>
<li><!--[if !supportLists]--><strong><span style="font-size:10pt;">Robots helps</span></strong><span style="font-size:10pt;"> – It is essential for any website to define robots.txt in the root folder as this file defines permission for a crawler and specifies which areas are to be indexed and which are private. The file also helps crawler to update its index regularly [21].</span></li>
<li><!--[if !supportLists]--><strong><span style="font-size:10pt;">Sitemap is essential </span></strong><span style="font-size:10pt;">– A sitemap defines structure of the website and helps crawlers verify structure of their indexed data. Divide the sitemap into multiple pages if it has more than 100 links [20].</span></li>
<li><!--[if !supportLists]--><strong><span style="font-size:10pt;">Give link Love, get link Love </span></strong><span style="font-size:10pt;">– Have more and more relevant sites link to yours. Link building is the most crucial aspect of optimizing for search engines as backlink determines popularity of a website [25]. Be cautious to build a quality network of websites around yours as that creates a lot of value and brings trust for users and search engines.</span></li>
<li><strong><span style="font-size:10pt;">Get keywords right</span></strong><span style="font-size:10pt;"> – Think words that users think [19]. At times it helps to go for keyword phrases rather than single words. Choosing keywords is a huge exercise in itself and the final selection of keywords must align with the positioning strategy of the website.</span></li>
<li><!--[if !supportLists]--><strong><span style="font-size:10pt;">Analysis is key</span></strong><span style="font-size:10pt;"> – Web logs can answer very interesting queries like who are your visitors, where are they coming from, what are they viewing on your site, what they like and what creates a problem. Analyzing site visitor patterns and comparing with market trends give a better understanding of the competition. Studying the competition regularly is the only way to beat them [25].</span></li>
<li><!--[if !supportLists]--><strong><span style="font-size:10pt;">Update regularly </span></strong><span style="font-size:10pt;">– As search engines keep evolving their algorithms, techniques that works today might not work tomorrow. The SEO landscape changes every 6-12 months [26], hence it is essential that the deployed techniques and strategies for a website also keeping evolving.</span></li>
</ul>
<p class="MsoNormal" style="text-align:center;margin:.25in 0 6pt;" align="center"><strong>4.<span> </span>CONCLUSIONS</strong></p>
<p class="MsoNormal" style="margin-bottom:6pt;text-align:justify;line-height:10pt;"><span style="font-size:10pt;">In this paper we briefed on why it is necessary to consider optimization as an integral part of the design process and what are the different aspects of optimization. The paper focuses on delivering a holistic user experience by reducing on unwanted design iterations. The discussed approach classifies SEO activities into three categories depending on the role of the stakeholders involved in creating the application. The tips provided in each section acts as a checklist to validate the designs and accomplish goals in a unified manner.</span></p>
<p class="MsoNormal" style="margin-bottom:6pt;text-align:justify;text-indent:14.2pt;line-height:10pt;"><span style="font-size:10pt;"> </span></p>
<p class="MsoNormal" style="text-align:justify;line-height:10pt;margin:.25in 0 6pt;"><strong><span style="font-size:10pt;">Acknowledgements:</span></strong><span style="font-size:10pt;"> We thank our colleagues, seniors and the management at Human Factors International for their guidance and valuable feedback.</span></p>
<p><strong><span style="font-size:12pt;font-family:&quot;"><br />
</span></strong></p>
<p class="MsoNormal" style="text-align:center;margin:.25in 0 6pt;" align="center"><strong>5.<span> </span>REFERENCES</strong></p>
<p class="MsoNormal" style="text-align:justify;text-indent:-14.2pt;line-height:10pt;margin:0 0 3pt 14.2pt;"><span style="font-size:10pt;">[1] M Thomas, University of Hildesheim (2006), <em>Conference on Hypertext and Hypermedia, Implementation and Evaluation of a Quality-Based Search Engine</em>, pp. 73-84.</span></p>
<p class="MsoNormal" style="text-align:justify;text-indent:-14.2pt;line-height:10pt;margin:0 0 3pt 14.2pt;"><span style="font-size:10pt;">[2] X Bo, L Zhangxi (2006), <em>ACM International Conference Proceeding Series, The Impact of Search Engine Optimization on Online Advertising Market</em>, pp. 519-529.</span></p>
<p class="MsoNormal" style="text-align:justify;text-indent:-14.2pt;line-height:10pt;margin:0 0 3pt 14.2pt;"><span style="font-size:10pt;">[3] L Effie, R Virpi, P O S V Arnold, K Joke, H Marc (2008), <em>CHI &#8217;08 extended abstracts on Human factors in computing systems, Towards a shared definition of user experience</em>.</span></p>
<p class="MsoNormal" style="text-align:justify;text-indent:-14.2pt;line-height:10pt;margin:0 0 3pt 14.2pt;"><span style="font-size:10pt;">[4] W Melius, M Mongezi (2004), <em>SAICSIT &#8217;04, Website navigation architectures and their effect on website visibility: a literature survey</em>.</span></p>
<p class="MsoNormal" style="text-align:justify;text-indent:-14.2pt;line-height:10pt;margin:0 0 3pt 14.2pt;"><span style="font-size:10pt;">[5] S Craig, H Monika, M Hannes, M Michael (2005<em>), Analysis of a Very Large Web Search Engine Query Log</em>.</span></p>
<p class="MsoNormal" style="text-align:justify;text-indent:-14.2pt;line-height:10pt;margin:0 0 3pt 14.2pt;"><span style="font-size:10pt;">[6] Research-Based Web Design and Usability Guidelines, US Department of Health and Human Services, <em>Chapter<span> </span>2, Optimizing the User Experience</em>.</span></p>
<p class="MsoNormal" style="text-align:justify;text-indent:-14.2pt;line-height:10pt;margin:0 0 3pt 14.2pt;"><span style="font-size:10pt;">[7] M L Alan,<span> </span>F Christos, Carnegie  Mellon University, <em>Identifying Web Browsing Trends and Patterns</em>.</span></p>
<p class="MsoNormal" style="text-align:justify;text-indent:-14.2pt;line-height:10pt;margin:0 0 3pt 14.2pt;"><span style="font-size:10pt;">[8] M Aaron, President, Aaron Marcus and Associates, <em>User-Experience Planning for Corporate Success</em>.</span></p>
<p class="MsoNormal" style="text-align:justify;text-indent:-14.2pt;line-height:10pt;margin:0 0 3pt 14.2pt;"><span style="font-size:10pt;">[9] Australian Web Industry Association, seo &#8211; search engine optimization choosing the right provider.</span></p>
<p class="MsoNormal" style="text-align:justify;text-indent:-14.2pt;line-height:10pt;margin:0 0 3pt 14.2pt;"><span style="font-size:10pt;">[10] ZDNet, Research study data, <a href="http://news.zdnet.com/2100-3513_22-134493.html">http://news.zdnet.com/2100-3513_22-134493.html</a></span></p>
<p class="MsoNormal" style="text-align:justify;text-indent:-14.2pt;line-height:10pt;margin:0 0 3pt 14.2pt;"><span style="font-size:10pt;">[11] December Survey, <a href="http://www.pewinternet.org/trends/Internet_Activities_8.28.07.htm">http://www.pewinternet.org/trends/Internet_Activities_8.28.07.htm</a></span></p>
<p class="MsoNormal" style="text-align:justify;text-indent:-14.2pt;line-height:10pt;margin:0 0 3pt 14.2pt;"><span style="font-size:10pt;">[12] User Experience Definition, <a href="http://www.nngroup.com/about/userexperience.html">http://www.nngroup.com/about/userexperience.html</a></span></p>
<p class="MsoNormal" style="text-align:justify;text-indent:-14.2pt;line-height:10pt;margin:0 0 3pt 14.2pt;"><span style="font-size:10pt;">[13] Search Engine Market Share statistics, <a href="http://seekingalpha.com/">http://seekingalpha.com</a></span></p>
<p class="MsoNormal" style="text-align:justify;text-indent:-14.2pt;line-height:10pt;margin:0 0 3pt 14.2pt;"><span style="font-size:10pt;">[14] Global number of searches statistics, <a href="http://www.comscore.com/press/release.asp?press=1802">http://www.comscore.com/press/release.asp?press=1802</a></span></p>
<p class="MsoNormal" style="text-align:justify;text-indent:-14.2pt;line-height:10pt;margin:0 0 3pt 14.2pt;"><span style="font-size:10pt;">[15] Worldwide Internet Users time spent online, <a href="http://www.internetretailer.com/">http://www.internetretailer.com</a></span></p>
<p class="MsoNormal" style="text-align:justify;text-indent:-14.2pt;line-height:10pt;margin:0 0 3pt 14.2pt;"><span style="font-size:10pt;">[16] Topmost online activity in US, <a href="http://www.itfacts.biz/category/www">http://www.itfacts.biz/category/www</a></span></p>
<p class="MsoNormal" style="text-align:justify;text-indent:-14.2pt;line-height:10pt;margin:0 0 3pt 14.2pt;"><span style="font-size:10pt;">[17] Traffic generated through Search Engines data, <a href="http://www.customermagnetism.com/">http://www.customermagnetism.com/</a></span></p>
<p class="MsoNormal" style="text-align:justify;text-indent:-14.2pt;line-height:10pt;margin:0 0 3pt 14.2pt;"><span style="font-size:10pt;">[18] IntactInfo for data on percentage of traffic coming to sites, <a href="http://www.intactinfo.com/">http://www.intactinfo.com/</a></span></p>
<p class="MsoNormal" style="text-align:justify;text-indent:-14.2pt;line-height:10pt;margin:0 0 3pt 14.2pt;"><span style="font-size:10pt;">[19] Google Webmaster Guidelines, <a href="http://www.google.com/support/webmasters/bin">http://www.google.com/support/webmasters/bin</a></span></p>
<p class="MsoNormal" style="text-align:justify;text-indent:-14.2pt;line-height:10pt;margin:0 0 3pt 14.2pt;"><span style="font-size:10pt;">[20] Matt Cutts: Gadgets, Google, and SEO, <a href="http://www.mattcutts.com/blog/">http://www.mattcutts.com/blog/</a></span></p>
<p class="MsoNormal" style="text-align:justify;text-indent:-14.2pt;line-height:10pt;margin:0 0 3pt 14.2pt;"><span style="font-size:10pt;">[21] 55 Quick SEO Tips Even Your Mother Would Love, <a href="http://www.searchenginejournal.com/">http://www.searchenginejournal.com</a></span></p>
<p class="MsoNormal" style="text-align:justify;text-indent:-14.2pt;line-height:10pt;margin:0 0 3pt 14.2pt;"><span style="font-size:10pt;">[22] Top 10 Search Engine Optimization Tips, <a href="http://www.top10seotips.com/">http://www.top10seotips.com</a></span></p>
<p class="MsoNormal" style="text-align:justify;text-indent:-14.2pt;line-height:10pt;margin:0 0 3pt 14.2pt;"><span style="font-size:10pt;">[23] SEO &#8211; Search Engine Optimization Ranking Tips, <a href="http://www.submitawebsite.com/blog/seo-ranking-tips.html">http://www.submitawebsite.com/blog/</a></span></p>
<p class="MsoNormal" style="text-align:justify;text-indent:-14.2pt;line-height:10pt;margin:0 0 3pt 14.2pt;"><span style="font-size:10pt;" lang="FR">[24] 21 Essential SEO Tips &amp; Techniques, </span><span style="font-size:10pt;"><a href="http://searchengineland.com/070628-074149.php"><span lang="FR">http://searchengineland.com/070628-074149.php</span></a></span></p>
<p class="MsoNormal" style="text-align:justify;text-indent:-14.2pt;line-height:10pt;margin:0 0 3pt 14.2pt;"><span style="font-size:10pt;">[25] Building a search engine optimized Website, <a href="http://www.pandia.com/optimization/">http://www.pandia.com/optimization/</a></span></p>
<p class="MsoNormal" style="text-align:justify;text-indent:-14.2pt;line-height:10pt;margin:0 0 3pt 14.2pt;"><span style="font-size:10pt;">[26] Search Engine Ranking Factors, <a href="http://www.seomoz.org/article/search-ranking-factors">http://www.seomoz.org/article/search-ranking-factors</a></span></p>
<p class="MsoNormal" style="text-align:justify;text-indent:-14.2pt;line-height:10pt;margin:0 0 3pt 14.2pt;"><span style="font-size:10pt;">[27] SEO and Your Website, <a href="http://www.digital-web.com/articles/seo_and_your_web_site/">http://www.digital-web.com/articles/seo_and_your_web_site/</a></span></p>
<p class="MsoNormal" style="text-align:justify;text-indent:-14.2pt;line-height:10pt;margin:0 0 3pt 14.2pt;"><span style="font-size:10pt;"> </span></p>
<br />  <a rel="nofollow" href="http://feeds.wordpress.com/1.0/gocomments/uispace.wordpress.com/4/"><img alt="" border="0" src="http://feeds.wordpress.com/1.0/comments/uispace.wordpress.com/4/" /></a> <a rel="nofollow" href="http://feeds.wordpress.com/1.0/godelicious/uispace.wordpress.com/4/"><img alt="" border="0" src="http://feeds.wordpress.com/1.0/delicious/uispace.wordpress.com/4/" /></a> <a rel="nofollow" href="http://feeds.wordpress.com/1.0/gofacebook/uispace.wordpress.com/4/"><img alt="" border="0" src="http://feeds.wordpress.com/1.0/facebook/uispace.wordpress.com/4/" /></a> <a rel="nofollow" href="http://feeds.wordpress.com/1.0/gotwitter/uispace.wordpress.com/4/"><img alt="" border="0" src="http://feeds.wordpress.com/1.0/twitter/uispace.wordpress.com/4/" /></a> <a rel="nofollow" href="http://feeds.wordpress.com/1.0/gostumble/uispace.wordpress.com/4/"><img alt="" border="0" src="http://feeds.wordpress.com/1.0/stumble/uispace.wordpress.com/4/" /></a> <a rel="nofollow" href="http://feeds.wordpress.com/1.0/godigg/uispace.wordpress.com/4/"><img alt="" border="0" src="http://feeds.wordpress.com/1.0/digg/uispace.wordpress.com/4/" /></a> <a rel="nofollow" href="http://feeds.wordpress.com/1.0/goreddit/uispace.wordpress.com/4/"><img alt="" border="0" src="http://feeds.wordpress.com/1.0/reddit/uispace.wordpress.com/4/" /></a> <img alt="" border="0" src="http://stats.wordpress.com/b.gif?host=uispace.wordpress.com&amp;blog=5075585&amp;post=4&amp;subd=uispace&amp;ref=&amp;feed=1" width="1" height="1" />]]></content:encoded>
			<wfw:commentRss>http://uispace.wordpress.com/2008/12/28/enhanced-user-experience-through-search-engine-optimization/feed/</wfw:commentRss>
		<slash:comments>0</slash:comments>
	
		<media:content url="http://1.gravatar.com/avatar/52fe5c70274ce6d0b0be33cf269a769d?s=96&#38;d=identicon&#38;r=G" medium="image">
			<media:title type="html">MadEyeMoody</media:title>
		</media:content>
	</item>
	</channel>
</rss>
