<?xml version="1.0" encoding="UTF-8"?><rss version="2.0"
	xmlns:content="http://purl.org/rss/1.0/modules/content/"
	xmlns:wfw="http://wellformedweb.org/CommentAPI/"
	xmlns:dc="http://purl.org/dc/elements/1.1/"
	xmlns:atom="http://www.w3.org/2005/Atom"
	xmlns:sy="http://purl.org/rss/1.0/modules/syndication/"
	xmlns:slash="http://purl.org/rss/1.0/modules/slash/"
	>

<channel>
	<title>Greepit.com &#187; Site Contents</title>
	<atom:link href="/tag/site-contents/feed/" rel="self" type="application/rss+xml" />
	<link>http://greepit.com</link>
	<description>Web Design and Development Resources</description>
	<lastBuildDate>Wed, 18 Mar 2015 11:00:31 +0000</lastBuildDate>
	<language>en-US</language>
		<sy:updatePeriod>hourly</sy:updatePeriod>
		<sy:updateFrequency>1</sy:updateFrequency>
	<generator>http://wordpress.org/?v=4.0</generator>
	<item>
		<title>7 Incredibly Useful Tools for Evaluating a Web Design</title>
		<link>http://greepit.com/7-incredibly-useful-tools-for-evaluating-a-web-design/</link>
		<comments>http://greepit.com/7-incredibly-useful-tools-for-evaluating-a-web-design/#comments</comments>
		<pubDate>Mon, 08 Dec 2008 14:37:25 +0000</pubDate>
		<dc:creator><![CDATA[Saif]]></dc:creator>
				<category><![CDATA[SEO]]></category>
		<category><![CDATA[Tips and Tutorials]]></category>
		<category><![CDATA[Web Application]]></category>
		<category><![CDATA[Analytics]]></category>
		<category><![CDATA[Ratings]]></category>
		<category><![CDATA[Site Contents]]></category>
		<category><![CDATA[Web Design Tools]]></category>

		<guid isPermaLink="false">http://greepit.com/?p=388</guid>
		<description><![CDATA[An effective web design is one in which your users are able to find information quickly and in a logical fashion. Do they visit the content you want them to visit? Are they looking&#46;&#46;&#46;]]></description>
				<content:encoded><![CDATA[<p><img class="alignleft" style="border: 1px solid black; margin: 3px;" title="Incredibly useful tools for Evaluating a Web Design" src="http://i36.tinypic.com/2jg58p1.jpg" alt="" width="200" height="200" />An effective web design is one in which your users are able to find  information <em>quickly</em> and in a <em>logical</em> fashion.</p>
<p>Do they visit the content you want them to visit? Are they looking in the right places of your web page? Are you able to keep your user’s attention, or do they just leave quickly?</p>
<p>It’s not <em>just</em> about the content either. If your  design <em>loads slowly</em> &#8211; or if moving from one section to another takes a long time &#8211; it affects the user’s experience.</p>
<p>These things  can be the make-or-break factors between a user <em>clicking on a link</em> to find more information, or the <em>back button</em> to find it elsewhere.</p>
<h4>Some things to consider:</h4>
<ul>
<li>Are important information being <em>seen</em> by the user?</li>
<li>Are the navigation and action items intuitive?</li>
<li>Is the user being <em>directed</em> to sections in a logical  manner?</li>
<li>Does the web page load <em>quickly</em> enough to not turn away the user?</li>
</ul>
<p>If you’re interested in <em>analyzing</em> and <em>optimizing</em> your page layout &#8211; <strong>here’s some extremely useful tools</strong> that you can use to help.</p>
<h3>1. ClickHeat</h3>
<p><a title="ClickHeat - Home page" href="http://www.labsmedia.com/clickheat/index.html"><strong>ClickHeat</strong></a> is an open source visual tool for showing “hot” and “cold” zones of a web page. It allows you to see which spots users click on most, and which spots are being ignored.</p>
<p><a href="http://www.labsmedia.com/clickheat/index.html"><img class="alignnone" title="ClickHeat" src="http://i35.tinypic.com/34i689i.jpg" alt="" width="500" height="250" /></a></p>
<p>It’s very easy to implement on your website, you only have to include an external JavaScript file.</p>
<p><strong>Download:</strong> <a title="Clickheat on SourceForge.net" href="http://sourceforge.net/project/showfiles.php?group_id=181196">Clickheat on SourceForge.net</a>.</p>
<h3>2. Crazy Egg</h3>
<p><a title="Crazy Egg - Home page" href="https://crazyegg.com/"><strong>Crazy Egg</strong></a> offers a myriad of analytical tools to help you visualize what visitors are doing.</p>
<p><a href="https://crazyegg.com/"><img class="alignnone" title="Crazy Egg " src="http://i38.tinypic.com/jgs8xi.jpg" alt="" width="500" height="250" /></a></p>
<p>Features include: <em>Confetti </em>- allowing you to see what people are clicking on based on certain factors such as their operating system and where they came from, <em>Overlay</em> &#8211; providing you with tons of data about particular links, and <em>Report sharing</em> &#8211; enabling you to share the data with team members and clients.</p>
<p>The free version only allows 4 pages to be tracked &#8211; so use your <em>top </em>landing pages to get the most data.</p>
<p><span id="more-388"></span></p>
<h3>3. YSlow for Firebug</h3>
<p>A key tenet of a strong design is that, not only should information be presented in a logical and elegant fashion, but that it must also be <em>served quickly, with very little delay</em>.</p>
<p><a href="http://developer.yahoo.com/yslow/"><img class="alignnone" title="YSlow for Firebug " src="http://i35.tinypic.com/30k6h6x.jpg" alt="" width="500" height="250" /></a></p>
<p><a title="Yahoo! Developer Network - YSlow for Firebug" href="http://developer.yahoo.com/yslow/"><strong>YSlow for Firebug</strong></a> is a free tool for Mozilla Firefox that gives you information about your front-end design to see if it performs well. It gives you a letter grade (A through F) and outlines your web page’s trouble spots.</p>
<p>It’s based on the Yahoo! Developer Network’s “<a title="Yahoo! Developer Network - Exceptional Performance : Best Practices for Speeding Up Your Web Site" href="http://developer.yahoo.com/performance/rules.html">Best Practices for Speeding Up Your Web Site</a>” initially written by <a title="Steve Sounders - Bio" href="http://stevesouders.com/bio.php">Steve Souders</a>, who was once the Chief of Performance at Yahoo! and is now working over at Google on web performance and open source initiatives.</p>
<p><strong>Downloads:</strong> <a title="Firefox add-ons - Firebug extension" href="https://addons.mozilla.org/en-US/firefox/addon/1843">Firebug extension</a> for Firefox (<em>required</em>) and <a title="Firefox add-ons - YSlow" href="https://addons.mozilla.org/en-US/firefox/search?q=yslow&amp;cat=all">YSlow</a>.</p>
<h3>4. clickdensity</h3>
<p><a title="clickdensity - home page" href="http://clickdensity.com/"><strong>clickdensity</strong></a> is a full suite of usability analysis tools that will help you assess your web page design.</p>
<p><a href="http://clickdensity.com/"><img class="alignnone" title="clickdensity " src="http://i34.tinypic.com/11b2kqx.jpg" alt="" width="500" height="250" /></a></p>
<p>You can use <em>heat maps</em> showing where users click on the most, <em>hover maps</em> &#8211; which shows people scrolling over links but not clicking on them, and  <em>A/B Tests</em> which allows you to change certain page elements to see which style is more effective.</p>
<p>The free subscription give you 5,000 clicks and only one page and one site to monitor.</p>
<h3>5. ClickTale</h3>
<p><a title="ClickTale - home" href="http://www.clicktale.com/"><strong>ClickTale</strong></a> offers a lot of user data pertaining to how visitors use your website.</p>
<p><a href="http://www.clicktale.com/"><img class="alignnone" title="ClickTale " src="http://i38.tinypic.com/i4fei9.jpg" alt="" width="500" height="250" /></a></p>
<p>There are plenty of things you can look at such as <em>average time it takes for a user to click on a link</em>, a user’s <em>hesitation</em> on clicking a link, <em>hover to click ratio</em>, and much more. It also provides detailed reports and charts on your users’ monitor sizes to better optimize your web page design to cater for the typical visitor.</p>
<h3>6. Clicky</h3>
<p>Perhaps the most interesting feature that <a title="Clicky - home page" href="http://getclicky.com/"><strong>Clicky</strong></a> has is its real-time tracking and monitoring feature, called <em>Spy</em> (check out the <a title="Clicky's Spy demonstration" href="http://www.getclicky.com/stats/spy?site_id=10">demo here</a>).</p>
<p><a href="http://getclicky.com/"><img class="alignnone" title="Clicky " src="http://i38.tinypic.com/5mi7oo.jpg" alt="" width="500" height="250" /></a></p>
<p>Besides <em>Spy</em>, there’s a host of other analytics data you can look at such as user <em>Actions</em> &#8211; which records click data from your users and <em>Visitors</em> &#8211; providing you user data.</p>
<h3>7. Google Analytics</h3>
<p>One of the best free services that Google offers is <a title="Google Analytics - home page" href="http://www.google.com/analytics/indexu.html"><strong>Google Analytics</strong></a> and probably the most well-known analytics tool. It’s incredibly easy to install and offers plenty of user and content data to help you learn more about your web pages’ performance.</p>
<p><a href="http://www.google.com/analytics/indexu.html"><img class="alignnone" title="Google Analytics" src="http://i35.tinypic.com/2yud9pl.jpg" alt="" width="500" height="152" /></a></p>
<p>It has a  feature called <em>Site Overlay</em>, which gives you a visual representation of the popular places your users like to click on. It also offers data on <em>bounce rates</em> and your top <em>exit pages</em> (to see what pages make users leave).</p>
<p>So there they are, some of the best tools in the market to help you troubleshoot and optimize your page layout. In the end, it’s a combination of <em>great content</em>, as well as <em>how you present this content</em> — that will lead to an effective design.</p>
]]></content:encoded>
			<wfw:commentRss>http://greepit.com/7-incredibly-useful-tools-for-evaluating-a-web-design/feed/</wfw:commentRss>
		<slash:comments>6</slash:comments>
		</item>
	</channel>
</rss>
