Usability by design

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.

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

Where usability comes from

The purpose of visual design is: to facilitate communication

Design for Usability

Contents

Recommended reading

Don't Make Me Think, 2nd edition

By Steve Krug

Level Introductory