Web Design Usability

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.

Contents

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 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

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