Every year companies spend millions of dollars buying online banners. However, very few people click them. In this post I’ll tell you why and how to fix this problem. Few simple changes will make a world of difference.
Today banners are a main part of home- and “landing pages”. However, most banners are completely ignored by the customers due to some very good reasons. Today our brains are so exposed to vast amounts of advertisement, that our subconsciousness automatically helps us weed out unnecessary information. If a banner looks to too much like an advertisement, there is a strong likelihood that the brain completely avoids looking at it - consciously or unconsciously. This is called ”banner blindness”.
If you carry out an eyetracking usability test, the output of the test is called a “heat map”. This heat map tells you, where the customer looks the most (the red hot spots), where the customer looks the least (the green, colder spots) and where the customer doesn’t look at all (the black areas).
Here is a good example of “banner blindness” from an eye-tracking test of the Virgin Megastore website:
When this eye-tracking test was carried out, Virgin ran a large scale sales campaign, however, none of the website’s visitors looked at it. This is due to the fact, that the red “Virgin Sale” banner looks too much like a banner / advertisement, which makes the customers’ subconscious mind rule it out as irrelevant content. This is a well kept secret for many people, and designers thus often don’t know of this problem. “Banner blindness” therefore is a massive problem at almost all e-commerce websites. They are stuffed with banners that convert badly, because few customers are looking at them.
How do I make people look at my banners?
To avoid banner blindness at your website, you should try not to make your banners look like, well banners. Below is a banner from Tesco that most likely will be ignored by the customers:
Why might customers ignore this banner? The main reason is that the banner has a background color which is a classic banner design flaw. The background color “tells” the customer’s subconscious mind that the banner most likely is not relevant and then the mind immediately ignores it. Furthermore the text is blue on a blue background which makes the text blend into the visual impression of the banner – it should have had a contrast color to make it stand out. Finally the “Find out more” link is a way too subtle “call-to-action” link.
Stop designing “banners”
To avoid these problems at your website, you should stop designing banners that look too much like classic banners or 3rd party banners. Apple are masters at this. Their “banners” work, essentially because they do not look like banners – they are instead designed to look like relevant content:
These Apple banners have no or just a very light grey background color, which make them look as though they are an essential part of the website, which is the main reason why they actually work. They furthermore have a clear header and an equally clear “Learn more” link (Apple knows, that good old blue links still are the best way to catch the customers’ attention).
Follow these simple steps
Make your “banners” convert much better at your website by:
- Not making the banners look like, well banners or third party banners / advertisements / content
- Using no (or a very, very subtle background) color
- Having clear headers that are easy to read
- Making call-to-action buttons or links very obvious
I hope this post has inspired you to improve your online “banners”? Please do feel free to comment!