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 .

---

Marketing Basics for the Webmaster

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

What I Look For In a Website

As my occupation is that of a proofreader, one of... Read More

Speed Up Or Lose Out! How To Improve Your Websites Download Speed

So your web site's online and you've got high rankings... Read More

Do-It-Yourself or Hire a Professional Designer

Remember your vision for your company and the brand or... Read More

Dos and Donts in Web Design - part 1 (design)

Do use a consistent look and feel Your site should... Read More

You Too Can Have Fun With Sepia Images!

If you are one of those who wonder how people... Read More

Top Ten Ways to Increase Web Sales - Part 2

You have only 10 seconds to impress your potential buyer.... Read More

Your Website Visitors - Will They Stay?

I'm sure you've all heard the saying 'Build it and... Read More

How To Attract People To Your Web Site and Leave Their Contact

If you have a website, you want your visitors to... 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

Best Web Design And Free Web Promotion Tips

This article gives free tips on how to find a... Read More

Orient Your First-time Web Site Visitor

Imagine spinning someone around so profoundly and for so long... Read More

Effective Web Design Usability Principles

Website Design Usability Tips1. Getting to know about audience membersYou... Read More

Get FASTER Download Times By Making BIGGER Web Pages!

As a webmaster you already know how important it is... Read More

Do You Want To Save Time With Your Web Design?

It starts off simply; a few HTML pages, a few... Read More

How Do We Know When Its Time To Redesign Our Web Site?

A question we frequently get asked is, "how do we... Read More

Creating a Favicon

Once, I attempted to create a favicon (the little graphic... Read More

How To Set Up A Professional Website On Your Own Using Web Templates

To create professional websites is not an easy task by... Read More

How Do You Make A Website?

No, that's not the real question. The real question is... Read More

Fast Web Design For The Skint Webmaster

About two years ago, I had a go at commercial... Read More

Hacked Off with CSS?

For those not familiar with CSS Hacks, they are ways... Read More

Website Promotion Ideas: 10 Tips On How To Use Your Picture Effectively To Increase Your Sales

Seeing is believing.One trick to increase your visibility as well... Read More

Got Web Traffic but Still Low Sales? Ten Ways to Selling Success - Part 1

Have you put a lot of effort, time, and money... Read More

How to Find Inexpensive Web Design

Web design is a very competitive area and there is... Read More

How To Make It Easy For Your Web Designer To Build Your Website

You have an idea for a website and you are... Read More

Caveat Scriptor: Use the Advice of Those Who Know Before You Build a Site

~A man [woman] is a success if he [she] gets... Read More

HTML - A Website Language Explained - For Over 35s

This is a very perfunctory look at the website code... Read More

Alternative to Web Site Templates and Design Software

Before I discovered the concept of Web site templates, I... Read More

Essential Strategies To Make Your Web Copy Attractive To Your Target Audience

Reading on the web is different than reading in all... Read More

4 Things That Make A Web Site Great

First you need original content. Content is the heart beat... Read More

10 Nifty Ways to Prolong Your Visitors at Your Website

Increasing the length of time a visitor is on your... Read More

An Ideal Home Business Home Page

From my personal experience of around two year as home... Read More

Hiring a Graphic Designer

You've come up with a great product. You've got the... Read More