8 Things That Grab and Hold Website Visitor’s Attention

8 Things That Grab and Hold Website Visitor's Attention

We live in a world of short attention spans. Attention span is the amount of time that a person can concentrate on a task without becoming distracted.

Since that task can be learning about your product, figuring out if your service is right for them – it’s *kind of* important. So you need to learn how to grab and hold website visitor’s attention.

You want your prospects to browse your site and follow the flow towards an action (signup, purchase). The more you can sustain the visitor’s attention, the higher the chances they will convert.

Filters in our brain: what our mind pays attention to

One of the key parts of the brain which focuses attention is the Reticular Activating System (RAS).

RAS is best known as a filter because it sorts out what is important information that needs to be paid attention to and what is unimportant and can be ignored. Without this filter, we would all be over stimulated and distracted by noises from our environment around us.

Because it subconsciously monitors all sensory information in the environment around you, it notices any changes in that stimuli. Besides alerting the cerebrum to any changes in the environment, the RAS also sends signals that have to do with:

  • Physical need. When we’re hungry and we see food, we pay attention. We wake up in the night when we need to go to the bathroom.
  • Self-made choice. We decided to buy a new BMW 325 and suddenly see them everywhere. This effect is also called priming.
  • Your name. We notice the name dearest to us.
  • Emotion. If something evokes an emotion in us, they have our attention.
  • Contrast. We pay more attention to things that are in contrast to other things.
  • Novelty. The brain pays more attention to things in the environment that are new to a person’s experience.
Here’s how to grab and hold attention, and how to design your websites for short attention spans.

1. Novelty keeps you going

Neuroscientists say novelty promotes information transmission.

Our minds seems to gravitate toward novelty. Not only does a novel experience seem to capture our attention, it appears to be an essential need of the mind.

Novel means unknown, and what is unknown demands attention of our brain. Once the new thing is known and understood, then we look to find another unknown to master.

In order to keep your website visitor’s attention sustained, you need to present novelty every second.

Compare these 2 pages:

Page 1:

Page 2:

Which one was more interesting to look at? Which page captured more of your attention?

(The first image was my creation for this post , second one actual screenshot of Giftrocket). 

No doubt about it, right? The latter version had much more novelty, and hence kept our attention much better.

Text-heavy pages

If you have text-heavy content you want users to read – like a long form sales copy – you have to use novelty to keep their attention and get as many people as possible to read it.

Here’s an excerpt from a text-heavy long form salescopy:

Once a visitor arrives on the page and starts reading, the novelty factor disappears within seconds. It’s all the same, in uniform style. Boooring!

What can we do to improve the novelty factor here? How could we spice it up to improve the attention it will gain?

Check out a simple makeover:

Small changes in background color, text positioning and added images make the whole thing more interesting to go through, resulting in increase in sustained attention.

Different trumps the same

Our brain pays close attention to patterns, and quickly learns to ignore anything that is routine, repetitive, predictable, or just plain boring.

Finding changes in the patterns used to be about life and death (noticing enemies or animals in the distance, changes on the horizon). Now the same trait ensures people will ignore sameness and pay attention to different.

2. Demonstrate contrast

The brain pays more attention to things that are in contrast to other things in the environment or to things that are in contrast to what came before. This is another evolutionary trait in humans.

The old brain – the part of the brain that decides – seeks clear contrast in order to make instant decisions and avoid confusion that results in delayed decisions

You can use it to get people to pay attention to your product by demonstrating its benefits in a before-and-after format:

You’ve seen this before. It works. It doesn’t have to be about fitness, it can be any kind of transformation: wealth, conversion rates, traffic, beauty, size of this or that, cleanliness, remodeling, whatever.

From the book Neuromarketing: “…the old brain is wired to pay attention to disruptions or changes” such as before/after, risky/safe, with/without, and fast/slow. Therefore, to get the old brain’s attention, create contrast and avoid things like neutral statements that dull contrast.

Try to come up with a way you could use contrast to prove your product promise. If you do, attention follows.

3. Inspire emotion

Create emotions in people and you’ve got their attention.

Shock is one of oldest tricks in the advertisers’ playbook. When you get people to feel something (anything), they not only pay attention to your message (or visual), but also remember it.

Think back to your last 12 months. Which things do you remember the most? My money is on the events where you felt the most emotion.

Of course, emotion doesn’t have to be about sex, shock and scandal like this Tom Ford ad.

Emotion drives attention which drives learning.

Robert Sylwester, A Celebration of Neurons (1995)

You can reinforce most messages with an emotional image, and an emotional copy to go with it.

This ad here definitely evoked some emotions in me:

Image credit

Pack some emotion in your visuals and copy, and people will pay more attention to your stuff.

4. Present information in a logical, sequential pattern

John Medina, the author of Brain Rules, says this: “The brain naturally focuses on concepts sequentially one at a time.”

How you structure the content on your pages matters. Start with a clear introduction to explain what it’s all about (value proposition promise), followed with the body of your presentation (sales copy) and finish with a conclusion, direct your audience to what’s next (call to action).

The sequential flow makes it much easier for your audience to follow and keep their attention. When the text is unclear, too complex or disjointed your audience has to work hard to make sense of it. This is when they start to switch off.

All in all people are unable to focus on something for more than 10 minutes at a time. You need to close the sale before that (or do something emotionally relevant at each 10-minute mark to regain attention).

5. “There is no such thing as an attention span. There is only the quality of what you are viewing.”

This is a quote by Jerry Seinfeld. It goes on like this “This whole idea of an attention span is, I think, a misnomer. People have an infinite attention span if you are entertaining them.”

I believe he’s right on the money. If the content or the way you present it suck, no attention span trick will help you.

People are generally capable of a longer attention span when they are doing something that they find enjoyable or intrinsically motivating – says Wikipedia. This just confirms what Seinfeld said.

Relevancy is everything. The interests and/or needs of the prospect need to match your offering, your content. Your presentation style needs to be entertaining  and fun enough to sustain the attention. Everything else is secondary.

People don’t pay attention to boring things. Put yourself in your customer’s shoes and ask “what’s in it for me?” for everything in your home page and sales pages.

Photo by Alan Light

6. People don’t read, but scan. Plan accordingly

We know that people don’t read everything on our website. There’s no way of making them either.

What you can do is enable them to scan better, so they’d be able to grab the most important parts quickly.

How? F-patterns.

Eyetracking visualizations show that users often read website content in an F-shaped pattern: two horizontal stripes followed by a vertical stripe.

How to design for F-patterns? Read here.

Image credit

7. Show examples

The phrase “let me show you what I mean” is one of the best ways to get your point across when trying to explain something. It rivets attention in expectation of visual relevance, something the brain appreciates very much.

Without concrete experience, the information may have little meaning no matter how much someone explains it to you.

 Patricia Wolfe, Brain Matters (2001)

When evaluating a product or a service, people’s brain is working to understand and make conclusions, come to a decision. Imagery is a superb way to demonstrate something and to provide answers to the questions your brain is asking.

The decision making part of our brain is the “old brain“. The old brain prefers visual stimuli which are processed faster than words and concepts. This is why you should provide visual examples to what you explain in words.

Interested to learn more? Read this book.

8. Website speed matters

Make your site fast. Period.

Even a few seconds’ delay is enough to create an unpleasant user experience. Instead of focusing on your content, they’re consciously annoyed by having to wait for your site to load.

Usability guru Jakob Nielsen states that 0.1 second site load gives the feeling of instantaneous response. 1 second keeps the user’s flow of thought seamless. Users can sense a delay, but they still feel in control of the overall experience. A 10-second delay will often make users leave a site immediately.

Use Pingdom to measure your site load speed.

Firefox noticed that when their site loaded 1 second slower, they got a decrease in conversions by 2.7%Bing and Google found that a delay as small as 0.4 seconds reduced people’s usage of those sites – on that visit and in future visits. Amazon reported that 100ms increase in speed equals 1% revenue increase.

How to make your site faster

Bonus: Red lips grab men’s attention

Marketing to men? Show red lips to grab their attention, says this research.

Manchester University carried out the research by tracking the eye moments of 50 men as they were presented with images of different women.

The research concluded that if women wore lipstick, the men gazed at their lips for an average of seven seconds. Research further showed, he would spend just 0.95 seconds looking at their eyes and 0.85 seconds studying their hair.

Image credit

Final questions

Think about your attention.

Did you really read the whole thing in one go? How much did you skip? What else did you do while reading this article? Did you stare at Scarlett’s lips as long as you spent reading the article?

Related Posts

Join 95,000+ analysts, optimizers, digital marketers, and UX practitioners on our list

Emails once or twice a week on growth and optimization.

  • This field is for validation purposes and should be left unchanged.

Join the Conversation Add Your Comment

  1. Thank you for this useful information. Obviously it took a lot of research to come up with the facts.

  2. Great post. I didn’t know that such things are very much important in web design. Thanks again.

  3. Very educational. Thanks for putting it up.
    I scanned first time and saw that “there is something for me here”.
    I read the whole thing from the start there after.

    Great compilation and you have presented what you have preached precisely on this page!

    Yes, the Lips Sell. Got my stare.

    You know most people are beautiful when they live an organic life, it is all those things that the artificial world generates that alters peoples images of themselves.

    Fast food, too long hours of work, not enough time to give yourself the good things.

    Have a great day!

  4. papillio birkenstock

Comments are closed.

Current article:

8 Things That Grab and Hold Website Visitor’s Attention