When you go window shopping, how long do you glance at the displays before deciding whether to go in the store?
Ten seconds or less.
Your website is your online storefront.
Window shoppers form an opinion about your site in 0.05 seconds. 1/20th of a second!
Typically, they’ll spend two-to-ten seconds there before deciding whether to take a closer look or click away.
Look at your own website’s Home page for two seconds.
What’s the first thing that catches your attention?
If multiple elements compete for your attention and no single dominant element draws you in, it’s time to redesign your site.
Here are five more design blunders certain to send visitors to your site running the other direction:
1. Light Type on a Dark Background.
Reverse type — except when viewed on a billboard that contains five or fewer words — is challenging to read. Unless your site is geared to a teenage audience (where light type on a back background spells “extra” or “cool”), large blocks of reverse type spell “disaster.”
It’s okay to create contrast by including small graphic elements that contain reverse type, but do not display your primary content in white or light type.
2. Drop-Down or Pop-Out Menus.
Have you ever hovered over a navigation button and watched an additional set of buttons pop out the side? You carefully move your mouse to the side, and another set of buttons pops out. You attempt to click a button from the third row of pop-outs, but because you didn’t have your mouse positioned just so, the entire set of buttons disappears. Aaarrrrrgh!
Visitors to your site must be able to access any page in one or two clicks. Use drop-down menus sparingly, and clearly label them so visitors know what they’re going to get.
3. Burying Key Content Below the Fold.
You have a limited amount of space in which to put your website’s header, navigation buttons, Search form, e-newsletter form and RSS feed prompt.
And then there’s that important blog post or podcast episode you want to feature, or the video trailer for your upcoming book release.
Where do you put it all so visitors can see all the “good stuff” without having to scroll… and scroll… and scroll…
I recommending choosing 2-3 key elements to put above the fold (visitors won’t have to scroll to see them). Put the most important elements (such as your e-newsletter form) at the top and work your way down, placing the less critical elements below the fold.
If you have a cluttered home, you know exactly what I’m referring to. Stuff is randomly strewn into every nook and cranny.
It’s time to get rid of the junk, people!
Right now, look at each element on your website (especially the sidebar, which tends to sprout widgets like dandelions).
- Does this element serve an important purpose?
- Does the design and placement of this element enhance the other elements on the page?
- Will the visitor to my site miss it if it’s not there?
If you answer “no” to any of those questions, remove the element from your site. Immediately.
Color and type fonts can create clutter, as well. If your site features too many competing colors (as opposed to a pleasing-to-the-eye color scheme) and frilly fonts that were never intended to spend time together, it will be worth your investment to consult with a graphic designer who can help you pick out a color palette and fonts that work together.
5. Tiny, Fuzzy Images.
In my former life, I was a high school yearbook advisor. I can still hear myself telling my students, “Every 2-page spread has to include a dominant element – something that’s at least twice the size of every other element on the spread.”
And that dominant element is usually an image.
Why is it, then, that most websites and blogs brim with postage stamp-sized images?
“If I make the picture larger, it’ll be blurry,” you might respond.
If that’s the case, axe the picture altogether. The only thing worse than publishing a tiny, poor-quality image is publishing a large, poor-quality image.
There’s no excuse for publishing a poor-quality image. There are lots of great sites where you can buy (or download for free) royalty-free stock images. Check out my article, 25 Terrific Places to Find Free and Low-Cost Stock Photos.
Carefully-selected images will enhance – rather than detract from – your story. Not only that, images will help visitors remember you longer and connect with you more deeply.
Surf the web and find three websites that you think look terrific.
- When you first glance at the site, what jumps out at you?
- What colors do they use? (Often, we are drawn to particular colors.)
- How do they organize their content?
- How do they incorporate graphics and images?
- How easy is it to navigate the site?
- Are there any elements you don’t like?
Now show those same three sites to several people who you would identify as your “ideal target audience.” Ask them what they like and dislike about the sites.
Often, beauty is in the eye of the beholder. But as you collect input from several people, you’ll notice that several elements will resonate with everyone. Add those elements to the “must-have” list for your own site.
Free Website Page Planner
I have a free Website Page Planner that I think you’re going to love! Print it and use it to help you plan the visuals, headlines, text, and special features for every page of your website.
When creating a website, remember this rule of thumb:
FORM FOLLOWS FUNCTION.
You always want to plan the brand messaging and content (text, images, audio, video) BEFORE designing your site. Once the content for each page is in place, design your website so visitors can quickly and efficiently access and consume your content.
Grab your Website Page Planner now and get started!