Planning A Usable Website: A Three-step Guide

A website is like an information flow, with you as the provider and your site visitors as the receivers of the information. If you don't plan your website with this in mind right from the start, you could find yourself with a brand new website that solves all your immediate needs... but not those of your site visitors.

Clicking away from your website has never been easier for Internet users. There are about 35 million websites competing with yours on the Internet (source: http://www.zooknic.com/Domains/counts.html). Search engine results are becoming better and better and Internet connection speeds faster and faster - finding one of your competitors' websites is now very quick and very easy.

1. Work out your site visitors' immediate needs

Your website has to provide information that fulfils the immediate needs of your site visitors. This is the fundamental principle behind usable website design, so let's repeat it one more time: Your website has to provide information that fulfils the immediate needs of your site visitors.

OK, now we've got that straight, we come up against a problem: Your goals for the website are probably different to the immediate needs of your site visitors. Oh dear.

Let's illustrate this problem, and its solution, with the example of a web design company's website. Their immediate goal is to get visitors to contact them and ultimately commission them to do some web development work. Their site visitors are probably interested in getting web development work done (if not, why are they on this website?), but it's unlikely that this is their immediate need when they arrive at the website.

The immediate needs of the site visitors' are probably to answer questions like:

- Can I trust them?

- Are they any good at what they do?

- Will they get the job done?

Before the website begins to sell to its site visitors, it has to answer their questions and put their fears to rest. This is fundamentally important, so one more time: Before the website begins to sell to its site visitors, it has to answer their questions and put their fears to rest.

In the case of this web design company, they could provide a portfolio, client testimonials etc. Can you think of any other information they should offer?

2. Create an information flow

Now we've worked out what our site visitors' immediate needs are, we need to create an information flow, a path (or paths) that your site visitors will traverse whilst on your website. The path(s) will initially address their concerns and needs and will gradually take them towards completing your goal for them. To create this plan we'll need to:

- Identify the different groups of people who'll use your website

- Work out what you want each of these groups to achieve on your website

- Identify the information you'll need to provide for them to achieve this (and in what order)

- Work out what might put them off achieving this

- Identify the information you'll need to provide to prevent them being put off

From this, you'll be able to create a list of website pages and a rough idea of how they might flow together. You'll then be able to work out exactly what pages to include on the website and how to group these pages together.

Bear in mind though, some users will need more information than others, so you'll always need to provide them with a choice of continuing on the information flow or jumping off so that they can achieve the goal you've set for them.

Going back to the website of the web design company, an information flow that their site visitors might go on could look something like this:

1. Homepage
2. Portfolio
3. Client testimonials
4. Company background
5. Staff bios
6. Terms & conditions
7. Good web design tips
8. Contact us

The web design company's ultimate goal is for site visitors to contact them and request their services. Wherever users are in this flow, they must be able to easily and immediately jump straight to the contact page at any point.

You've probably already seen this in action on websites. You arrive at the homepage and there are two or three prominent links (often in the form of boxes) telling you some basic information and requesting that you click on them to take you into some other part of the website. You go to that page on the website, read the information and then choose where to go next. And this keeps going on, until you either quit or complete the desired goal of the website.

So, the web design company's homepage might look something like what you see at http://www.webcredible.co.uk/images/plan-usable.gif.

The three boxes in the middle answer some immediate questions that users may have and proactively address their concerns. The contact us button on the top-left can remain in that position on every page, so users always have the opportunity to jump to the contact page.

3. Usability testing

Once the website plan has been created, it's time to test it. This is the most important usability test that needs to be done and the one that will save you the most time and money in the long run. Every £1 invested in making your website easy-to-use returns £10 to £100 (source:http://www-3.ibm.com/ibm/easy/eou_ext.nsf/Publish/23/).

If you don't do any usability testing you may discover that the structure of the website doesn't make sense once the website's up and running. This can and has happened and it leaves you with two choices: redesign the website or make a new website - neither are attractive options.

The most common objections to doing usability testing are:

- It's too expensive!

- It'll take too much time!

- I don't know how to do it!

Wrong, wrong, and wrong! Usability testing, especially at this early stage, is incredibly cheap, quick, informal and easy to do. You just need to show five people the plan/site map of the website and ask them:

- What's the point of this website?

- If you were on this homepage, where you would click? And where after that?

- Is it what you need?

That's it! As long as these five people roughly fit into your user profile everything should be fine. It's been shown that using five people for a usability test will uncover 85% of the usability issues of the website (source:http://www.useit.com/alertbox/20000319.html).

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 .

---

Free Isnt Always Good - 5 Reasons Why You Need Your Own Website

Often time I've browsed sites and seen the same thing... Read More

50 Ways To Use Your Website

A website is the most versatile and cost-effective marketing tool... Read More

Free Websites & Why You Should Avoid Them

It amazes me how many people try to build serious... Read More

Why Every Small Business Owner Needs Two Websites

Every small business owner knows that they need a website,... Read More

Freelance Programming is Easy to Manage

There are several reverse bid freelance sites out there. Beyond... Read More

I Want To Be A Freelancer

So you have decided that you want to do freelance... Read More

Beautiful Web Sites Seldom Make More Sales

Designing an E-commerce Web site is not as simple as... Read More

Make Your Artist Website Sell!

SummaryHere's the scoop on what you must know when designing... Read More

Growing Your Meetings In CyberSpace

As increasing numbers of people search for information on the... Read More

Find the Purpose of Your New / Proposed Website

Absolutely everything stems from the purpose of your website -... Read More

The Road to Better Results

A lot has changed in the way sites are optimized... Read More

4 Marketing Tips for Resourceful Webmasters!

The internet is a sea of knowledge. Getting your information... Read More

Unlocking the Power of Your Website!

Why do some web sites reap huge benefits while others... Read More

Planning A Usable Website: A Three-step Guide

A website is like an information flow, with you as... Read More

Server Stats ? Analyzing Traffic To Your Site

Analyzing traffic to a site is a key factor in... Read More

Linking Out is Good

Many websites I come across don't have a single link... Read More

Why Your Brick-and-Mortar Biz Needs A Website

The internet has taken over our lives with a vengeance,... Read More

How Disabled Users Access The Internet

In 1995 a new era of accessibility for disabled people... Read More

Newsletter Management Using PHP w/o mySQL for Beginners

Let's begin by setting some limits. If you're like me,... Read More

Email Addresses in Web Pages

You want to give your site's visitors a way to... Read More

10 Tips For Running A Profitable Web Site

1. Address your targeted audience on your business site. Example:... Read More

Top 7 Reasons Why Your Business Needs a Website

A website provides invaluable advantages for businesses who have one.7... Read More

Guide to Internet Business - Design and Content

After deciding what kind of internet business you want to... Read More

Revealing the Firefox Secret Used by Top Web Developers and Power-Browsers

Profiles are one of the best kept secrets around regarding... Read More

Five Steps to Create Your Software Product with Outsourcing

Many executives and investors are skeptical that software products can... Read More

HTML Editors - How to Choose the Right One for Building Your Websites

There are lots of HTML editors on the market, however,... Read More

Marketing Your Business Online

As a business you can't afford to ignore the Internet... Read More

Guidelines for Web Page Optimization

Below, I have listed 8 simple steps that you can... Read More

The Secret Benefit Of Accessibility: Part 1 - Increased Usability

Web accessibility has so many benefits that I really do... Read More

Improve Conversion Rates ? Load Times

Your site is getting traffic, but conversion rates are horrible.... Read More

Cost Effective and Powerful Dynamic Websites w. Fantastico Web Hosting

If you are developing your website on a host that... Read More

How to Make Your Own Free Website in 8.5 Minutes or Less

Designing and creating your own website does not have to... Read More

Developing A Login System With PHP And MySQL

Most interactive websites nowadays would require a user to log... Read More