A heatmap is a visual representation of what area's from your website receive the most attention from users. Traditionally, this is generated by sophisticated equipment that does eyeball tracking on test users in a lab. But Feng-GUI's algorithm delivers comparable results without going through the hassle and cost of setting up user trials.
So let's see what the heatmap of the Citylive website looks like:
This image clearly reveals a problem we have been seeing in our clickthrough analysis: Although the purpose of the site is to get users to download our mobile widget engine, most users click on other things then the "Download" button.We have redesigned this button, made it bigger, put it in a more prominent place, added an explanatory icon and text to it, all to no avail. We started to think that people were afraid that clicking the "download" button would generate mobile data charges or something along that line.
But when looking at the heatmap that Feng-GUI generated for us, the problem becomes clear: The website is designed in a monochromatic blue color scheme. Some of the widgets that are currently on the homepage have a red background, which is pulling all the attention towards the widgets and away from the big download button.
So, I quickly recolored the button with a red download arrow and then we get this result:
The download button is now much more visible and the widgets no longer dominate the screen. On top of this, the red color on the right nicely balances against the red in the Citylive logo on the left. Kudos to the people at Feng-GUI for coming forward with such a usefull and simple addition to click-based heatmaps!
PS: the Feng-GUI service is down at the moment, probably due to heavy load after being mentioned on Read Write Web.
No comments:
Post a Comment