Top 5 Web Design Mistakes Small Businesses Make

This post originally appeared on the American Express OPEN Forum, where Mashable regularly contributes articles about leveraging social media and technology in small business.

If you’re a small business owner, your website is the central hub of your company, and it’s a pivotal part of your marketing and branding.

Potential customers visit your site specifically for its content, meaning its appearance and usability are critical to its success and how those users view your company. However, getting your web design wrong can have a negative impact on your business.

Here are 5 common web design mistakes you must avoid to create a great user experience and grow your bottom line.


1. Poor Navigation


Many small businesses fail to make navigation a priority, but without careful attention to how people navigate your site, you could unintentionally be creating a frustrating experience for any potential visitor. People visit your site for specific information, and if they cannot find it they will quickly go elsewhere, leaving with the impression that your business is disorganized in more than just its website.

A good navigation structure should be seamless and will keep visitors on your site longer, which means potentially more readers, subscribers, sales or leads — whichever is your primary objective.

Website navigation affects both usability and accessibility, so it’s important to make it a primary concern. Most websites and blogs use common navigational techniques that are expected by the average visitor. The pages and sections of the site should be easy and logical for visitors to maneuver. Don’t make your visitors think about how to navigate your site; it should be effortless and natural.

There are several principles you can follow to create an effective navigation structure:

  • Use icons to aid navigation. They’re both visually appealing and easy to use and understand.
  • Create logical groups of related links, with the most important links on the top-level navigation bar and functional (dashboard, account, settings, etc.) and legal (copyright, privacy, terms) located elsewhere.
  • Provide location information so users know where they are on any given page and how to proceed to another area of the website. This can be achieved by using Breadcrumb navigation.

2. No Clear Calls To Action


The fundamental error of many small business websites is the lack of a clear call to action. We’ve all seen bland small-business brochure websites with nothing but endless descriptive paragraphs. If you aren’t leading users to commit to an action (buy a product, contact you or subscribe, for example), then you are losing them.

Driving traffic to your website is important, but that traffic is useless if your primary call to action is a plain “click here” link buried in a sea of text. Call-to-action buttons are a great way to grab the user’s attention, and these buttons can be the key to higher conversions. Investing time and consideration into creating successful calls to action can help guide users and address their needs while achieving your own business goals.

It’s important to keep the following best practices in mind when creating an optimal call to action:

  • The design of a call to action can be broken down into 4 simple elements — size, shape, color, and position. Each plays a vital part in determining how effective the call to action is in directing the user.
  • Don’t make your users work or think, or they’ll leave. It’s not that they aren’t smart, it’s that they want access to information quickly without spending unnecessary time searching for it.
  • Don’t overdo it with multiple, competing calls to action on every page. Decide what your primary target is and then define a clear objective per page. Your content should have answered, “What’s in it for me?” and your call to action should now answer, “What do I do now?”

3. Color & Contrast


Color and contrast aren’t usually high up on the list of priorities for a small business owner when it comes to creating a website. But it should be, because if your website text does not have sufficient contrast compared to its background, people will have difficulty reading your content, especially people with poor vision or color-blindness.

Aside from plain readability, color and contrast are important because they can be used to create visual interest and direct the attention of the user. It can equally be effective in organizing and defining the flow and hierarchy of a page, and it’s therefore an essential principle to pay attention to during the design process. Here are some tips:

  • Using a free a Color Contrast tool (which conforms to accepted standards) you can easily check to see how the contrast on your website measures up.
  • Research how major sites use color and contrast to improve readability and highlight specific sections, and use this knowledge to experiment with color schemes.
  • One of best ways to enhance contrast is by creating size differences between elements, making some things appear larger than others. This works especially well within a minimal color scheme, and it means you don’t have to necessarily rely on color.

4. Content, Content, Content


People visit your website for its content, and how that is structured is a huge factor in its success or failure. Unfortunately, an overwhelming number of small businesses get so caught up in overloading the user with information that they overlook how that information is presented.

Most people do not read unless it’s absolutely necessary, and they prefer to scan through information quickly to get to the points of interest. This is why it’s so important to establish a strong visual content hierarchy so users can quickly scan your site and sifting through relevant information. A logical content hierarchy also acts as a guide through each page and creates a more enjoyable user experience.

So when focusing on your content, it’s best to keep in mind these three tips:

  • White space is possibly the most important factor to consider. It will allow the user to focus on the meaningful content within each section.
  • Break up lengthy pieces of information into digestible blocks of text, utilizing headings, sub-headings, bullets, blockquotes and paragraphs.
  • Readable content is important, so use a good line height that is large enough to make content scannable. Margins and letter spacing also need to be taken into consideration.

When talking about content, spelling and grammar cannot be underestimated.


5. Clutter


We all know at least one small business website that seems to include everything but the proverbial kitchen sink. Many small business owners tend to cram as much as they can onto a single page — the end result is a busy, cluttered and unreadable page.

The more extraneous items there are on a web page, the more unprofessional it looks, and it becomes overwhelming, confusing and distracting for the user. A cluttered website will also affect traffic because visitors won’t return if they can’t understand or follow the content, which leads to low traffic, a high bounce rate and possibly a poor Page Rank.

Clutter also applies to images. Too many can be a huge distraction and just plain annoying. Images should be used to illustrate, capture attention and guide the user where required.

Follow these guidelines for a more streamlined visitor experience:

  • Challenge every item on each page and ask, “Does it really need to be there? Does it serve a specific purpose? Can I live without it?”
  • The key is to aid the visitor in finding the information they’re looking for, so make sure to differentiate between areas of content, advertisements and promotions.
  • Prioritize your content and decide what is the most important to your visitor and potential customer — and sell it well.

Even the greatest content can become lost in a mess of words and graphics, so de-cluttering is essential.

These are just five web design mistakes that many small businesses make. What other mistakes have you noticed on small business websites?


Interested in more Business resources? Check out Mashable Explore, a new way to discover information on your favorite Mashable topics.

Image courtesy of iStockphoto, RBFried

Print Story Email Story

More Stories in Business & Marketing

Top Related Stories

  • http://twitter.com/bcwebmedia BCWebMedia

    Awesome list – I see so many businesses suffering because of website design. You did miss a couple, though…

    Updated design is very important. Looking like you designed your website in Frontpage circa 1998 probably isn’t the image you want to project with your company, so keep it current and updated. For inspiration, search Google for “web 2.0 website design” – get a feel for the colours and shapes a web 2.0 design would use.

    Second, make sure you actually know what you’re doing with your website. What is its purpose? Where does it fit into your marketing plan? It will help you shape it and define it, making the website itself more effective. I wrote a blog post about using your identity to make marketing decisions here : http://nblo.gs/guGR7 – All you have to do is ask yourself three simple questions.

    Great post! I’ll be keeping this one on file to share :)

  • http://twitter.com/shikeb Shikeb Ali

    Follow these guidelines for a more streamlined visitor experience:

    1>> * Challenge every item on each page and ask, “Does it really need to be there? Does it serve a specific purpose? Can I live without it?”
    2 >>* The key is to aid the visitor in finding the information they’re looking for, so make sure to differentiate between areas of content, advertisements and promotions.
    3>> * Prioritize your content and decide what is the most important to your visitor and potential customer — and sell it well.

    I think the first and last points are unintentionally fall same, when you talk about the items on the page it includes the content it self, so they are quite similar in nature.

    Apart that, the rest of the article is ‘awesome’, its really feel nice when you learn something new.

    Thanks.

  • http://profiles.google.com/leawhite2109 Lea White

    Must say that quite a few things annoy me with websites – but not always small businesses, sometimes big companies make same mistakes.

    I hate it when it starts with a flash animation. I ALWAYS click on the “skip this intro”.
    I also hate it when there are images with some areas highlighted to “prompt” you to click on it to access some parts of the site.
    Websites with music that starts as you open it. Especially when you are on the phone to somebody and didn’t realise your volume turned all the way up for some reason.
    Annoying icons that follow you on screen as you scroll down.
    Bold red text in the middle of a paragraph.
    Endlessly long paragraphs.
    When you want to contact them to ask a question and it then first pops up with hundreds of possible “answers to your questions” and before you’re finally able to send them an email.
    Grammar and spelling mistakes.
    People who did not do a thorough check on their template and it actually looks incredibly unprofessional.

  • http://profiles.google.com/leawhite2109 Lea White

    Must say that quite a few things annoy me with websites – but not always small businesses, sometimes big companies make same mistakes.

    I hate it when it starts with a flash animation. I ALWAYS click on the “skip this intro”.
    I also hate it when there are images with some areas highlighted to “prompt” you to click on it to access some parts of the site.
    Websites with music that starts as you open it. Especially when you are on the phone to somebody and didn’t realise your volume turned all the way up for some reason.
    Annoying icons that follow you on screen as you scroll down.
    Bold red text in the middle of a paragraph.
    Endlessly long paragraphs.
    When you want to contact them to ask a question and it then first pops up with hundreds of possible “answers to your questions” and before you’re finally able to send them an email.
    Grammar and spelling mistakes.
    People who did not do a thorough check on their template and it actually looks incredibly unprofessional.

  • http://twitter.com/marketing4yrbiz localonlinemarketing

    I thought it ironic at point number 5…..”Clutter” when Mashable is so cluttered and I don’t believe has gotten to the point of being called big business! lol…still, I will keep coming here.

    Coach Ron

  • http://profiles.google.com/doncadora Don Cadora

    Great list. I’m going to try to put it to work though I’m not a web designer. But I’ve been doing some marketing work with http://www.PaxtonGate.com. We’re trying to improve the site. Any suggestions?

  • http://www.facebook.com/people/Greg-Gross/500014741 Greg Gross

    I once had an exec tell me that “clutter is not necessarily a bad thing” on a site. Incredible. Just incredible.

  • Anthony Bynoe

    You just perfectly described all that’s wrong with Gawker’s sites latest redesign.

  • http://twitter.com/setsocialdotcom SetSocial

    Great suggestions. I’m starting a new website and think I’m guilty of a few of these. My excuse is that I’m a Developer and not a Designer. Any feedback or suggestions would be great. http://www.setsocial.com

  • http://webdesigndegrees.org/top-5-web-design-mistakes-small-businesses-make-mashable.htm Top 5 Web Design Mistakes Small Businesses Make – Mashable

    [...] Top 5 Web Design Mistakes Small Businesses MakeMashableHowever getting it wrong in terms of your web design can have a very negative impact on your business. Here are 5 common web design mistakes you must avoid in order to create a great user experience and grow your bottom line. Many small businesses fail … [...]

  • http://www.keepstream.com/ Tim Gasper

    So so true. I think especially in the case of companies contracting out to designers – often designers know how to make vastly improved websites but businesses create obstacles for good design. They need to do a better job of getting out of the way of designers and let them make their site good… change can be a good thing!

  • http://keeganrush.wordpress.com/2011/04/11/blog-post-11-am-i-prone-to-web-design-mistakes/ Blog Post 11: Am I Prone to Web Design Mistakes? | keeganrush- WEB 285

    [...] had a pretty great article on the Top 5 Web Design mistakes that small businesses make. As somebody who pays their rent from their personal websites and web design work, I wonder if I am [...]

  • Anonymous

    Relevant to Flash intros: #7 on http://theoatmeal.com/comics/websites_stop

  • http://bjconquest.com/2011/04/10/top-5-web-design-mistakes-small-businesses-make/ Top 5 Web Design Mistakes Small Businesses Make | Accounting and Small Business /Beverly Shares

    [...] Top 5 Web Design Mistakes Small Businesses Make From [...]

  • Anonymous

    Wow, OK that makes a LOT of sense dude, good stuff.
    being-anon.int.tc

  • http://ctndigital.com Jeff J

    the worst enemy of great webdesign is…
    the client.

  • Anonymous

    True that. I would also say VIDEO is an important tool to utilize.

  • Anonymous

    I enjoy this advice. What do you think of my web design attempt http://www.kirksmillscrafts.com

  • Anonymous

    Very nice article…I did more mistakes..but i dont know to solve that one…this article is very helpful to me..thanks for sharing the good article…can you please explain more about clutter?

  • Anonymous

    I enjoy this advice. What do you think of my web design? http://www.kirksmillscrafts.com

  • Anonymous

    Can your homepage be more streamlined? Too much info in my opinion

blog comments powered by Disqus