Basically, website heatmaps give you a representation of data with different colors denoting different values.
Too simple to be useful? Often heatmaps give you more insight than you'd think.
Website heatmaps use a warm-to-cold color scheme to show data density. The warmest color indicating highest value and the coolest indicating lowest.
Website heatmaps help you quickly understand how visitors behave on your websites and help you make informed optimization decisions.
They are a handy way of articulating your website's data.
There are 5 main types of website heatmaps:
Clickmaps are the most common heatmap and represent where people are clicking or touching on your website.
Functionally, clickmaps also help identify what navigational elements users are finding the most interesting.
Clickmaps can help you identify:
Scrollmaps help you see how deeply users are scrolling through your website. Also how they are scrolling.
In essence, scrollmaps help you identify where people spend time.
With this data you may conclude that people are never seeing elements at the bottom of your page. You may want to move those elements to the top of your page.
Use scrollmaps to:
Movement Heatmaps, or hover maps, indicate where users keep their mouse or finger on your page.
Movement heatmaps are great for:
Depending on the service you use, you may need to be aware of issues where people leave their cursor in the same place while they read your content. This can cause data pollution and prevent you from getting any true insights.
Eye tracking heatmaps are heatmaps created along with special software that uses a webcam to track visitors eye movements. (Don't worry though! this only happens in approved scenarios; for example, when an agency recruits a focus group that specifically approves tracking.)
If you have the means to create real eye tracking heatmaps, they can be beneficial to your design guidance. As clearly, the things that people are looking at are the things they are most interested in and will interact with most.
Eye tracking heatmaps are best for:
Traditional analytics is great at understanding the quantity and quality of your traffic, as well as their aggregate behavior. Where it falls short however, is in helping you understand the 'why' behind what you're seeing.
Things that are hidden in the numbers and charts, become crystal clear when put into a visual format.
Heatmaps help you understand the thinking behind your traffic, in addition how various aspects of your UI interact with each other.
For example, you'll often see that one item in a list of navigation items gets almost all the attention. There is no way for data analytics alone to give you all the context about how various elements interact.
Another thing that heatmaps can help with is understanding what elements of your site are distracting people. If there is a lot of activity away from your call to action, then clearly you should reconsider what is drawing people's attention away.
So for this reason, we recommend adding heatmaps to any serious marketing effort online.
Marketing is often like poetry. Things need to work well together for you to get outstanding results. Heatmaps can definitely help on this front.
Once you understand where people's attention is, we recommend tying important aspects of your funnel to the areas where people's attention is drawn first.
Also, make this an iterative process. With Darwin's live heatmaps, you can easily generate the most reason version of your data and see how things change when you alter you site.
We recommend creating a weekly or monthly document for your team that includes several CRO metrics, and also heatmaps.
Here is how we recommend using the heatmap:
Using Darwin's segmenting, filtering and analysis tools you can easily filter your heatmaps to only include data from a subset of your visitors. Play around with various referrers, browsers, devices, etc.
Using these tools you may notice some interesting changes that occur across environments.
You can also understand people's thinking a bit better, if the heatmap changes based on referrer. For example, search visitors may behave very differently from users who found you via social media.
Based on your goal, you can build many hypotheses and use the scrollmap insights to pinpoint the exact problem.