webdesign articles


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 .


MORE RESOURCES:

DC Web Design Firm Blue Water Media Launches a New Website for the Public ...
PR Web (press release)
A Leader in Creative Web Design, Blue Water Media Assists the Public Media Business Association in Their Mission to Establish a Comprehensive Digital Resource for the New PMBA and its Members. The Public Broadcasting Management Association underwent a ...



Indiana Web Design Company Radically Changes Approach to Web Development
PR Web (press release)
Effect Web Agency, an Indiana web design company, redefines their entire develop process to focus on achieving sales results for clients. Effect Web Agency says they know why websites do not work for many businesses. Steve Schmidt, President and Web ...

and more »


Industry Today (press release)

Calgary Web Design Firm Offers Exclusive Content Management System
Industry Today (press release)
Understanding the increasing demand for this system in today's business world iDesignit.ca a Calgary Web Design Company, is offering innovative solutions to small businesses in Calgary, Alberta and surrounding areas. iDesignit.ca specializes in ...



HigherVisibility Named Eleventh Best Web Design Company by topseos.com for ...
Press Media Wire
The independent authority on Search vendors, topseos.com, has named HigherVisibility the eleventh best web design company in the online marketing industry for the month of February 2012. Their position in the rankings of top web design companies is ...

and more »


EQuicknews

Web Design Tips
EQuicknews
Launching а website іs bоth exciting аnd potentially rewarding. A wеll planned site can have а positive effect оn уour business, wіth online sales bucking thе trend in an othеrwisе downbeat economy. Creating a website can аlѕо bе a daunting task, ...

and more »


PR Web (press release)

Think Tank Photo Offers Mobile Shoppers Responsive Web Design
PR Web (press release)
Responsive web design uses HTML5 to provide a customized user-friendly experience whether users are on desktops, tablets or smart phones. Building the site in this manner meant Think Tank wouldn't need to create multiple websites, each sized to fit a ...



PR Web (press release)

Algonquin Studios Shares Thought Leadership Reports on Web Design, SEO ...
PR Web (press release)
These are people who have started successful businesses, built enterprise-level software systems, and work hard to actively keep abreast of changes and advancements in technology, software development, web design, and online marketing,” says ...

and more »


Fort Lauderdale Website Design Company, A Work Of Art, Inc., Gives Tips for ...
San Francisco Chronicle (press release)
A Work Of Art, Inc., a Fort Lauderdale website design and marketing company, provide tips why business owners need to hire a web design company who can provide them with the services needed to make their website effective in today's competitive ...

and more »


Crumpler C List Celebrity Backpack Reviewed by Intown Web Design
PR Web (press release)
Intown Web Design review of Crumpler C List Celebrity Backpack acknowledged the backpacks design and functionality. These backpacks by Crumpler were noted as some of the best backpacks for photographers. Overall, these backpacks were exactly what I was ...

and more »


Positive Web Design Utilises Brand New Wireframes For Clients
PR Web (press release)
The team at Positive Web Design has announced that they will be creating pre-designed wireframes and templates in order to speed up the development process for new clients. Positive Web Design, a web design and development firm well-known for its ...

and more »

Google News

home | site map
Webdesign-box © 2006