<?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>Tutorial Blog &#187; Website design</title>
	<atom:link href="http://tutorialblog.org/web-design/website-design/feed/" rel="self" type="application/rss+xml" />
	<link>http://tutorialblog.org</link>
	<description>High Quality Photoshop Tutorials, Tips and other Great Things...</description>
	<lastBuildDate>Wed, 04 Nov 2009 18:00:29 +0000</lastBuildDate>
	<generator>http://wordpress.org/?v=2.8.5</generator>
	<language>en</language>
	<sy:updatePeriod>hourly</sy:updatePeriod>
	<sy:updateFrequency>1</sy:updateFrequency>
			<item>
		<title>How to Get a Google API Key</title>
		<link>http://tutorialblog.org/how-to-get-a-google-api-key/</link>
		<comments>http://tutorialblog.org/how-to-get-a-google-api-key/#comments</comments>
		<pubDate>Mon, 05 Oct 2009 18:31:49 +0000</pubDate>
		<dc:creator>Spencer Spellman</dc:creator>
				<category><![CDATA[Website design]]></category>

		<guid isPermaLink="false">http://tutorialblog.org/?p=6227</guid>
		<description><![CDATA[To fully take advantage of Google maps and to integrate it into a blog or website, you&#8217;ll have to sign up to receive a Google API Key. This allows you to insert Google maps into your own web pages on your own domains. The only requirement is that you must have a Google account, as [...]]]></description>
			<content:encoded><![CDATA[<p><img style=' float: left; padding: 4px; margin: 0 7px 2px 0;'  class="alignleft size-full wp-image-6232" src="http://tutorialblog.org/wp-content/uploads/2009/09/google-api-logo.gif" alt="google api logo" width="278" height="110" />To fully take advantage of Google maps and to integrate it into a blog or website, you&#8217;ll have to sign up to receive a <strong>Google API Key</strong>. This allows you to insert <a href="http://maps.google.com" target="_blank">Google maps</a> into your own web pages on your own domains. The only requirement is that you must have a Google account, as your API key will be connected to your account.</p>
<p>Even though there are many plugins and scripts that require an API Key to work, developers often overlook explaining just exactly <em>how to sign up for a Google API Key</em>. Today we&#8217;ll walk you through that process. (...)<br/>Read the rest of <a href="http://tutorialblog.org/how-to-get-a-google-api-key/">How to Get a Google API Key</a></p>
<hr />
<p><small>© <a href="http://tutorialblog.org">Tutorial Blog</a>, 2009. |
<a href="http://tutorialblog.org/how-to-get-a-google-api-key/">Permalink</a> 
</small></p>
<a href="http://store.appcraver.com"><img src="http://www.appcraver.com/ads/store-cases.gif" width="468" height="60" alt="iphone accessories"></a>]]></content:encoded>
			<wfw:commentRss>http://tutorialblog.org/how-to-get-a-google-api-key/feed/</wfw:commentRss>
		<slash:comments>6</slash:comments>
		</item>
		<item>
		<title>5 More Places to Buy Joomla Templates</title>
		<link>http://tutorialblog.org/5-more-places-to-buy-joomla-templates/</link>
		<comments>http://tutorialblog.org/5-more-places-to-buy-joomla-templates/#comments</comments>
		<pubDate>Wed, 19 Aug 2009 18:00:38 +0000</pubDate>
		<dc:creator>Barbara Holbrook</dc:creator>
				<category><![CDATA[CMS]]></category>
		<category><![CDATA[Joomla]]></category>
		<category><![CDATA[Lists]]></category>
		<category><![CDATA[Website design]]></category>

		<guid isPermaLink="false">http://tutorialblog.org/?p=6109</guid>
		<description><![CDATA[Last week we posted an article about where to find joomla templates. After being roundly smacked about by our readers for leaving out some of the larger (and popular) Joomla template design websites, we&#8217;ve decided to try and redeem ourselves with yet another article about finding quality Joomla Templates.
Like we said earlier, a well-made template [...]]]></description>
			<content:encoded><![CDATA[<p><img style=' float: left; padding: 4px; margin: 0 7px 2px 0;'  class="alignleft size-full wp-image-6120" title="joomla-logo" src="http://tutorialblog.org/wp-content/uploads/2009/08/joomla-logo.jpg" alt="joomla-logo" width="300" height="205" />Last week we posted an article about <a href="http://tutorialblog.org/5-cool-places-to-find-joomla-themes/">where to find joomla templates</a>. After being roundly smacked about by our readers for leaving out some of the larger (and popular) Joomla template design websites, we&#8217;ve decided to try and redeem ourselves with yet another article about<strong> finding quality Joomla Templates</strong>.</p>
<p>Like we said earlier, a well-made template is the foundation for a good website. If the template doesn&#8217;t include the right code for proper SEO, then it&#8217;s going to make life difficult later. This is as true for Joomla as it is for Wordpress, or Drupal. That is why we recommend sourcing out <em>premium template</em> companies that you can rely on. (...)<br/>Read the rest of <a href="http://tutorialblog.org/5-more-places-to-buy-joomla-templates/">5 More Places to Buy Joomla Templates</a></p>
<hr />
<p><small>© <a href="http://tutorialblog.org">Tutorial Blog</a>, 2009. |
<a href="http://tutorialblog.org/5-more-places-to-buy-joomla-templates/">Permalink</a> 
</small></p>
<a href="http://store.appcraver.com"><img src="http://www.appcraver.com/ads/store-cases.gif" width="468" height="60" alt="iphone accessories"></a>]]></content:encoded>
			<wfw:commentRss>http://tutorialblog.org/5-more-places-to-buy-joomla-templates/feed/</wfw:commentRss>
		<slash:comments>5</slash:comments>
		</item>
		<item>
		<title>How To Create a Custom Myspace 2.0 Page</title>
		<link>http://tutorialblog.org/customize-myspace-profile-page/</link>
		<comments>http://tutorialblog.org/customize-myspace-profile-page/#comments</comments>
		<pubDate>Mon, 17 Aug 2009 18:00:46 +0000</pubDate>
		<dc:creator>Spencer Spellman</dc:creator>
				<category><![CDATA[Myspace]]></category>
		<category><![CDATA[Website design]]></category>

		<guid isPermaLink="false">http://tutorialblog.org/?p=6063</guid>
		<description><![CDATA[Last time I discussed how to make a professional looking Myspace page — 1.0.  Customizing social media pages is an important for skill for designers, musicians and others. The ability to create custom backgrounds and designs for myspace, twitter, etc. can become a lucrative business model for savvy designers. 
Compared to many other social networking sites, Myspace offers the [...]]]></description>
			<content:encoded><![CDATA[<p><img style=' float: left; padding: 4px; margin: 0 7px 2px 0;'  class="alignleft size-thumbnail wp-image-6073" src="http://tutorialblog.org/wp-content/uploads/2009/08/mylogo1-150x100.jpg" alt="mylogo" width="150" height="100" />Last time I discussed how to make a <a href="http://tutorialblog.org/making-a-professional-myspace-page/">professional looking Myspace page — 1.0</a>.  Customizing social media pages is an important for skill for designers, musicians and others. The ability to create custom backgrounds and designs for myspace, twitter, etc. can become a lucrative business model for savvy designers. </p>
<p>Compared to many other social networking sites, Myspace offers the most flexibility in the layout and design of a profile page.</p>
<p>Last time I discussed how to create a professional-looking page with the older Myspace. Today I&#8217;m going to discuss<strong> how to customize a Myspace profile with the new Myspace 2.0. </strong>(...)<br/>Read the rest of <a href="http://tutorialblog.org/customize-myspace-profile-page/">How To Create a Custom Myspace 2.0 Page</a></p>
<hr />
<p><small>© <a href="http://tutorialblog.org">Tutorial Blog</a>, 2009. |
<a href="http://tutorialblog.org/customize-myspace-profile-page/">Permalink</a> 
</small></p>
<a href="http://store.appcraver.com"><img src="http://www.appcraver.com/ads/store-cases.gif" width="468" height="60" alt="iphone accessories"></a>]]></content:encoded>
			<wfw:commentRss>http://tutorialblog.org/customize-myspace-profile-page/feed/</wfw:commentRss>
		<slash:comments>10</slash:comments>
		</item>
		<item>
		<title>Create an Online Magazine With WordPress</title>
		<link>http://tutorialblog.org/create-an-online-magazine-with-wordpress/</link>
		<comments>http://tutorialblog.org/create-an-online-magazine-with-wordpress/#comments</comments>
		<pubDate>Tue, 30 Jun 2009 18:00:43 +0000</pubDate>
		<dc:creator>Spencer Spellman</dc:creator>
				<category><![CDATA[Website design]]></category>
		<category><![CDATA[WordPress]]></category>

		<guid isPermaLink="false">http://tutorialblog.org/?p=5461</guid>
		<description><![CDATA[Many of us have dreamed of writing for a magazine or even being a magazine editor. However, now with WordPress you can be the writer, editor and owner of your very own magazine. With a few steps you can have the magazine designed, laid out and have writers who are writing articles for your own [...]]]></description>
			<content:encoded><![CDATA[<p><img style=' float: left; padding: 4px; margin: 0 7px 2px 0;'  class="alignleft size-thumbnail wp-image-5480" src="http://tutorialblog.org/wp-content/uploads/2009/05/magazine1.jpg" alt="magazine1" width="300" height="200" />Many of us have dreamed of writing for a magazine or even being a magazine editor. However, now with <a href="http://www.wordpress.org">WordPress</a> you can be the writer, editor and owner of your very own magazine. With a few steps you can have the magazine designed, laid out and have writers who are writing articles for your own online publication. Below I&#8217;m going to go through the steps of <strong>starting your own Magazine with WordPress</strong>.</p>
<p>The first thing you&#8217;ll have to do is find the right them.(...)<br/>Read the rest of <a href="http://tutorialblog.org/create-an-online-magazine-with-wordpress/">Create an Online Magazine With WordPress</a></p>
<hr />
<p><small>© <a href="http://tutorialblog.org">Tutorial Blog</a>, 2009. |
<a href="http://tutorialblog.org/create-an-online-magazine-with-wordpress/">Permalink</a> 
</small></p>
<a href="http://store.appcraver.com"><img src="http://www.appcraver.com/ads/store-cases.gif" width="468" height="60" alt="iphone accessories"></a>]]></content:encoded>
			<wfw:commentRss>http://tutorialblog.org/create-an-online-magazine-with-wordpress/feed/</wfw:commentRss>
		<slash:comments>14</slash:comments>
		</item>
		<item>
		<title>Plug into Smartphones and Use Google Analytics  to Track Your Traffic</title>
		<link>http://tutorialblog.org/plug-into-smartphones-and-use-google-analytics-to-track-your-traffic/</link>
		<comments>http://tutorialblog.org/plug-into-smartphones-and-use-google-analytics-to-track-your-traffic/#comments</comments>
		<pubDate>Mon, 09 Mar 2009 20:06:21 +0000</pubDate>
		<dc:creator>Michael Alexander</dc:creator>
				<category><![CDATA[Web Design]]></category>
		<category><![CDATA[Website design]]></category>
		<category><![CDATA[Writing]]></category>

		<guid isPermaLink="false">http://tutorialblog.org/?p=4127</guid>
		<description><![CDATA[The growing popularity of smartphones, and of mobile computing in general, is already starting to change the way visitors interact with your site. It&#8217;s not too soon to start laying out the blueprint for a version of your site designed expressly for pocket-sized screens.
Times may be tough, but the smartphone market isn’t hurting because of [...]]]></description>
			<content:encoded><![CDATA[<p><span class="drop_cap">T</span>he growing popularity of smartphones, and of mobile computing in general, is already starting to change the way visitors interact with your site. It&#8217;s not too soon to start laying out the blueprint for a version of your site designed expressly for pocket-sized screens.</p>
<p><img style=' float: left; padding: 4px; margin: 0 7px 2px 0;'  class="attachment wp-att-3184 alignleft" src="http://editorialengine.com/wp-content/uploads/2009/03/editorial-engine-wptouch.jpg" alt="editorial-engine-wptouch" width="199" height="299" />Times may be tough, but the smartphone market isn’t hurting because of it. According to market researcher, NPD Group, 23 percent of cellphones sold in the U.S. during the fourth quarter of 2008 were smartphones. That&#8217;s up from 12 percent of sales in the fourth quarter of 2007. And, for the first time, last year, sales of smartphones exceeded those of laptops, even as netbooks exploded on the market like fragmentation grenades.</p>
<p>Web browsing on the iPhone, which undoubtedly offers the best mobile experience at the moment, is still a pain. Viewing Web pages over anything but Wi-Fi is molasses slow; it&#8217;s damn hard to see what you&#8217;re looking at; and scrolling makes my finger ache. It&#8217;s 1994 all over again.</p>
<p>There&#8217;s only so much smartphone makers can do with the platform. The rest of the heavy lifting will have to come from Web site makers.</p>
<p>(...)<br/>Read the rest of <a href="http://tutorialblog.org/plug-into-smartphones-and-use-google-analytics-to-track-your-traffic/">Plug into Smartphones and Use Google Analytics  to Track Your Traffic</a></p>
<hr />
<p><small>© <a href="http://tutorialblog.org">Tutorial Blog</a>, 2009. |
<a href="http://tutorialblog.org/plug-into-smartphones-and-use-google-analytics-to-track-your-traffic/">Permalink</a> 
</small></p>
<a href="http://store.appcraver.com"><img src="http://www.appcraver.com/ads/store-cases.gif" width="468" height="60" alt="iphone accessories"></a>]]></content:encoded>
			<wfw:commentRss>http://tutorialblog.org/plug-into-smartphones-and-use-google-analytics-to-track-your-traffic/feed/</wfw:commentRss>
		<slash:comments>2</slash:comments>
		</item>
		<item>
		<title>Use Infographics to Help Readers Visualize Data</title>
		<link>http://tutorialblog.org/use-infographics-to-help-readers-visualize-data/</link>
		<comments>http://tutorialblog.org/use-infographics-to-help-readers-visualize-data/#comments</comments>
		<pubDate>Fri, 06 Mar 2009 18:44:09 +0000</pubDate>
		<dc:creator>Michael Alexander</dc:creator>
				<category><![CDATA[Graphic Design]]></category>
		<category><![CDATA[Website design]]></category>

		<guid isPermaLink="false">http://tutorialblog.org/?p=4081</guid>
		<description><![CDATA[I&#8216;m a fan of GOOD, a site that is &#8220;a collaboration of individuals, businesses and nonprofits&#8230;who have been making a magazine, videos and events for people who give a damn.&#8221;
One of the things I like about the site is its use of infographics to explain complex ideas. If you&#8217;ve ever looked at an issue of [...]]]></description>
			<content:encoded><![CDATA[<p><span class="drop_cap">I</span>&#8216;m a fan of <a href="http://www.good.is/?p=14140">GOOD</a>, a site that is &#8220;a collaboration of individuals, businesses and nonprofits&#8230;who have been making a magazine, videos and events for people who give a damn.&#8221;</p>
<p>One of the things I like about the site is its use of infographics to explain complex ideas. If you&#8217;ve ever looked at an issue of <em>USA Today</em>, you&#8217;ll know what infographics are about.</p>
<p>Back in December, GOOD decided to sponsor a contest for the best global finance infographic as determined by an economist. Judging is underway. GOOD will announce the winner, who gets $500, on March 11. In the meantime, <a href="http://www.good.is/?p=14140">GOOD has been showcasing some of its favorite entries</a>.</p>
<p>Here&#8217;s part one of a two-part infographic I like (click on the image to enlarge it):</p>
<p style="text-align: center;"><a href="http://editorialengine.com/wp-content/uploads/2009/03/crisis-of-credit-good.jpg" class="broken_link" ><img style=' display: block; margin-right: auto; margin-left: auto; display: block; margin-right: auto; margin-left: auto;'  class="attachment wp-att-3166 centered aligncenter" src="http://editorialengine.com/wp-content/uploads/2009/03/crisis-of-credit-good.thumbnail.jpg" alt="crisis-of-credit-good" width="451" height="268" /></a></p>
<p>(...)<br/>Read the rest of <a href="http://tutorialblog.org/use-infographics-to-help-readers-visualize-data/">Use Infographics to Help Readers Visualize Data</a></p>
<hr />
<p><small>© <a href="http://tutorialblog.org">Tutorial Blog</a>, 2009. |
<a href="http://tutorialblog.org/use-infographics-to-help-readers-visualize-data/">Permalink</a> 
</small></p>
<a href="http://store.appcraver.com"><img src="http://www.appcraver.com/ads/store-cases.gif" width="468" height="60" alt="iphone accessories"></a>]]></content:encoded>
			<wfw:commentRss>http://tutorialblog.org/use-infographics-to-help-readers-visualize-data/feed/</wfw:commentRss>
		<slash:comments>1</slash:comments>
		</item>
		<item>
		<title>WordPress Plugins Everyone Should Try at Least Once</title>
		<link>http://tutorialblog.org/wordpress-plugins-everyone-try-out-at-least-once/</link>
		<comments>http://tutorialblog.org/wordpress-plugins-everyone-try-out-at-least-once/#comments</comments>
		<pubDate>Fri, 06 Mar 2009 18:34:58 +0000</pubDate>
		<dc:creator>Michael Alexander</dc:creator>
				<category><![CDATA[Website design]]></category>

		<guid isPermaLink="false">http://tutorialblog.org/?p=4077</guid>
		<description><![CDATA[Is there anyone who has tried WordPress and not liked it? I&#8217;m fond of WordPress because it&#8217;s relatively easy to use and highly customizable with themes and plugins. There are something like 4,200  plugins in the wild! I figured I&#8217;d give you a list of plugins I like to use. First things first, make sure [...]]]></description>
			<content:encoded><![CDATA[<p><span class="drop_cap">Is there anyone who has tried WordPress and not liked it? I&#8217;m</span> fond of WordPress because it&#8217;s relatively easy to use and <a href="http://editorialengine.com/?p=2958">highly customizable with themes</a> and plugins. There are something like 4,200  plugins in the wild! I figured I&#8217;d give you a list of plugins I like to use. First things first, make sure you&#8217;re running WP 2.7 (the latest version).</p>
<p><a href="http://www.laptoptips.ca/projects/tinymce-advanced/"><img class="attachment wp-att-3131 alignleft" style="margin: 1px;;  float: left; padding: 4px; margin: 0 7px 2px 0;" src="http://editorialengine.com/wp-content/uploads/2009/03/plugins.jpg" alt="plugins" width="212" height="156" />TinyMCE Advanced</a>&#8211;This plugin enhances WP&#8217;s editor in several ways: switch to full screen mode, insert media, search and replace, support for tables and at least 10 other goodies (some with their own options). This used to be one of my most valuable plugins. When I switched browsers to Firefox a few years back, I started using Scribefire to write and upload copy to the blogs I work on. If you&#8217;re not a Firefox fan, you&#8217;ll want this.</p>
<p><a href="http://www.deliciousdays.com/cforms-plugin">cForms</a>&#8211;If you need to create a contact form, I can&#8217;t think of a more flexible or easier-to-use plugin. cForms has a wizard to help you create your forms and supports AJAX for drag and drop, widgets, integration with TinyMCE and on and on.<br />
<a href="http://www.arnebrachhold.de/projects/wordpress-plugins/google-xml-sitemaps-generator/"><br />
Google XML Sitemaps</a>&#8211;This plugin makes it easier for Google and other search engine bots to crawl your site. Think of it as a road map for spiders. Just let it rip and it will create a compliant sitemap. You don&#8217;t need to configure code or figure out much of anything else. You need this.</p>
<p><a href="http://www.thunderguy.com/semicolon/wordpress/search-meter-wordpress-plugin/">(...)<br/>Read the rest of <a href="http://tutorialblog.org/wordpress-plugins-everyone-try-out-at-least-once/">WordPress Plugins Everyone Should Try at Least Once</a></p>
<hr />
<p><small>© <a href="http://tutorialblog.org">Tutorial Blog</a>, 2009. |
<a href="http://tutorialblog.org/wordpress-plugins-everyone-try-out-at-least-once/">Permalink</a> 
</small></p>
<a href="http://store.appcraver.com"><img src="http://www.appcraver.com/ads/store-cases.gif" width="468" height="60" alt="iphone accessories"></a>]]></content:encoded>
			<wfw:commentRss>http://tutorialblog.org/wordpress-plugins-everyone-try-out-at-least-once/feed/</wfw:commentRss>
		<slash:comments>2</slash:comments>
		</item>
		<item>
		<title>If You Use WordPress, Put a Premium on Your Themes</title>
		<link>http://tutorialblog.org/if-you-use-wordpress-put-a-premium-on-your-themes/</link>
		<comments>http://tutorialblog.org/if-you-use-wordpress-put-a-premium-on-your-themes/#comments</comments>
		<pubDate>Thu, 19 Feb 2009 15:52:04 +0000</pubDate>
		<dc:creator>Michael Alexander</dc:creator>
				<category><![CDATA[Website design]]></category>
		<category><![CDATA[WordPress]]></category>

		<guid isPermaLink="false">http://tutorialblog.org/?p=3928</guid>
		<description><![CDATA[When I launched my first blog about 3 years ago, I used a free WordPress theme called &#8220;Cutline,&#8221; designed by Chris Pearson. At the time, it was among the most-downloaded free themes available for Wordpress. It&#8217;s a terrific-looking theme and it was designed with the reader in mind.
Cutline uses plenty of white space, which makes [...]]]></description>
			<content:encoded><![CDATA[<p><span class="drop_cap"><img style=' float: left; padding: 4px; margin: 0 7px 2px 0;'  class="alignleft size-full wp-image-6289" title="cutline-wordpress-theme" src="http://tutorialblog.org/wp-content/uploads/2009/02/cutline-wordpress-theme.jpg" alt="cutline-wordpress-theme" width="300" height="200" />W</span>hen I launched my first blog about 3 years ago, I used a free WordPress theme called &#8220;Cutline,&#8221; designed by Chris Pearson. At the time, it was among the <em>most-downloaded free themes</em> available for Wordpress. It&#8217;s a terrific-looking theme and it was designed with the reader in mind.</p>
<p>Cutline uses plenty of white space, which makes pages more accessible; it&#8217;s easily customizable; the typography is just right for reading online; and it puts usability and clarity ahead of frou-frous. Free, premium themes like Cutline are rare.</p>
<p class="note">That&#8217;s not to say there aren&#8217;t any free premium themes worth considering either. There&#8217;s a whole bunch of sophisticated, well-designed themes out there. However, you won&#8217;t get much in the way of support, a forum where you can exchange ideas, and frequent updates that add new levels of customization. (...)<br/>Read the rest of <a href="http://tutorialblog.org/if-you-use-wordpress-put-a-premium-on-your-themes/">If You Use WordPress, Put a Premium on Your Themes</a></p>
<hr />
<p><small>© <a href="http://tutorialblog.org">Tutorial Blog</a>, 2009. |
<a href="http://tutorialblog.org/if-you-use-wordpress-put-a-premium-on-your-themes/">Permalink</a> 
</small></p>
<a href="http://store.appcraver.com"><img src="http://www.appcraver.com/ads/store-cases.gif" width="468" height="60" alt="iphone accessories"></a>]]></content:encoded>
			<wfw:commentRss>http://tutorialblog.org/if-you-use-wordpress-put-a-premium-on-your-themes/feed/</wfw:commentRss>
		<slash:comments>6</slash:comments>
		</item>
		<item>
		<title>Eye-Tracking Measures the Sight Unseen</title>
		<link>http://tutorialblog.org/eye-tracking-measures-the-sight-unseen/</link>
		<comments>http://tutorialblog.org/eye-tracking-measures-the-sight-unseen/#comments</comments>
		<pubDate>Tue, 10 Feb 2009 14:39:42 +0000</pubDate>
		<dc:creator>Michael Alexander</dc:creator>
				<category><![CDATA[Resources]]></category>
		<category><![CDATA[Website design]]></category>

		<guid isPermaLink="false">http://tutorialblog.org/?p=3754</guid>
		<description><![CDATA[I read on Google&#8217;s Offical Blog about an eye-tracking study the company recently conducted and that got me thinking about eye-tracking in general and about how to use that information to create more effective Web pages and enhanced usability.
First, let me tell you a bit about eye-tracking, how it&#8217;s performed, and how it&#8217;s used to [...]]]></description>
			<content:encoded><![CDATA[<p><img class="alignleft size-full wp-image-3737" style="margin-top: 0px; margin-bottom: 0px;;  float: left; padding: 4px; margin: 0 7px 2px 0;" src="http://tutorialblog.org/wp-content/uploads/eye-tracking-eyeball-editorial.jpg" alt="eye-tracking-eyeball-editorial" width="150" height="150" />I read on Google&#8217;s Offical Blog about an <a href="http://googleblog.blogspot.com/2009/02/eye-tracking-studies-more-than-meets.html">eye-tracking study the company recently conducted</a> and that got me thinking about eye-tracking in general and about how to use that information to create more effective Web pages and enhanced usability.</p>
<p>First, let me tell you a bit about eye-tracking, how it&#8217;s performed, and how it&#8217;s used to analyze a Web page&#8217;s usability. I&#8217;ll get back to why Google&#8217;s results are so interesting after that.<br />
When I first read about eye-tracking (maybe 15 years ago) I was surprised to learn that our eyes move so fast&#8211;about 30 milliseconds&#8211;that we don&#8217;t actually see anything when they move. It&#8217;s when our eyes fixate that we&#8217;re able to process visual data.</p>
<p>Eye-tracking technology looks at when our eyes move, when they fixate and what they fixate on. Researchers mount a sensor, identical to the CCD (charge coupled device) used in a video camera, on top of a computer display and aim an infrared light beam at the test subject&#8217;s eyes. The CCD captures the infrared&#8217;s light as it reflects off of the viewer&#8217;s  eyes, using these reflections to detect motion, fixation, distance between the subject&#8217;s eyes and the screen, pupil diameter and other data. The areas where the subject gazes the longest are interpreted as hot spots, like those you see on a heat map.</p>
<p>(...)<br/>Read the rest of <a href="http://tutorialblog.org/eye-tracking-measures-the-sight-unseen/">Eye-Tracking Measures the Sight Unseen</a></p>
<hr />
<p><small>© <a href="http://tutorialblog.org">Tutorial Blog</a>, 2009. |
<a href="http://tutorialblog.org/eye-tracking-measures-the-sight-unseen/">Permalink</a> 
</small></p>
<a href="http://store.appcraver.com"><img src="http://www.appcraver.com/ads/store-cases.gif" width="468" height="60" alt="iphone accessories"></a>]]></content:encoded>
			<wfw:commentRss>http://tutorialblog.org/eye-tracking-measures-the-sight-unseen/feed/</wfw:commentRss>
		<slash:comments>2</slash:comments>
		</item>
		<item>
		<title>Why You Should Focus on Widgets, Gadgets and Social Nets in Tough Times</title>
		<link>http://tutorialblog.org/why-you-should-focus-on-widgets-gadgets-and-social-nets-in-tough-times/</link>
		<comments>http://tutorialblog.org/why-you-should-focus-on-widgets-gadgets-and-social-nets-in-tough-times/#comments</comments>
		<pubDate>Tue, 20 Jan 2009 19:10:43 +0000</pubDate>
		<dc:creator>Michael Alexander</dc:creator>
				<category><![CDATA[Web 2.0]]></category>
		<category><![CDATA[Website design]]></category>
		<category><![CDATA[Writing]]></category>

		<guid isPermaLink="false">http://tutorialblog.org/?p=3707</guid>
		<description><![CDATA[In these tough economic times, the smartest companies are using everything&#8211;including sticks and rocks&#8211;to get the attention of prospects and customers. The most potent weapons in their marketing arsenals include Web 2.0 tools and services, social networking, mobile apps, desktop widgets and gadgets, based on a recent Forrester Research study. Their main objectives are to [...]]]></description>
			<content:encoded><![CDATA[<p>In these tough economic times, the smartest companies are using everything&#8211;including sticks and rocks&#8211;to get the attention of prospects and customers. The most potent weapons in their marketing arsenals include Web 2.0 tools and services, social networking, mobile apps, desktop widgets and gadgets, based on a recent Forrester Research study. Their main objectives are to improve customer service (73 percent) and acquire new customers (71 percent).</p>
<p>Help your boss or client tighten their relationships with existing customers and to acquire new customers is a sure way to prove your worth and to protect your own job from extinction!</p>
<p>Sales of smartphone applications also are going gang busters. For example, Apple reported the other day that the number of  iPhone and iPod touch apps <img style=' float: right; padding: 4px; margin: 0 0 2px 7px;'  class="attachment wp-att-2398 alignright" src="http://editorialengine.com/wp-content/uploads/2009/01/01icon_financial-services1.gif" alt="01icon_financial-services1" width="135" align="right" />sold by the App Store went from 10 million in July to 500 million in December. Most of the apps are free or $0.99. They cover everything from restaurant reservation systems to financial apps that put access to all a user&#8217;s accounts under a single interface.</p>
<p>“This is a clear indication that companies facing the current economic conditions are investing in engaging customers wherever they are already spending their time online,”  says David Lavenda, VP marketing and product strategy at WorkLight, a developer that designs software to help businesses reach customers using Apple iPhone app, desktop widgets, iGoogle, Windows Live, RSS readers, Facebook and more.</p>
<p><a href="http://www.myWorkLight.com/Web20forbusinessreport">(...)<br/>Read the rest of <a href="http://tutorialblog.org/why-you-should-focus-on-widgets-gadgets-and-social-nets-in-tough-times/">Why You Should Focus on Widgets, Gadgets and Social Nets in Tough Times</a></p>
<hr />
<p><small>© <a href="http://tutorialblog.org">Tutorial Blog</a>, 2009. |
<a href="http://tutorialblog.org/why-you-should-focus-on-widgets-gadgets-and-social-nets-in-tough-times/">Permalink</a> 
</small></p>
<a href="http://store.appcraver.com"><img src="http://www.appcraver.com/ads/store-cases.gif" width="468" height="60" alt="iphone accessories"></a>]]></content:encoded>
			<wfw:commentRss>http://tutorialblog.org/why-you-should-focus-on-widgets-gadgets-and-social-nets-in-tough-times/feed/</wfw:commentRss>
		<slash:comments>0</slash:comments>
		</item>
	</channel>
</rss>
