Website Content & Usability

Writing for the web is totally different to writing for printed matter. We tend to scan content on the web hunting for the information we're after, as opposed to reading word-for-word. As a result of this, there are certain guidelines you should be sure to follow when writing copy for your website:

1. Use clear and simple language

Reading from computer screens is tiring for the eyes and about 25% slower than reading from printed matter. As such, the easier the style of writing the easier it is for site visitors to absorb your words of wisdom.

Some techniques for using clear and simple language include:

- Avoid slang or jargon - Get your grandmother and ten year old nephew to read your site - if both can understand the page content you've done well!

- Use shorter words where possible - 'Begin' rather than 'commence', 'used to' rather than 'accustomed to' etc.

- Avoid complex sentence structures - Try to include just one idea or concept per sentence

- Use active ahead of passive words - 'We won the award' is shorter and easier to comprehend than, 'The award was won by us'

2. Limit each paragraph to one idea If you assign just one idea to each paragraph site visitors can:

- Easily scan through each paragraph

- Get the general gist of what the paragraph is about

- Then move on to the next paragraph

All this and without fear that they'll be skipping over important information, because they will already know roughly what the paragraph is about.

Limiting each paragraph to just one idea is especially effective when combined with front-loading paragraph content.

3. Front-load content

Front-loading content means putting the conclusion first, followed by the what, how, where, when and why. The first line of each paragraph should contain the conclusion for that paragraph, so site visitors can:

Quickly scan through the opening sentence

Instantly understand what the paragraph is about

Decide if they want to read the rest of the paragraph or not

Because each paragraph contains just one idea, users can do all this safe in the knowledge that if they jump to the next paragraph they won't be missing any new concepts.

Front-loading also applies to web pages, as well as paragraphs. The opening paragraph on every page should always contain the conclusion of that page. This way, site visitors can instantly gain an understanding of what the page is about and decide whether they want to read the page or not.

Unfortunately many websites don't adhere to this guideline and end up writing page content in a story-format. On each page there's an introduction, middle and conclusion, in that order. Unfortunately, when scanning through web content we don't tend to read all the text nor read all the way to the bottom of the screen. As such, you may easily miss the conclusion if it's left until the end.

So remember, conclusion first, everything else second! For a great example of front-loaded content, just read any newspaper article. The opening paragraph is always the conclusion of the article.

4. Use descriptive sub-headings

Breaking up text with descriptive sub-headings allows site visitors to easily see what each section of the page is about. The main heading on the page provides a brief overall view of what page is about, and the opening paragraph gives a brief conclusion of the page (because you've front-loaded the page content). Within the page though, there are various sub-themes which can be quickly put across with sub-headings.

There's no hard and fast rule for how frequently to use sub-headings, but you should probably be roughly aiming for one sub-heading every two to four paragraphs. More importantly though, the sub-headings should group on-page content into logical groups, to allow site visitors to easily access the information that they're after.

5. Bolden important words

Another way to help users locate information quickly and easily is to bolden important words in some paragraphs. When site visitors scan through the screen this text stands out to them, so do make sure the text makes sense out of context.

Bolden two to three words which describe the main point of the paragraph, and not words on which you're placing emphasis. By seeing these boldened words site visitors can instantly gain an understanding of what the paragraph is about and decide whether or not they want to read it.

6. Use descriptive link text

In the same way that bold text stands out to screen-scanning web users, so does link text. Link text such as 'click here' makes no sense whatsoever out of context so is useless to site visitors scanning web pages. To find out the destination of the link, site visitors have to hunt through the text both before and after the link text.

7. Use lists

Lists are preferable to long paragraphs because they:

- Allow users to read the information vertically rather than horizontally

- Are easier to scan

- Are less intimidating

- Are usually more succinct

8. Left-align text

Left-aligned text is easier to read than justified text, which in turn is easier to read than centre- or right-aligned text.

When reading through justified text the spacing between each word is different so our eyes have to search for the next word. This slows down our reading speed. Right- and centre-aligned paragraphs slow down reading speed even more because each time you finish reading one line your eye has to search for the beginning of the next line.

Conclusion

These eight guidelines are nothing revolutionary nor are they difficult to implement. Yet so many websites structure their content so poorly to the detriment of their site visitors. Have a quick look over your website now - how does it do with regards to these content guidelines?

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.

In The News:


pen paper and inkwell


cat break through


So You Want To Have A Website

So you want to have a website. You have gone... Read More

Build It and They Will Come

Build it and they will come is not always true;... Read More

7 Killer Ways To Increase Your Online Sales

Every online entrepreneur I talk to is asking the same... Read More

The Secret Benefit Of Accessibility: Part 1 - Increased Usability

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

High Quality Website at Low Cost

Although designing a great web site is an important part... Read More

How One Word Or Even One Letter Can Boost Conversion Rates By Over 400%!

Recently I was reviewing the keyword specific conversion rate data... Read More

Enhance Your Website With A Yahoo-Style Directory

Does your website have a links/resources page?Do you exchange reciprocal... Read More

What is The Google Toolbar?

No matter what browser you may want to use, you... Read More

The Problem with Automated Accessibility Testing Tools

An automated accessibility tool is a piece of software which... Read More

7 Golden Rules For Building Mini Sites

First, an eye opener. Making your fortune through affiliate programs... Read More

Art, Artists and the Web: Part 4--What to Do After a Website is Designed

What to do if you are an artist after you... Read More

Improving Usability for Screen Reader Users

Simply ensuring your website is accessible to screen reader users... Read More

Flash Deadly Sins (That Can Kill Your Web Business)

Looks like every client wants a Flash site these days... Read More

MySQL Database Handling in PHP

Most interactive websites nowadays require data to be presented dynamically... Read More

FREE Amber Alert Tickers for Your Website

Project Safekids provides webmasters a valuable tool which could save... Read More

7 Profit Producing Reasons Why Every Successful Service Professional Needs A Web Presence

Your business website is a critical aspect of being able... Read More

You May Be Losing Valuable Traffic - And Not Even Know It!

Here's something you may never have thought of before:If I... Read More

Build a Web Site that Works...Even for a Safari Hobby!

My life's greatest passion is a safari hobby. And what... Read More

Why Is No-one Buying From My Website?

Are you, like many other website owners, frustrated at the... Read More

The Birth of a Professional Web Site

The Internet has opened a whole New World of opportunity... Read More

How to Increase Sales with Automation Improvements

How popular is online shopping? And is there room for... Read More

Be Creative Before You Purchase Or Create A Website

Before you jump into spending coutnless hours on designing and... Read More

How To Write More Powerful Online Text

Although there are significant differences among the various types of... Read More

Effectively Using Robots Meta Tags

The "robots" meta tag, when used properly, will tell the... Read More

You Need To Treat Your Website Like An Employee - Heres 5 Ways To Do It

People often come to me in a state of crisis... Read More

The Power Of CPanel

cPanel is a control panel for your website and allows... Read More

Ten Quick Tests To Check Your Website For Accessibility

The Disability Discrimination Act says that websites must be made... Read More

What Business Owners MUST Know BEFORE They Commit To Having A Web Site

Q1.Why would I need a web site? A1.- Improve my... Read More

Six Basic Reasons Why Visitors Stay On Your Web Site

1. The first page appears quickly.It's a good way to... Read More

Where?s Your Web Site?

This simple question can take on several different forms, but... Read More

What Hosting Companies Dont Tell You, Could Hurt You?

Did you know that hosting companies overcrowd their servers despite... Read More

Planning Your Website for Success

Most people know they need a website in order to... Read More

How to Handle Web Surfers Who Disabled JavaScript

There are hundreds of millions of Web surfers today. Each... Read More