EyeQuant Blog

Landing Page Blind Spots are Killing Your Conversion - 3 Secrets to Make Your CTA Pop

Posted by Bitsy Knox on Mar 20, 2013 3:01:58 PM

BlindLeadingTheBlind_Bruegel2

The funny thing about working really, really, hard on something is that it tends to take someone completely outside of the task-at-hand to point out its most banal - and the most obvious - problems. When building and improving a landing page, collecting data on user attention isn’t just important for improving usability, it is also necessary to catch conversion killers that may have gone unnoticed - but have been staring you in the face the whole time.

This blog will explain why seeing isn’t always believing, how to find blind spots on your landing page’s design, and why the key to all this is understanding a little bit of neuroscience.

Change Blindness & Multitasking

We tend to like to think of ourselves as multi-tasking pro’s these days; we talk on the phone as we drive, we scan our Facebook account as we speak to someone, we check our email or text while walking...

Or at least, we think we can multi-task. In fact, not only are we often blind to our own mistakes, but we humans aren’t even as good at multi-tasking as we would like to think we are:

multi-task1

Our brains tend to prioritise information, filtering out what doesn’t seem to be immediately necessary, but also switching between tasks in terms of priority. In a study from 2010, researchers at the University of Michigan conducted a study requiring a test-subject to switch between tasks during an FMRI scan. As the test was carried out, researchers found that there was always a little time lag during which the test-subject would switch from one task to another. The reason for this is quite simple: we humans can only direct so much attention to one thing at any given time, and so can only give a finite amount of energy to single task at a time.

Quick Takeaway: Make life simple for your users by giving them one clear, simple task when they arrive at your landing page.

Quick Takeaway: Users are busy people, and in order for them to instantly notice and understand what you do, why you do it, and where they can click your CTA, these elements need to stand out like a sore thumb in contrast to other, less important information.

  • While our brains are constantly scanning for information to consciously direct our attention to, spotting changes to our surroundings can be surprisingly difficult. This phenomenon is called Change Blindness. Researchers at Queen Mary University built an Artificial Intelligence that uses a computer algorithm to make changes to an image in order to test a subject’s visual perception of its changes. Just like EyeQuant, their AI uses objective data on the human visual attention system to produce a pre- and post-change images that are identically attention-grabbing, so that the researchers can study where someone will look in a scene to spot the difference, and what makes us notice the change. Most interestingly, the researchers found that we are more likely to spot the difference in a scene if an object has been removed than if the object has changed color.

Quick Takeaway: Identifying what to A/B test can be confusing because it is difficult to pick up on subtle visual problems that our brains automatically filters out. Small changes to color and size thus go unnoticed, which is why objective Artificial Intelligence is so insightful in letting us understand what our eyes (and brains) will direct attention to - and what they will ignore.

11morris_gorilla2

Blind Spots

Chances are, you’ve done a great job of trying to understand your users: who they are, what you can offer them, and the circumstances in which they’re most likely to convert. As the studies above illustrate, though, it’s surprising how oblivious we can be to our own work, not to mention to the users that we are working for. As a result, landing pages almost always have a few blind spots: information that should be getting user attention, but are simply ignored - even if it’s in a user’s best interest to find it.

In fact, the human visual attention system directs attention based on a few dozen basic visual features, and when a user arrives at your landing page, those features kick into motion to help the user decide what they should be looking for. There are many visual features that infinitely combine to direct visual attention, but here are the 3 most important ones:

  1. Contrast: Essentially, our attention tends to be drawn to areas of a website that have the brightest contrast. This is why, for example, a black-bordered, orange call-to-action button against a white background gets so much initial attention; this combination simply “pops out” at the viewer.
  2. Space: The more “white space” around an important element, the more it will stand out to a user. Like contrast, this may seem intuitive, but many landing pages don’t give the chance for the stars of their show to shine. The best way to make room for your important elements? Remove less urgent information, group them together, and move them aside.
  3. Placement: We tend to read landing pages like we would a book, starting at the top left corner and snaking our way down. For this reason, user attention is almost guaranteed to start in the top left and pause somewhere in the mid-centre-right of a landing page.

If your most important elements - What your page is about, Why the user should care, and Where they can go next - don’t take these features into account, chances are they will end up in a blind spot.

How to Find Blind Spots

So, how do you know if your call-to-action is hiding in the dark?

EyeQuant’s Perception Map takes the guesswork out of analysing your own work and understanding your users by precisely predicting user attention based on a complex list of features that direct user attention. Areas that are visible to a user within the first few seconds of visiting your page are highlighted, while any information which will be initially ignored remains in the shadows.

Take a look at two examples of car rental pages to see what we mean:

  • EyeQuant’s Perception Map of this Hertz Rental Car page shows that user attention immediately focuses on information at the top of the page, luckily including their logo, and a bit of copy about why their offer is great, but their CTA and search form are completely in the dark.

  • EyeQuant customer Sixt, meanwhile, have done an amazing job of making sure that none of their important information is hiding in a blind spot. Not only can the user immediately see what the company is about (“car rental since 1912), why Sixt is a great choice (“from $10.99/day” offer), and an attention grabbing green “Continue” CTA, but the unmessy search boxes stand out perfectly even against product images, conveniently hidden for further navigation below.

The Blind Leading the Blind

Building a landing page without a proper understanding of user attention can be a little bit like the blind leading the blind: You will be in the dark as to what your user sees and doesn’t see, and your user simply won’t be able to see what it is that you do, why they should care, and where they can go next if they like what they see. The result of this inability ends up looking a little like this painting by Bruegel:

So, what can you do? Use the technology available to you with EyeQuant to understand and accurately predict what a user will see - and what they will miss. We’re already performing this job for industry leaders like Google, Spotify, and Sixt, so why not take the chance to bring your landing page out of the dark - and start selling.

Image Credits:
Pieter Bruegel the Elder, The Blind Leading the Blind, 1568.
Philippe Halsman, Jean Cocteau, 1948.
Daniel Simons, Selective Attention Test, http://www.youtube.com/watch?v=vJG698U2Mvo, 2010. (www.theinvisiblegorilla.com)

Topics: CRO, UX, Design Strategy