<?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>Digital Insights: Computer Tips &#38; Tricks&#187; web applications</title>
	<atom:link href="http://www.izitips.com/category/web-applications/feed/" rel="self" type="application/rss+xml" />
	<link>http://www.izitips.com</link>
	<description>Delicious bits of internet, software and service tips</description>
	<lastBuildDate>Wed, 27 Apr 2011 17:36:14 +0000</lastBuildDate>
	<language>en</language>
	<sy:updatePeriod>hourly</sy:updatePeriod>
	<sy:updateFrequency>1</sy:updateFrequency>
	<generator>http://wordpress.org/?v=3.3.1</generator>
		<item>
		<title>Make Page Heatmap And See Most Attractive Spots</title>
		<link>http://www.izitips.com/how-to/make-heatmap-generate-attractive-hot-spots/</link>
		<comments>http://www.izitips.com/how-to/make-heatmap-generate-attractive-hot-spots/#comments</comments>
		<pubDate>Sat, 21 Feb 2009 19:53:58 +0000</pubDate>
		<dc:creator>admin</dc:creator>
				<category><![CDATA[how to]]></category>
		<category><![CDATA[web applications]]></category>
		<category><![CDATA[Boris Veldhuijzen van Zanten]]></category>
		<category><![CDATA[Feng-GUI  Lab]]></category>
		<category><![CDATA[Gui]]></category>
		<category><![CDATA[heatmap]]></category>
		<category><![CDATA[how to make heatmap]]></category>
		<category><![CDATA[improve website layout]]></category>
		<category><![CDATA[Web application]]></category>

		<guid isPermaLink="false">http://www.izitips.com/?p=510</guid>
		<description><![CDATA[Heatmaps are very useful determining what is the hottest parts of your website. Looking at the heatmap you can see how to improve the layout for your website by placing most important buttons, navigation links or ads on the best visibility parts. To perform a real heatmap experiment with people for the site would be [...]]]></description>
			<content:encoded><![CDATA[<div class="zemanta-img" style="margin: 1em; display: block;">
<div class="wp-caption alignright" style="width: 108px"><a href="http://www.flickr.com/photos/82298325@N00/2434570050"><img title="Google Heatmap" src="http://farm4.static.flickr.com/3185/2434570050_fca1e6228f_m.jpg" alt="Google Heatmap" width="98" height="144" /></a><p class="wp-caption-text">Image by Boris Veldhuijzen van Zanten via Flickr</p></div>
</div>
<p>Heatmaps are very useful determining what is the hottest parts of your website. Looking at the heatmap you can see how to <strong>improve the layout for your website</strong> by placing most important buttons, navigation links or ads on the best visibility parts. To perform a real heatmap experiment with people for the site would be very expensive. Luckily there are web application at Feng-Gui that does all the job.<span id="more-510"></span></p>
<p><a href="http://www.feng-gui.com/default.aspx">Feng-GUI</a> Lab is a group of artificial vision scientists and interactive designers who joined together to gather resources and explore human vision to find out, where and how people look and what do they find attractive on the image they see.</p>
<p>This is a technology that empowers designers and advertisers to effectively analyze<strong><span style="color: #000000;"> Attention and Attraction</span></strong> in Visuals. Find out how people see your website, photo or ad and which areas are getting most of the attention.</p>
<p>To this moment Feng-GUI <a class="zem_slink" title="Heat map" rel="wikipedia" href="http://en.wikipedia.org/wiki/Heat_map">heatmap</a> service have served over 2 million images for 300,000 visitors.</p>
<h2>Making your website&#8217;s heatmap</h2>
<ol>
<li><a title="make screenshot for website" href="http://www.izitips.com/how-to/make-screenshot-from-hyperlink/"> Make screenshot of your website</a> and upload image to feng-gui.</li>
<li>Press Heatmap button and wait until heatmap is processed.</li>
</ol>
<p>See what are the most attractive spots in my iziTips.com blog based on feng-gui application:</p>
<div id="attachment_511" class="wp-caption alignnone" style="width: 310px"><img class="size-medium wp-image-511" title="heatmap-izitips" src="http://www.izitips.com/wp-content/uploads/2009/02/heatmap-izitips-300x240.png" alt="Website Heatmap" width="300" height="240" /><p class="wp-caption-text">Website Heatmap</p></div>
<p>Seems that most attention is concentrated on the parts with images. Site logo, translation widget and 2 post images got the most attraction in the heatmap making process.</p>
<p>As a fun you can also upload <strong>your own picture</strong> and see what parts of yours are the most attractive (according to computer). Select<strong> skin detection</strong> option to enhance the detection process.</p>
<h6 class="zemanta-related-title" style="font-size: 1em;">Related reading:</h6>
<ul class="zemanta-article-ul">
<li class="zemanta-article-ul-li"><a href="http://googleblog.blogspot.com/2009/02/eye-tracking-studies-more-than-meets.html">Eye-tracking studies: more than meets the eye</a> (googleblog.blogspot.com)</li>
</ul>
<div class="zemanta-pixie" style="margin-top: 10px; height: 15px;"><a class="zemanta-pixie-a" title="Zemified by Zemanta" href="http://reblog.zemanta.com/zemified/03effe53-1162-4bb0-b8f9-6c48754d8838/"><img class="zemanta-pixie-img" style="border: medium none; float: right;" src="http://img.zemanta.com/reblog_e.png?x-id=03effe53-1162-4bb0-b8f9-6c48754d8838" alt="Reblog this post [with Zemanta]" /></a></div>
]]></content:encoded>
			<wfw:commentRss>http://www.izitips.com/how-to/make-heatmap-generate-attractive-hot-spots/feed/</wfw:commentRss>
		<slash:comments>0</slash:comments>
		</item>
	</channel>
</rss>

