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 .

---

Small Business Website Design - How to Get Professional Results on a Shoestring Budget

Just because you are a small business with an even... Read More

One-Product Sales Sites: Avoid These Top Blunders

One product, one long web page: this kind of web... Read More

To Hire or Not to Hire a Website Designer

In the early years of the internet the actual design... Read More

Ten Fatal Mistakes That Make Web Sites Stink

Since you'll spend lots of time and money to create... Read More

Web Templates: Replacing Designers?

I've seen articles (and websites) that suggest you can buy... Read More

Use Feng Shui Techniques To Design a Harmonic Website For Your Business

By following feng shui guidelines and techniques, you can build... Read More

Ten Tips For Your Web Site Home Page

1. Loading time:try to be below 20kbless number of imagesspecify... Read More

Free Web Design Advice

In this article I will give advice and tips of... Read More

Imitation, The Smartest Form Of Flattery

Unless you are an inventor, most likely you are selling... Read More

Is a Web Site Builder Right for You?

A web site builder can be a real life saver... Read More

So Much About META Tags!

I've written about META tags in the past, and I... Read More

Developing Your Winning Web Site Strategy

Your web site is the key to your success on... Read More

Keep Your Navigation Simple!

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

Be Inspired to Create Better Websites

Being a writer, when I was asked to do some... Read More

A Landing Page is Not an Order Page (and why it matters)

To explain my point I need to first confuse the... Read More

How to Hire a Web Designer/Programmer for Your Website

Hire a designer or a programmer for your website is... Read More

Color and Web Design

Color is one of the most important but least understood... Read More

Give Your Web Site a Small Business Marketing Tune Up

Your web site is like your car. Both are significant... Read More

How to Make the Online Sales Copy for Your Website More Conversational

It has been said that the best online sales copy... Read More

Why Ugly Sites Sell More Than Pretty Ones

What the heck is going on lately? Most internet websites... Read More

Website Checklist

10 Basic Things Your Website Should Have ...__ all short... Read More

Web Design Advice And Information

Most of us at times need advice on different aspects... Read More

What Is Your Websites Most Wanted Response?

You spend time and money promoting your website; but what... Read More

Your Graphics- Are They Really Working For You?

(Making Your Graphics Work For You)It's no secret that a... Read More

Differences between XP Icons and MAC Icons

The icons in an application are the soul of the... Read More

Usability and Considerate Design

I hate to imagine that in your web development project... Read More

Web Design for Ecommerce

Your website is your tool for showing the online community... Read More

Top Ten Fonts for Website Design

The top ten fonts for website design might change in... Read More

Excellently Constructed Websites

Want to see an excellently constructed website? As a writer... Read More

File Types For Icons Explained

An application is not ready for use unless you have... Read More

6 Design Flaws Newbie Web Designers Make: Fool Everyone Into Thinking You Know What Youre Doing

Even if you're not an accomplished webmaster you can still... Read More

Marketing Basics for the Webmaster

What is the relationship between Marketing and Web designing? How... Read More

Why Web Pages Appear in the Wrong Location after Uploading to my Website?

If your are a new web designer, you may face... Read More