4 ways to increase conversion with heatmaps
5 minutes read
Heatmaps are a fantastic way to locate UX issues on your website. You can discover great opportunities to grow your conversion rate without breaking the bank since this research method is relatively inexpensive, both money- and time-wise. In this article, I’ll show you four types of conversion issues that you can uncover with the help of heatmapping software. (Guest post with Damian Rams)
Find high-activity areas
Heatmaps make it easy to find sections of your website that show the highest activity in terms of cursor movement and mouse clicks. These areas will usually be marked in red or dark orange.
Once you spot those areas, make sure to evaluate whether the content that’s placed there is actually among the most important information or CTAs for a given page. Sometimes due to design flaws, flashy images, or interactive elements, visitors are not looking where they should, which results in a suboptimal conversion rate.
A good practice is to design a page in a way that puts the most focus on the crucial elements, like:
- The description of the offer
- Product images
- Main CTA
All the secondary content should draw proportionally less attention.
Find non-clickable elements that get clicks
Static rectangles that look like buttons, underlined text that’s not a link, small images that you can’t enlarge… sounds familiar, right? This kind of UX happens all around the web and since tracking software like Google Analytics does not really report clicks on non-clickable elements, it’s difficult to know when exactly users are getting frustrated.
That’s where heatmaps come into play with their click-map reports, which collect data about any click, no matter if the element is a link or not. An important analysis you should do is to check whether non-clickable elements actually get clicks.
If that’s the case, then you have a decision to make:
- Change the design, so an element doesn’t look clickable anymore.
- Enable a user to click an element and provide the expected functionality, like a modal with more information on a subject or a feature for enlarging images.
- Simply remove an element, so it no longer confuses the user.
Either way, you will improve your UX, and consequently the conversion rate. A less frustrated user is more likely to make a purchase.
Improve clarity by removing unnecessary content
There is a never-ending debate out there whether web pages should be long or short. The best answer here is that a page should be as long as necessary, but at the same time, it just has to be engaging.
How to find the sweet spot? I don’t think that a perfect process exists here, but heatmaps can definitely help you get more insights about page length and content.
First, look at a scroll heatmap and check how many visitors reach the bottom part of a page. If it’s a low number, then you should probably reduce the amount of content or rewrite the copy, change images, or design, to keep users engaged.
Another aspect is analyzing the interactions with certain elements of the page:
- Does the product video get any views?
- Do the users click on the accordion to learn more?
- Do the product description tabs get any clicks?
- Which CTAs are ignored?
- Does anyone browse through the testimonials?
The answers to these questions will help you get the gist of what is important for the visitors, and what is not. You can go ahead and test removing the content which belongs to the latter category. It will improve the clarity of the page.
Detect and eliminate distractions
There is a special category of website content: distractions. All the elements that get more exposure and interactions than they should, belong to this category.
The human eye is naturally drawn to movement. We just can’t help but look at a moving carousel or auto-played video. As long as an interactive element on a page is a crucial piece of content that convinces a user to convert, this is okay. But if you promote some niche products with a highly visible banner or a carousel, then it simply distracts the visitor and takes his focus away from the most important action.
Heatmaps are great for detecting distractions. You can find the areas that get a lot of cursor movement or clicks but are not necessarily helpful in explaining your offer or enticing the visitor to buy.
Every interaction or decision a user has to make on a website costs him energy. The less energy the user has, the more likely he is to abandon the page without converting.
Make sure you don’t distract the user with unnecessary information, or at least don’t display it in a highly visible, interactive format.
Increase conversion with heatmaps
One thing I know for sure is that heatmaps are not a magical cure for all the conversion problems. It’s just one of many UX research methods, but it’s simplicity and low barrier to entry make it worthwhile.
Heatmaps can surely help you discover conversion issues on certain pages. But remember, no matter what and how many conversion rate optimization tools you will choose all you need is a good decision-making and excellent execution in terms of design & coding in order to implement necessary fixes. Which can eventually lead to a higher conversion rate.
Damian Rams – web analytics and conversion optimization consultant. He implements Google Analytics, GoogleTag Manager, and other analytics tools. He helps companies analyze data and use it for improving the conversion rate. He ran a blog about web analytics and CRO.