Links, Online Shopping, Usability, User Experience

Improving the User Experience (and conversion rate) with Heat Maps

Heat maps can show in which part of a website visitors are clicking, they are a color representation of the amount of clicks. Heat maps could be of great help to improve the user experience of an already working website. To show you how, I would like to present an example.

Understanding the business and users

Guia Munich is a German website for Spanish speaking tourists visiting Munich, offering personalized guided tours. Although many young people visit the website, the real target are older visitors, people willing to pay an extra for a small and customized tour. These groups of users are apparently not that experienced with computers, websites and using the mouse to point. A heat map gave us some interesting insights to improve the website performance.

Homepage Heat Map

Changes on the website

The colored boxes on the homepage show the tours available in Munich and Bavaria. Thanks to the heat map, we realized that many users were clicking on the images, hoping to get more information about a particular tour. Unfortunately, in the past these pictures were not clickable, only tour titles were (e.g. “Sur de Baviera”.)

Picture Heat Map

I believe some users were clicking on images and as nothing was happening they were leaving the website. After making the images clickable the time spent on site was 20% longer, pages per visitor went 10% up and the bounce rate improved 8 percentage points.

Email Heat Map

Another issue I discovered was related to the email address. As it can be seen on the heat map, some people were clicking on it; but the email address was not clickable. After making all the email addresses clickable (and together with the previously mentioned changes) the company got 6% more email requests.

This is just an example on how small changes could make users’ life easier and improve the economic performance of a website.


4 thoughts on “Improving the User Experience (and conversion rate) with Heat Maps

Leave a Reply

Your email address will not be published. Required fields are marked *

You may use these HTML tags and attributes: <a href="" title=""> <abbr title=""> <acronym title=""> <b> <blockquote cite=""> <cite> <code> <del datetime=""> <em> <i> <q cite=""> <strike> <strong>