Written by Ben Hunt from web design agency . For more information about his agency visit scratchmedia.co.uk

Web Design Usability

Usability generally describes two different areas:

How easy a product is to use
The industry & discipline concerned with measuring ease-of-use

Read it offline

Buy the entire Usability section as a PDF e-book on our Downloads page

Where usability comes from

In the early days of the web, people realised that using most sites was difficult, and applied the term 'usability' to describe how easy a web interface is to use. A web usability testing industry emerged, which has taught us a lot about where things go wrong by watching real people using web sites and comparing the ease-of-use of different design solutions.

There has been a long-running "design/usability" debate in the web industry, with different people arguing that one is more important than the other. This argument is based on a false idea that design and usability are opposing forces. They aren't.

Separating usability from design is no longer helpful. The problem is a design problem.

The purpose of visual design is: to facilitate communication

When designing products that have a communication function, usable design is simply better design, because it makes a product better at its job. Usability is a central element to successful design. There is no either/or.

While it's certainly useful to test how successful a web site is, there's little point in discovering that your design doesn't work after you've built your product.

Testing can help us work out which ideas work better, but it can not give us new, creative solutions to design problems, or tell us how well a site achieves its non-functional goals. Excellence can only be achieved by building usefulness into the entire design process, and applying user-testing at key points to help polish the finer detail.

Design for Usability

While I've been described as someone working in the usability industry, I don't do usability engineering. What I do is design. I'm passionate about ease-of-use, and it's central to the work I do.

When I use the term "usability" on this site, I mean design for usability - designing to make stuff easier to use.

The Top 5 Home Page Mistakes July 22, 2008: My hitlist of the most common mistakes I see when reviewing web site home pages.
(1!) Usability Mistakes: The start of my collection of general usability errors I find from round the web to use as positive examples of how things can be done better.
Behaviour of web sites and applications: Why good behaviour is important in web sites and applications, and how to design for it
Trusting the user: Why it's important to trust users when designing web sites and applications
Clear hyperlinks: Simple rules for making hyperlinks neat and easy to understand
Effective text: Benefits of text over graphics: The strengths of using text rather than graphics in web design
Logical order of page components: Importance of logical order of visual components in web page design
Using mouseovers in web design: When to use mouseovers in web design to improve the user experience
Designing navigation for web pages: Designing navigation for web pages
Readabilty: Basic design techniques for making your content easy to read
Case study: Kemik online art portfolio: A worked example on increasing the usability of an online image gallery

Recommended reading

Read “Save the Pixel - the Art of Simple Web Design”

For the best professional insight into how to create super-simple, effective designs, get Ben Hunt's new e-book.

It features 10 brand new chapters teaching pro pixel-saving skills, plus 22 worked example case studies.

Buy it now, price halved to only £7.50 to help in tough times!

Howie Jacobson, author of “Adwords for Dummies”, says...

“Save the Pixel is the best book on web design and usability I've ever read, and one of the best books on internet marketing in general. If you're sending traffic to your web site via Google AdWords and you haven't discovered the strategies and tactics in Save the Pixel, I guarantee you're throwing away money.

“It's not just information, but a systematic way of designing a site for your customers rather than your web designer's online portfolio. Save the Pixel is the one book I insist my clients read before I'll roll out an AdWords campaign for them.”

Don't Make Me Think, 2nd edition

By Steve Krug

Level Introductory

This is the one must-read usability book for all web designer and developers.

Steve Krug's masterpice (now in its second edition) achieves the amazing feat of making very complex concepts simple enough for anyone to understand.

It's a very easy, lighthearted and quick read, thanks to great writing, smart page design and lots of pictures.

The second edition has several worthwhile additions over the classic original book, with 3 new chapters covering important stuff like accessibility.

Buy now from