'Net Features : heat maphttp://www.websitemagazine.com/content/blogs/posts/archive/tags/heat+map/default.aspxTags: heat mapenCommunityServer 2008 SP2 (Build: 31104.93)Heatmaps - It’s Getting Hot in Herehttp://www.websitemagazine.com/content/blogs/posts/archive/2011/03/16/heatmaps-it-s-getting-hot-in-here.aspxWed, 16 Mar 2011 19:50:00 GMT1e469e21-c924-44fa-a132-47b5d0a8ad47:16302Pete Prestipino0http://www.websitemagazine.com/content/blogs/posts/rsscomments.aspx?PostID=16302http://www.websitemagazine.com/content/blogs/posts/archive/2011/03/16/heatmaps-it-s-getting-hot-in-here.aspx#comments<hr />
<h2><img style="float:left;margin:15px;" src="http://www.websitemagazine.com/images/blog/wmicon-mini.jpg" width="73" height="73" alt="" />Leveraging Heat Maps for Optimal Customer
Experience, Better Design and Deeper Engagement</h2>
<p>
The benefits of using, analyzing and understanding heat maps are numerous.
The data gathered can offer proof as to where visitors do and do not click, provide
useful information when designing and redesigning landing pages, help determine
optimal advertisement placement, minimize
shopping cart abandonment, maximize
conversions of online forms and predict
how visitors will use your site in the future. </p>
<p>There&rsquo;s
not much heat maps can&rsquo;t reveal, really. We just need
to know what to look for then plan accordingly.
<br /><br />
In the case of a traditional heat map, the brighter the color
the more clicks (and attention) a specific area is receiving &mdash;
that much we readily know (see image A below). </p>
<p>That is effective,
as it shows the degree to which people are interacting with
live elements on a website and how a design and site structure
can be improved by understanding what elements users are
truly interested in, as opposed to those areas where users only
consider clicking.
<br /><br /><img style="float:left;margin:15px;" src="http://www.websitemagazine.com/images/blog/imagea-heatmaps.png" width="360" height="520" alt="" />But heat maps alone do not show us all of the information
needed for true optimization, as they tend only to track clicks
on links. We can do much more.
<br /><br />
Coupling heat map data with more detailed analytics lets
us track and visualize mouse movement and page or mouse
clicks that are not links (non-clickable elements). </p>
<p>In essence,
we get a deeper understanding of how users are experiencing
a page as a whole, not just where they click.
Now we&rsquo;re cooking.
<br /><br />
For example, how helpful would it be to know if users
are hovering over links (often called hover time), and how
often? If that information were available we might be able to determine how compelling the anchor text of certain links are,
even if users did not actually click them, and how they might be
improved.
<br /><br />
We can also determine the time from when a page loads until
a user clicks a certain link. This is helpful in determining if the
placement we&rsquo;ve chosen for a specific design element is optimal
or if it should be brought into greater focus (above the fold, for example)
to increase the number of clicks.
<br /><br />
What heat map analytics can show with great clarity is not
just how well a Web design, its layout and structure are performing
in terms of clicks but also help us make modifications based
on seemingly unrelated information, such as the referrer (see
Image C). For example, review the highest volume entry pages by
comparing the best and worst performing pages. </p>
<p>Then use heat
maps to determine the relationship between the top referrer of
those pages and clicks and lack of clicks. Once the worst offenders
are found, multiple variables and landing page approaches
based on the source of traffic can be tested.
<br /><br />
Reviewing the activity of visitors from different referral sources
is but one of the ways heat maps can be used. Clicktale, for example,
offers statistics to its users based on existing customers
versus new visitors, and customers who made a purchase versus
those who did not. </p>
<p>&ldquo;We can segment by absolutely anything. For
example, age, gender, location or compare specifics such as bachelors
in their 30&rsquo;s versus mothers versus teenagers,&rdquo; says Clicktale&rsquo;s
Director of Marketing and Communication, Shmuli Goldberg.
&ldquo;Clicktale provides information on what content a customer really
cares about, as well as finds bugs and usability issues that stop
or delay revenue.&rdquo;
<br /><br />
Analyzing data provided through heat maps can be cumbersome
but keep these points in mind during analysis and when
drafting suggestions and recommendations:
<br /><br /><img height="830" width="456" src="http://www.websitemagazine.com/images/blog/imagebc-heatmaps.png" style="float:right;margin:15px;" alt="" />&bull; Areas that receive few clicks could be removed. If users don&rsquo;t
find them important they may be more of a distraction than
providing help. If you&rsquo;re hesitant to leave sections empty, simply
replace them with something entirely different to see if that
leads to more interest on the part of users.
<br /><br />
&bull; While identifying areas that receive the most attention is useful,
particularly for those responsible for optimizing content,
observing the areas after they click to those destinations is perhaps
even more useful. For example if users do not click anywhere
after arriving on a page they may have hit a dead end.
Try to turn those endings into new beginning by offering content
suggestions or product recommendations.
<br /><br />
The job of a Web designer &mdash; or anyone responsible for optimizing
the user experience &mdash; is to maximize interest in the site
and its products or content while maintaining usability. </p>
<p>The challenge
is to balance aesthetics with function. To achieve this you
must give website visitors a direction; guiding them where you
want them to go. Too many options, however, and it is easy to
confuse and frustrate users. Not enough information or choices,
on the other hand, could mislead website visitors.
<br /><br />
In the end, understand that no website is perfect. While pairing
heat maps with analytics is useful, making website changes
does not guarantee that all of your problems will be solved. Be
sure to test, test, and retest after making any improvements and
modifications to determine how those changes improved or worsened
the user experience.</p>
<div style="clear:both;"></div><img src="http://www.websitemagazine.com/content/aggbug.aspx?PostID=16302" width="1" height="1">web designdesignengagementheatmapscustomer experienceheat map