5 Ways to Increase Your Website's Usability

1) Create clear call-to-actions that lead your visitors to measurable, tangible goals

Think of your website as sales tool that can be constantly and scientifically improved.  Every page that your visitors land on should have a call-to-action that leads them to the next step of your sales funnel.  For this to happen, you'll need predefined business (or conversion) goals.  Ex: generate a lead through an emailable contact form, through a trackable 1-800 number, etc..  Next, determine the natural steps that a user would follow to reach your goal.  Ex: Your natural user flow (also known as 'Sales Funnel') might look something like this: Home Page --> Services Page --> Contact Page.  On the Home Page, our call to action may read: "Learn About Our Services!"  The Services Page call-to-action may read "Contact Us For More Info."  And the Contact Page call-to-action may read: "Fill Out Our Form for a Free Quotation".  It's a very straightforward way of increasing your website's conversion ratio and overall usability.

2) Build an intuitive information architechture

Information architecture is often something that is overlooked in the development process of a website.  As a website is extended and more pages are added it becomes increasingly important to have a natural page hierarchy.  This will make your site more manageable for administrators and more usable for visitors.  Website's are often constructed with a 'flat' information architecture that makes it very difficult for both users and search engines to prioritize and categorize information.  A sound information architecture might look something like this:

  • Dogs
    • Labs
      • Black
      • Yellow
    • Spaniels
      • Cocker
      • English Springer
  • Cats
    • Tabbys
      • Ticked
      • Spotted
    • Siamese
      • Blue Point
      • Lynx Point

3) Create a sitemap

A sitemap is a very important tool that allows your visitors and search engines a birds-eye view of your site and all its pages.  Its valuable for your users because it allows them a direct path to the item their looking for.  They'll use your sitemap if they don't want to spend the time to learn your navigation structure to find what they want.  Its valuable for search engines because it gives their bots a direct route to every page.  This drastically increases the odds that every page of your site will be indexed.  Most content management systems (CMSs) have built in sitemap generator.  If you're not using a CMS, it would be well worth creating a sitemap manually (especially if your site was not built with search engine optimization best practices in mind).

4) Test thoroughly for cross-browser compatibility

While most website's are built with code that is forward-compatible on modern browsers, many are not built to be backwards compatible.  Those who visit your website will be using a wide array of internet browsers including some of the following: Internet Explorer 5.5, 6, 7, 8; Firefox 1, 2, 3; Opera 8, 9; Chrome 1,2,3; and Safari 1, 2, 3, 4.  Seems like a massive list considering that each of these browsers interpret your website's code differently.  In the best case scenario, your website should be tested on at least 5 or 6 of the most commonly used browsers.  This ensures that the large majority of your users are getting a consistent experience when navigating your site.  Browsershots.org is a fantastic resource for speeding up your cross-browser testing.

5) Utilize a well-known css (layout) framework

There are several frameworks available that are tested for there effectiveness in regard to usability and behavioral psychology.  Many are based upon the golden ratio which is considered to be naturally aesthetically pleasing and is found often in nature and geometric mathematics.  Using a css framework will ultimately increase the usability and overall conversion ratio of your site. An added benefit of using a framework is that it will save you plenty of time that was normally spend creating layouts.

A list of several well-know frameworks:
  1. Elements CSS Frameworks
  2. WYMstyle: a CSS framework
  3. YAML CSS Framework 
  4. YUI Grids CSS 
  5. Boilerplate CSS Framework
  6. Blueprint CSS
 

Comments

waggi Says:

Great post.

 

United States 3/5/2010 5:11:43 AM #

 

Add comment




  Country flag

biuquote
  • Comment
  • Preview
Loading



 
 
 

Articles

Powersite

Actionable Advice Newsletter

  • Name:
  • Email: