Precision Webmasters masthead Precision Webmasters masthead Precision Webmasters masthead
Precision Webmasters masthead One pixel spacer
blue column spacer One pixel spacer Navigation rail spacer Blue column spacer Blue stroke spacer blue column spacer
One pixel spacer One pixel spacer
l Home
One pixel spacer
One pixel spacer
l About Us
One pixel spacer
One pixel spacer
l Contact Us
One pixel spacer
One pixel spacer
l Client Portfolio
One pixel spacer
One pixel spacer
l Frequently Asked Questions
One pixel spacer
One pixel spacer
l Feedback
One pixel spacer
One pixel spacer
l Search Our Site
One pixel spacer
One pixel spacer
 
 
globe graphic

 

Vertical stroke spacer
Web Site Usability

 

Web site usability is defined as the effectiveness, efficiency, and satisfaction with which users can achieve tasks in a particular environment. High usability means a system is easy to learn and remember.

The challenge is to design a website that allows access to the important features without cramming them all on to the homepage. Focus and clarity are key, as is an understanding of users' goals. The goal of most websites should be to make it easy for visitors to perform useful tasks and find information they find pertinent.

The field of web usability has matured sufficiently that specialized guidelines to codify the best design practices for specific components of a website have now been developed.

Below are 62 web usability guidelines for the sites that we use for our clients. As you read through these guidelines you will undoubtedly feel that adhering to all guidelines is extremely difficult. The "perfect website" will probably follow 90-95% of them. If you decide not to follow a certain guideline do so based on verifiable data and consistent user feedback.

Communicating the site's purpose:

  • Show the business name and/or logo in a reasonable size and location. Upper left corner is usually the best.
  • Include a tag line that explicitly summarizes what the site is all about. Keep tag line short, simple and to the point.
  • Emphasize what your site does from a user's point of view. Give the visitor what they want in an easy way.

Communicating Information about your business:

  • Group company information such as About Us, Job Openings, and other general items in one distinct area.
  • Include a link on the home page to an "About Us" section that gives the visitor clear, detailed information about your company and the services it provides. The recommended name for this link would be About [company name].
  • Present a unified design for your web site that coincides with the look and feel of your offline branding/marketing materials.

Content Writing:

  • Use "customer-focused" language. Label sections and categories according to the value they hold for your users.
  • Don't use clever phrases or "lingo" that make people wonder or work too hard to figure out what you're saying.
  • Use examples to reveal the link contents rather than just describing it. Instead of saying "Get all of today's headlines" show the top 5 headline for that day and link them to the full story.

Links and Navigation:

  • Begin links with information-carrying words but keep them brief. Use words and language that have meaning to your users. Most of all make your links and navigation area easy to scan.
  • Allow link colors to show visited and unvisited states. Also it is better to have your links begin with an underline and have the mouse over affect remove the underline than it is the other way around.
  • If a link does anything other than go to another web page, such as a PDF file, audio file or video file, make sure the link explicitly indicates what will happen when the visitor clicks that link.
  • Offer users direct access to high-priority/highly sought after tasks on the homepage. Give users the content they most want right on the homepage or access to it with a single click.

Graphic Design and Animation:

  • Use graphics to show real content, not just to decorate your homepage.
  • Don't use animation for the sole purpose of drawing attention to an item. Animations are often ignored by users because they look like ads. Never animate critical elements like logos, taglines or headlines. Animations are best used to show a procedure that is easier seen than described. Provide a way to turn animations off when you do use them.
  • Use high contrast text and background colors that make text as legible as possible.
  • Avoid horizontal scrolling at 800 x 600 resolution.

Miscellaneous:

  • Be sure to create titles for each of your windows. Titles should use information-carrying words and include the business name. Don't use domain name extensions like ".com" in your window titles. Don't use the word "homepage" for you homepage window title. Limit window titles to 7 or 8 words and fewer than 64 characters.
  • Make your domain names (URL) reflective of your company name and easy to remember. Don't use characters like hyphens in your URLs. Register alternative versions of your URL, if there are common misspellings register those and re-direct your users to the main URL. Register the .org, .com and .net versions of your domain name.
  • Avoid pop-up windows. Using extra windows to display important information has a draw back in that once the user clicks off the pop-up it is hidden and they may not be able to get it back if they click that link again. If you do use pop-ups do it judiciously and tell your users that clicking that link will open a new window.
  • Avoid using statements like "Best viewed with Internet Explorer 4.x or greater". Typically users will not upgrade their browsers to view your site. It is better to be sure that your site works well in the widest array of browsers and platforms that your visitors tend to use. If you decide to stop support a particular browser or version use a detection script that determines the browser a visitor is using and then sends them to a page that indicates their current browser will not work with this site.

Credits
   This page was developed and adapted based on the research, books and web sites by Dr. Jackob Nielsen.

Homepage Usability - 50 Websites Deconstructed
Jakob Nielsen and Marie Tahir
Copyright 2002 by New Riders Publishing

Designing Web Usability
Jakob Nielsen
Copyright 2000 by New Riders Publishing

Website: http://www.useit.com

 

 

One pixel spacer
One pixel spacer bottom rule graphic bottom rule graphic bottom dot graphic bottom rule graphic One pixel spacer
  Vertical stroker spacer

Web DevelopmentWeb HostingInternet MarketingResources

 
One pixel spacer