Web usability: The basics


Trenton Moss

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 theyre 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 websites 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 websites usability - can you think of some more

Dont underestimate the importance of these conventions - as the Internet matures were 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 its 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 dont 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 dont place important information in images as it might go unnoticed.

Restrictions must not be placed on users

Dont 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 youre preventing 60% of your users from using their primary navigation - now that cant be good for usability.

2. Dont 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





About The Author

This article was written by Trenton Moss. Hes 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.



To provide some examples of web design and development I give you here:

10 latest blog posts by Web Developer Jim Westergren

I’m an SEO and I have been working a lot with WordPress, here I give you all my tips for you to rank very well in Google with your blog. UPDATE: Check this blog post for a better guide. Quick Facts There are 55 million blogs out there, if you don’t stand out you will have no chance. The [...]

Update, March 9th I have now changed it again and put some color into it. What do you guys think? Sunday today and I was away from work with clients so I decided to work with my blog today from home. I made a new design for this site. Check out the navigation links at the top left [...]

This article is written for my friend “honey” (site). I have been bidding against honey on web site auctions for almost 2 years now. I have won maybe 60 auctions and I have now over 100 web sites. Honey owns over 300 … So here comes my checklist that I want to show honey as I [...]

Have you also heard of those horror stories of Google banning Adsense accounts for the smallest mistakes? You have read the Terms and Conditions and you know the basics but what do you do when you show your friend your site on your computer and the first thing he does is to click the Adsense ad [...]

This article is written more for myself so I remember how I do it the next time but probably a few people will also benefit from this for different uses and purposes. Today I updated all the PR values for the directories listed on my directory list. I had to update each listing in the MySQL [...]

Official site of a children’s hospital in Japan Hey, your “logo” is not blinking! MSY Technology Pty. Ltd. Are you sure product X is HOT? Personal site of Franz Magnus Incredible that you got several awards for that site. Angren.net, electronic shop Can’t you squeeze in something more on the home page? Official site of Northbridge Police Department Still being updated in 2006. Perhaps [...]

The last days I have been fighting in the war against the latest spam bot soldiers like a maniac. I own and manage over 70 web sites. This includes different forums, directories, blogs, topsites, article submission sites and you name it. Very recently there is a new wave of spam. The default captcha for vBulletin is now [...]

This is a WordPress plugin that will give you more links and higher rankings in the search engines. Most bloggers knows the importance of getting links in order to get high rankings in search engines. But did you know that the best links are those that are natural recommendations? Additionally I experienced better rankings across all [...]

To improve the navigation of your users as well as search engine traffic and ranking to your WordPress blog I suggest making a good site map of your posts - a map of your site. A kind of user friendly archive of your posts. This is not “Google sitemap”! The benefits: The user can quickly find a [...]

How I rank on different keywords and links to the different SE queries.

home | site map

Articles



Eduardo Da Silva | Loans | Loans | vShare YouTube Clone | Remortgage