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 .

---

Tips On Effectively Organizing Your Navigation

Not all links are created equal.While all of your links... Read More

What to Avoid to Make Your Website Design Effective

The effective design is this one, which is maximum simplified,... Read More

8 Tips for Designing a Great Website

Square buttons, round buttons, flashy buttons ? will they match... Read More

6 Reasons Why Using Flash is a BIG Mistake

Most web designers and web design companies will try to... Read More

Some Useful Common Site Ideas

In my web surfing adventures, I've found a few site... Read More

Getting Along With Your Web Designer

You're all ready to get started creating your web presence... Read More

Why Hire a Professional to Design Your Web Site?

Creating an appealing, functional, and effective Web site is much... Read More

Meta Tags ? An Introduction

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

Learn the Truth about Your Web Design Company by Its Portfolio

When you start building your online business and search for... Read More

Ten Steps to a Winning Home Page

There's no doubt about it - the first page your... Read More

Basic Graphic Design

Wether you design your business brochures, flyers, web page, or... Read More

Reach Out To Billions

Have you heard of 'Babel Fish'?It's a service provided by... Read More

Use Exclusive Content - When Reprint Articles Dont Do Enough

There is no doubt that reprint articles can serve lots... Read More

Ten Tips For Your Web Site Home Page

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

Will You Site be a BIG SUCCESS. 7 Reasons Why It Might Not!

With so many new websites going up, it is hard... Read More

Good Web Design ? What Is It?

There is unlimited possibilities when it comes to designing a... Read More

How To Create A Professional Website In Less Than A Week

Here's a really simple way... any novice can create a... Read More

Congratulations! You?ve Gotten Visitors To Your Site! Now, Can They Find What Theyre Looking For?

As search engine marketers, we spend an enormous amount of... Read More

Custom Web Site Design Strategies

Web site design has certainly, in the past decade, evolved... Read More

Plugging the Dreaded World Wide Web Black Hole is Just the First Step

You have created your custom error page so now all... Read More

Website Design Mishaps - How to Avoid Costly Errors That Can Crush Your Chances of Success

Designing your website can be a difficult task especially if... Read More

10 Reasons Why You Need A Multilingual Website

The internet continues to grow and has become the default... Read More

Ten Basic Steps For Building A Web Site That Works

1. Assemble a web site development plan that is integrated... 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

Top Ten Fonts for Website Design

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

Website Design: 10 Smart Tips To Improve Your Ad Copy

Your website design may be affecting your sales in ways... Read More

Web Designers Beware!

As a web designer, I have a personal interest in... Read More

Website Design Basic Concepts

So, what's in a website design anyway? And, how do... Read More

How To Increase Your Conversion Rate or What Most People Miss When It Comes To Optimization

Everybody talks about the importance of testing your sales copy... Read More

Dont Lose The Sale In The Internets Last Three Feet

In retailing there is a saying that sales are made... Read More

Website Maintenance: What Does it Take to Manage Your Website?

Every action has a beginning phase where you launch your... Read More

Designing Your Web Site For ALL Browsers

Let's face it. Building a web site that browses consistently... Read More

Make Your Site Quick To Load!

The time it takes to load your site can make... Read More