Designing a website with usability in mind

The most effective way to improve the usability of a website is to test it with your users. This can be small scale and relatively cheap.

Read more about user testing

There are however some general principals that, when utilised, can aid usability.

"Reading from a monitor is 25% slower"

Make pages scannable

In most situations, users come to the Web with a specific goal, task or question. They aren't there to read; they are there to gather information.

Remember, reading from a screen is a slower and more tiring process than reading in print.

  • Be succinct - use plain English and remove all needless words.

  • Use chunking - arrange text in to short paragraphs.

  • Add regular, meaningful subheadings - the users should know the general content of a page from the subheadings.

  • Use bulleted or numbered lists where appropriate.

Clear navigation

The purpose of website navigation is to provide a clear and smooth route to the information they are looking for.

  • Categorise information based on how the user is likely to look for it, rather than your internal structure.

  • Ensure there is always a clear and meaningful page title along with, where necessary, a short introduction.

  • Add on-page cross-links to other pages in your website that may also be relevant to the user.

  • Unless there is a very good reason to do so, it is best not to use the 'open in a new window' function. When a new window is opened the 'back' button becomes disabled, which is potentially annoying and confusing.

This includes making it clear where the user is at all times and never leading the user in to a 'dead-end'.

Use meaningful links

When faced with a sea of links it is important that the user can make a quick and informed decision about which is the right one for them.

  • The link label should clearly differentiate one link from another.

  • Effective links are consistent with, and tell the user something about, the link's destination.

  • Avoid ambiguous 'click here' links, which tell the user nothing about where the link will take them.

"Don't make me think!" Steve Krug, usability author

Convention helps

Although it is nice to be 'original' and creative when designing a website, it is important to acknowledge that some web conventions need to be followed.

  • A logo in the upper left corner of the page.

  • The main navigation bar down the left-hand side of the page.

  • Breadcrumbs listed horizontally below the logo.

  • Blue underlined links that change colour once visited.

  • No, or limited use of, in-line links.

Generally speaking, web conventions have become web conventions because they work. This is not to say they are the only way to do something, but by following an established convention the user doesn't have to learn 'your way' each time.

The University utilises some universal web conventions and some of its own. These include:

Further reading