Web Design for Extremely Short Attention Spans

Wix
Wix.com
Published in
7 min readOct 2, 2018

Humankind’s ability to focus is not what it used to be. Experts are still deliberating on how bad the situation really is (there are alarming studies that point to an average attention span of only eight seconds!), but what does seem perfectly clear is that people of all ages are finding it increasingly difficult to sit put and focus their attention on one thing without taking a peak at their phone or being distracted by random things.

The average person’s decreasing attention span is going to play a big role in how you create a website. Why? Because you have less and less time to hook visitors into staying on your website and interacting with your content. From the moment they access your homepage, it’s a matter of seconds before they decide whether they stick around or move on.

Overcoming this problem is one of the greatest challenges on your path as a small business owner creating your website. But don’t worry, young Jedi. We created this guide to help you prepare your site for this day and age. Follow the steps to create a website that leverages short attention span to your advantage.

Plan the flow

Put yourself in the position of your site visitors. From the moment they first load the homepage to the moment they leave it, they will go through a particular path. If you can plan their flow of browsing through your website, you will be able to make it more efficient and satisfying. To do this well, you need to start by focusing on the ultimate goals that you want your site visitors to accomplish. If you’re an online store owner, completing purchases is a clear goal. If you run a blog, subscribing to your newsletter is an important one as well. Other significant goals include booking appointments, sharing your content on social media or filling out a contact form to request a price quote for your services. With the end goal in mind, start outlining the flow that would take site visitors from start to finish in the shortest, smoothest way. Here are a few improvements you could make:

  • Minimize the number of pages they need to visit before they can accomplish that goal.
  • Add clear Call To Actions [CTAs] to encourage direct action.
  • Remove or reduce content that seems redundant or could be distracting.

Optimize “above the scroll”

The term “above the scroll” refers to the section of your website that is immediately visible to site visitors, before they need to scroll further down. What happens there will be the first thing that greets visitors when they first load your website, which makes it highly important. This is your opportunity to make a lasting first impression.

Your mission is to design that first-encounter section in a way that captures your visitors’ attention immediately. With so much competition available online, this needs to be a love-at-first-sight moment. The “above the scroll” section should not just be beautiful, it needs to make sense. You want that section to achieve three goals:

  • Show what your site is about.
  • Inspire visitors to read more, search for products, browse your galleries, or whatever action corresponds to your ultimate goal.
  • Lastly, the “above the scroll” section should give visitors a clear idea of how to achieve these goals when they continue to browse.

Visualize information

Large bulks of text are guaranteed to drive your visitors away. Even professionals who deal with heavy amounts of text (like authors, academics or journalists) should avoid piling up paragraph over paragraph and consider more approachable modes of presentation, particularly visualization.

Visual information serves two purposes. First, it transmits information easily, and second, it really adds to your website’s aesthetics. You can visualize content in multiple forms, including introduction videos, statistical graphs and charts, before and after pictures, size and measurement illustrations or simple animations that explain action.

Fight the clutter

Don’t give your site visitors opportunities to get distracted. Keep your website tidy and spacious so they can focus on what really matters. It may seem tempting to squeeze in as much content as possible, but an overcrowded website is not just a design-fail, it will most definitely hurt your website’s performance.

An important term to mention here is “whitespace,” which in web design lingo basically refers to any portion of your website that doesn’t include any content. Even if this seems counterintuitive, whitespace is good. Great, even! It is the “empty” spots that really call attention to the content of your site. Make sure you use whitespace generously to make your website come to life.

Make the search easy

People arrive to your website looking for something. Unfortunately, the declining attention span of the human species means they won’t have the patience to look for too long. You can assist your visitors in finding what they need before they get too frustrated and look elsewhere by using some digital tricks. Here are some great ways to do that:

  • Integrate a ‘search bar’ to allow visitors find specific keywords throughout your website (choose from a variety of search apps available on the Wix App Market).
  • For an online store, you can add product filters to help clients focus their shopping experience.
  • Display a tag cloud on your blog, so readers can immediately find the articles they are most interested in.

Work on your colors

You’d be amazed to learn how colors can influence a website’s browsing experience. In addition to giving your website a gorgeous look, the site’s color scheme plays an important role in enhancing the layout and guiding visitors through your site. Here are just a couple of ideas for what you can with colors:

  • Draw visitors’ attention to specific items by accentuating them with colors.
  • Use shades and tones of the same colors to build a content hierarchy, so visitors know where to start and where to continue.
  • Make your texts more easily readable with a good contrast between background colors and text colors.
  • Use color psychology to create an atmosphere and get your site visitors in the right mood.

Start a chat to grab their attention

When visitors browse through your website with questions and can’t find the answers, they will most likely go look elsewhere. Use the Wix Chat feature to offer immediate responses and keep them hanging longer on your page.

With Wix Chat, you can even initiate the conversation yourself and ensure your visitors that you are there to assist them. You have full control on when the chat is visible to visitors, so that they don’t reach out when you are unavailable to answer immediately. The great thing is that you can operate Wix Chat directly from your phone, using Wix Mobile App, so you can communicate with site visitors even on the go.

Reduce loading speed

“Slow” is the worst thing you can say to a website owner. A slow website means less traffic, less conversions and as a result, less business. You can expect people to sit and wait while the screen is taking forever to load. Take action and reduce the site’s loading speed with these Steps:

  • Optimize images so they look great but don’t weigh your site down.
  • Divide your heavy files into separate pages, so they don’t all load together (for example, photographers can create separate gallery pages for commercial work, landscape, portraits, etc.).
  • Go easy on the use of animation. These cute little things can slow you down. For everything about using this enticing feature, check out our guide on how to add animation to your site.
  • For heavy content files like music or video, choose streaming rather than direct upload.

Test, and test some more

Once you have followed all the tips listed here, it’s time to put on the lab coat and do some testing. After all, if you want your website to overcome the attention span problem you need human subjects to experiment on.

Gather feedback from friends and family and hear what people have to say about the site’s user experience. Give them tasks to perform on your site and measure how long it takes to complete them. Run your tests on people with different levels of savviness, using different types of devices and browsers. The larger the sample you collect, the more prepared you will be to make improvements.

Ready to leave your mark on the web? Create a website with Wix!

Originally published at www.wix.com.

--

--

Wix
Wix.com

Online presence empowerer since 2006. Check out our publication >> medium.com/wix-com