How to get more customers from your site by passing this WEIRD TEST

Headshot of Abel haddis standing with arms crossed
Abel Haddis
Published on
March 17, 2024
Written by
Updated on
Abel Haddis
November 16, 2024

Introduction

Are you having a hard time figuring out how to get more customers? Did you spend thousands hiring a site developer with no real results to show? It’s not your fault! In the fast-paced digital world we live in, where attention spans are shrinking faster than ever, websites have mere seconds to captivate visitors and convince them to stay. It's a make-or-break moment, often determined by what's known as the "three-second test." 

Abel, what’s the three second test?

Picture this, you go on a site for the first time and in three seconds, you’re immediately hit with a bunch of info! Cluttered text everywhere, boring stock photos, and a generic header that says something like “We Give You Piece of Mind.” You don’t know what the site is about and what they sell, and you’re certainly not going to read that giant chunk of text in the “about” section to find out! So… you leave and go to the next site. 

As a site owner, if you showed someone a screenshot of your website and in three seconds they couldn’t tell you what you sell, you’re in big trouble… Let’s change that!

Why does the test matter?

According to Forbes Advisor, in 2023 61% of users reported leaving a website within 5 seconds if they couldn’t find what they were looking for. That’s a lot of lost traffic and customers if you ask me… Imagine you owned a restaurant and out of 100 people who came in, 61 just looked at the menu for three seconds and walked out. You’d be livid! Well, that’s exactly what’s happening with your site! 

People land on your page and look at the first fold (cover/hero section that spans the height of your screen when the page loads) and can’t find what they’re looking for. As a result, you lose out on potential customers and they have a bad user experience and go somewhere else and 88% don't come back.

This hurts conversions in the short and long term.

How sites fail the three second test

I’ve gone through probably 50-60 websites in the past week and most of them fail this test. Here’s a few to give you an idea of what one of these sites might look like.

Kuipers Law

I don’t know about you, but there’s no incentive for me to stay on this site! 

  • There’s no engaging image
  • No title explaining what they do
  • No paragraph explaining how they can help me
  • They don’t have a Call to Action button front and center letting me know what action to take

Now I know what you’re thinking, ‘Abel! Won’t people just read the services below the title to know what this business is about?” While they certainly can, you want to assume that people will not scroll to do so. The more work they have to do to find out about your services, the higher their chances of leaving the site.

Sunkiss pools

Although this site has a beautiful image that’s pleasing to look at, they also fail this test for several reasons! Can you spot them? 

  • They don’t have a title, at least not a visible one anyway. You have to click the barely-visible button which is horrible for conversions!
  • There is no short paragraph summarizing how they can help me
  • No CTA button 
  • I can barely make out the content on the navbar which hurts accessibility and SEO
  • They use a slider to show different images and content which is a very bad idea. While it looks aesthetically pleasing, only 1.07% of users click on a slider according to a study done by the University of Notre Dame
  • People will assume there’s no content past the image and leave the site. A phenomenon caused by the illusion of completeness. Normally, this would be fine if the first fold had conversion-optimized content

Cognitive load

Conversions aside, have you ever visited a site and just felt overwhelmed and immediately clicked off? That’s because you just experienced a lot of cognitive load which fatigued your brian. Now, what is cognitive load?

The Medical College of Wisconsin defines cognitive load as the amount of information your brain can process at any given time 

Here’s an example of a site with very high cognitive load

Craigslist 

Bet you can’t tell me what this site is about in three seconds huh? You probably already left in two! The information is condensed and all over the place. You’d have to at least spend 15 seconds just to even start understanding what to do on the site. I bet Amazon is looking pretty tempting now. 

This is what’s happening to your site! People land on your page and go ‘oh boy, that’s a lot of info…” and resistance kicks in. Their brains start to hurt and they feel intimidated. What do they do as a result? You guessed it! they click off and go to the website that kept it simple and ultimately buy their products and not yours. 

How can we fix this?

How to PASS the three second test

Passing the three second test is actually super simple and just requires you to make a few changes to your site. I bet you’re probably starting to figure out what they are by now.

Establishing WHO you are

This is pretty simple to do, you just need to make sure you have a clear and visible logo in your navigation bar. 

Website standards typically recommend the following:

  • Have the logo  on the top left of your screen
  • Link back to your home page when clicking the logo

Addressing WHAT you do in your title

As you saw in the above examples, the two sites had poor titles which painted a vivid picture of what services that business provided. 

In your title, you should answer the following:

  • Who you are
  • Who you help
  • What you do/results you deliver
  • Where you’re located

For example, a title like “The Arizona law firm that helps big businesses avoid millions in lawsuits” answers all 4 questions perfectly and will do better with SEO. Something like “We fight for your business” is very vague. Who is “we”? What kind of businesses? What kind of fight? Are you in Arizona? In the U.S.? I, as the user, I have to do more thinking instead of more buying!

Answering HOW you can help people

Your title is what catches the interest of your users but it’s a good idea to include a quick summary of your services and how they deliver results to your customers to really hook them in. 

You want this paragraph to fit the following:

  • Clearly explains how you can help your customers
  • No more than three sentences in length
  • Easy to skim for the main idea
  • Easy to understand 
  • Placed below your heading
  • Is visible! 

Too many times, I often see sites that don’t have this paragraph, or it’s too long, super vague, and worst of all, has poor contrast with no accessibility whatsoever. A way to get around contrast, is adding a dark overlay to your image/video in the first fold and make the text a lighter color.

Have a CTA button front and center

If your CTA button is not clear, visible, or enticing enough to click, then you might as well kiss your chances of getting conversions and more customers goodbye! 

Every CTA button should have the following:

  • A clear and enticing message telling the users what action to take
  • A bright background color, ideally a color different from your main site color, which makes the button stand out
  • A dark background color when you hover over the button
  • Text color that has a sharp contrast to the background color and inverts colors when you hover over the button
  • Button is positioned below your summary paragraph

Use a simple yet engaging video for your background image

This is one that’s not utilized enough by websites but can bring up your conversions like crazy! Think about it. You go on a site and you’re about to click off but then a cool animation or video of the company plays and you can’t help but watch. Now, you’re more tempted to look at the title and even scroll to look for more engaging content. According to Forbes Advisor, 88% of users spend more time on a page if they see a video, which means more potential conversions and customers for you! 

A good video 

  • Is simple. A video with a lot going on distracts the user or makes it hard to read the title and summary paragraph
  • Has an overlay on top to increase contrast
  • Is engaging and interesting 
  • Highlights who you are and what services you provide
  • Doesn’t have audio
  • Plays automatically when the page loads

Have a clear and short navbar

Navbars are pretty simple and if you follow common website development standards, you can’t mess it up. Yet… some do! Certain sites make theirs too tall like the Kuipers Law example which wastes precious fold space that they could be using to hold user attention. Others like Sunkiss Pools have transparent ones that are hard to see, and some have their links cluttered everywhere in the navbar. 

Here’s some guidelines I recommend

  • Place your logo on the left side and don’t make it gigantic
  • Place your nav links to the right and give them conventional names like “About” and “Services”
  • Have a CTA button on the right side that looks the same as your CTA button below the summary paragraph

Don’t over animate your first fold

I know I know. Animations are fun and it can be tempting to overdo it, but that can be the difference between $$$ and a site that doesn’t generate leads. Why? Several reasons actually: 

  • The more animations you have, the longer it takes for your site to load which results in 40% of your audience leaving if the site takes more than three seconds to load (different from our test)
  • Slow/long-duration animations eat away at the three seconds you have to grab the attention of the user. I don’t want to wait 10+ seconds for your title, paragraph, and button to slide in!

Keep animations simple and very quick.

Examples of sites that PASS the three second test

Here’s a good example of a website with a great title that was designed by The Website Architect

Smarter German 

When you look at this site for three seconds, can you tell me immediately what they do? Of course you can! They hit the nail on the head! Their title answers all four questions:

  • Who are they? Smarter German, an online tutoring company
  • Who do they help? People who are serious about learning German
  • What results/services do they deliver? Teaching people the German language
  • Where are they located? Online

They also have a summary paragraph describing how they can help people wanting to learn German and even took it one step further by adding a list of services they provide. In addition, they have a big bright CTA button which grabs your attention with their well-written CTA. The navbar follows web design standards and although the illusion of completeness is present, people already have all the necessary information to make a purchase. They don’t need to scroll.

Shameless plug, but here is my portfolio site as another example

Panther Tech Industries

Again, can you tell what I do in three seconds? Not to brag… but yes you can! 

  • Who am I? Panther Tech Industries
  • Who do I help? The businesses of Tempe, Arizona
  • What results/services do I deliver? Elegant websites that increase revenue for these businesses 
  • Where am I located? Tempe, Arizona (although I don’t directly state that)

My summary paragraph is kinda long but I wrote it in a way that can be easily skimmed and give you the main idea that I build websites without you having to spend a bunch of time reading. You can also see that I have a clear CTA button below my paragraph and in the navbar so people know what action to take. My navbar also follows web standards. Lastly, I don’t have the illusion of completeness going on because my work is on the first fold which let’s users know “hey there’s more! Scroll.” I don’t have a video at the moment, but that is certainly something I plan on adding in the future. 

Abel, how do I know my site passes the three second test?

When we look at and assess the content of our own site, we can often be biased and too close to what we are selling. We sometimes think we have the perfect copy and headlines when in reality, no one has a clue as to what we do/sell. If you want to pass this test, all you have to do is show people who are unfamiliar with your site a screenshot of the first fold and ask them “what do I do or sell?” 

If they can give you an answer that accurately sums up your offer then you are all good! If they can’t… well it’s back to the drawing board for your headlines and copy. 

Conclusion

Whew! That was quite a bit of information but I hope you’re starting to understand what the three second test is and why it’s important, but just in case, let’s recap!

  • Your site is losing conversions because it fails to capture users’ attention
  • The three second test is a test where people need to know what you do/sell by three seconds or else they leave
  • Most sites fail this test because of:
    • Poor headlines and copy
    • No clear Call To Action button
    • High cognitive load
    • Content that is not engaging
  • You can pas the test by:
    • Answering who, what, how and where of your company in your headlines
    • Including a short summary of your services below your headline and how it can help your customers
    • Having a clear CTA button 
    • Following web design standards for navbars 
    • Using engaging videos for the first fold

If you follow these guidelines for your website then you should see an improvement in your conversions over time. People will actually stick around long enough to learn and become interested in your offer. As a result, you get more customers and you guessed it… MORE $$$!