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.

Recommended reading

Save the Pixel web design book

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 cut to only £9.99 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)

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 Buy now from Amazon.co.uk Buy now from Amazon.com

Do you love our approach to crafting simple & effective web sites that just work for people?

We'd love to hear about your web strategy. Contact one of our team today!

Search this site
Pro Tips
Learn how to make fantastic web site designs..
Buy "Save the Pixel" now!
On “Save the Pixel”
Clicss templates, great robust useful CSS templates from £40
Share this Article
Send to a friend now&hellip
Follow Ben Hunt on Twitter
Floor 3
111 Buckingham Palace Road
London
SW1W 0WQ
UK
Phone
+44 (0)207 1600 989

Articles + tutorials in Web Usability

Usability index
List of articles in Usability section
Examples of usability mistakes
A growing collection of examples of poor usability gathered from round the web.
Top 5 web site home page mistakes
Help ensure your site performs by checking these top 5 blunders
Clear hyperlinks
Essential guide to making sure your links do what they need to do to help people navigate easily
Mouseovers
How to use hover or mouseover effects for crystal clear usability
Foruse case study
Case study addressing various usability issues in the home page of a usability company.
Stuff we love
Things we've found in the real world that show great ease of use