Web Usability: The Basics

What is web usability & why is it important?

Web usability is about making your website in such a way that your site users can find what they're looking for quickly and efficiently. A usable website can reap huge benefits on to your website and your business.

* Every £1 invested in improving your website's usability returns £10 to £100 (source: IBM)

* A web usability redesign can increase the sales/conversion rate by 100% (source: Jakob Nielson)

Your website has to be easy to navigate

Users have gradually become accustomed to particular layouts and phrases on the Internet, for example:

* Organisation logo is in the top-left corner and links back to the homepage

* The term 'About us' is used for organisation information

* Navigation is in the same place on each page and adjacent to the content

* Anything flashing or placed above the top logo is often an advertisement

* The term 'Shopping cart' is used for items you might wish to purchase

There are numerous other conventions like these that enhance your website's usability - can you think of some more?

Don't underestimate the importance of these conventions - as the Internet matures we're getting more and more used to things being a certain way. Break these conventions and you may be left with nothing but a website with poor usability and a handful of dissatisfied site visitors.

Pages must download quickly

Usability studies have shown that 8.6 seconds is the maximum time web users will wait for a page to download (source: Andrew B. King - Speed Up Your Site). As of March 2004 just 25% of UK web users had broadband (source: UK National Statistics) so it's essential for optimal usability that your website downloads quickly.

To speed up the download time of your website we recommend you do three things:

* Use CSS and not tables to lay out your web page

* Use CSS and not images to create fancy navigation items

* Read this article about how to speed up the download time of your web pages at http://www.webcredible.co.uk/speed

Information should be easy to retrieve

We read web pages in a different manner to the way we read printed matter. We generally don't read pages word-for-word - instead we scan. When we scan web pages certain items stand out:

* Headings

* Link text

* Bold text

* Bulleted lists

Did you notice that images were left out of that list? Contrary to the way in which we read printed matter, we see text before we see images on the Internet. For optimal website usability don't place important information in images as it might go unnoticed.

Restrictions must not be placed on users

Don't prevent your users from navigating through the Internet in the way that they want to. For example:

1. Every time a link is opened in a new window the back button is disabled. Approximately 60% of Web users employ the back button as their primary means of navigation (source: Usability Interface). If you do this then you're preventing 60% of your users from using their primary navigation - now that can't be good for usability.

2. Don't use frames to lay out your website. Frames can cause a number of usability problems, namely:

* Disabling the back button (see above)

* Bookmarking not possible

* Impossible to e-mail the link to someone else

* Problems with printing

* Users feel trapped if external links open in the same window

* Search engine optimisation issues

There are lots of other ways that websites can place restrictions on its users, ultimately damaging their usability - can you think of any more? Just think back to the last time a website really infuriated you - what annoying thing did it do to make you feel that way?

This article was written by Trenton Moss. He's crazy about web usability and accessibility - so crazy that he went and started his own web usability and accessibility consultancy ( Webcredible - http://www.webcredible.co.uk ) to help make the Internet a better place for everyone. They offer fantastic accessibility & CSS support packages, which you can read all about at http://www.webcredible.co.uk/support .

In The News:


pen paper and inkwell


cat break through


Building Your Website to Save You Money

Does your website make you any money? Does it SAVE... Read More

Breathe New Life Into Your Half-dead Website By Using Words That Sell

This article may come as a surprise to you.Especially since... Read More

Building Web Sites Using Web Templates

Gone are the days when you had to rely on... Read More

Why a Website Design Speaks Volumes About Your Company?

Whether a business has just got off the ground or... Read More

Quality Web Copy is the Key to Success

Many websites make the mistake of being all flash and... Read More

Has Your Design Firm Run Amuck With Your Web Site?

What's happening to good web site design? Somehow we creative... Read More

.htaccess to Mask Errors on Your Website

The .htaccess file is a control file located in your... Read More

Is Your Website Color As Inviting as Your Home? Does Color Really Matter?

We've all read the countless publications about effective web site... Read More

Dos and Donts in Web Design - part 2 (content)

Do know your audienceIt's important to know your audience. If... Read More

So You?re Hiring a Web Designer?You Have the Right to Demand these 7 Perks

Whether you're hiring a designer who has created 10 sites... Read More

Keep Your Navigation Simple!

Navigation must be simple. Since it's the backbone of your... Read More

Building a One-page Website

You've designed your logo, and you're ready to print your... Read More

Some File Naming Tricks for Your Online Home Based Business Web Pages

Conventional Wisdom states you should use Sub-Directories to organize your... Read More

Seven Habits of Highly Effective Webmasters

A highly effective website will always reflect its highly effective... Read More

Increase Your Website Sales Instantly

If there's one thing that I've learnt so far, it's... Read More

Maximising Web Site Viewability - Resolution

This is my second article on maximising web site viewability.... Read More

Website Basics

The Basics You have a flourishing business ? everything is... Read More

Why Dot-Coms Fail - a Webmasters Perspective

Everyday we hear that another company goes out of business.When... Read More

Meta Tags ? An Introduction

A long, long time ago? In a galaxy far, far... Read More

Website Design: Color Me Blue

Chris, a new consulting client, asked me to help him... Read More

You Had Me At the Search Engine

You've likely heard of the movie, Jerry Maguire, with its... Read More

Good Websites Stand Out From The Masses Of Boring, Hard To Travel Sites

Good websites stand out from the masses of boring, hard... Read More

Maximising Web Site Viewability - Browsers

With so many different configurations internet users have their computers... Read More

Top Ten Website Design Secrets for Internet Marketing Success

When it comes to marketing your website, you should really... Read More

Web Page Building for Beginners 2

A search engine robot actually reads the wording on your... Read More

Why Stock Photography is a Great Resource for Web Business

A picture is worth a thousand words.And it still is... Read More

How to Hire The Right Web Design Firm

Regardless whether you manage a small business, charitable organization, or... Read More

The Top 8 Website Sins Part Two

Sin #5Poor Spelling And GrammarWe all make mistakes when we... Read More

Web Design - 7 Key Things to Avoid

A search for "web design" on Google returns more than... Read More

To Flash, or Not to Flash

When considering whether or not to incorporate Flash into your... Read More

10 Things All Webmasters Should Know

Geared Up with a website and lots of energy to... Read More

You Need RSS, Atom, and ROR/RDF Codes on Your Website--Now You Need Google Sitemap as Well!

Do you have a website? If so, you need an... Read More

Website promotion Ideas: 10 Web Site Add-Ons To Increase Your Traffic

If you're not getting a lot of traffic to your... Read More