Cardboard, Glue, and Masking Tape
When I was a kid, some of my favorite toys were the ones I made — often with little more than cardboard, glue, and masking tape. Little did I know I was foreshadowing my involvement in usabililty testing and paper prototyping.
Avoid “Code, Test, Fix”, (Time, Money, Frustration)
So often, a website goes through the design process without someone outside of the project using or testing the site. The main stakeholders in the site — the owners or future owners — think they know what the site needs and they make the calls regarding what they think will work best. There is a more objective way to go about designing a website. It is possible (and cheap) to test the site based on personas — target users of the site — and the key tasks those users will need to perform. All this can be done before any of the look-and-feel design or coding of the site gets under way. It’s done with paper prototyping.
If you are not familiar with paper prototypeing, check out the links in this article. They will help you understand what paper prototyping is and how it fits into usability testing — a key ingredient to making a successful site.
It all starts with interaction design: a design discipline with old intentions but a new urgency. Interaction design practices are evolving as quickly as devices with chips in them are growing in number and variety.
“Interaction design is the art of facilitating interactions between humans through products and services. It is also, to a lesser extent, about the interactions between humans and those products that have some sort of “awareness” — that is, products with a microprocessor that are able to sense and respond to humans.” —Dan Saffer
Steve Krug wrote a classic on web design called Don’t Make Me Think. He is a big proponent of usability testing, and his follow up book Rocket Surgery Made Easy focuses on usability testing. Although not paper prototyping, his YouTube video of a usability test is a great example of how simple the task can be when applied to an existing site.
“After all, usability really just means that making sure that something works well: that a person of average (or even below average) ability and experience can use the thing – whether it’s a Web site, a fighter jet, or a revolving door – for its intended purpose without getting hopelessly frustrated.” —Steve Krug
But there’s nothing like seeing paper prototyping in action. This eight-minute YouTube video is unexpectedly fun. You don’t have to find subjects who fit your personas exactly, but in this case, it brings out the best of usability testing with a simple paper prototype: Example Usability Test with a Paper Prototype.
Now grab a pad of paper and go test your interface ideas!
More Inspiring Design Links
These links stray from my topic a tiny bit, but they inspire me. Hopefully they will inspire you as well.
Bill Moggridge co-founded IDEO | A Design and Innovation Consulting Firm, designed the first laptop, and coined the term “interaction design”. Download a chapter of his landmark book at Designing Interactions.
IDEO’s founder, David Kelley, was also recently on 60 Minutes this past January.
Are you ready for MOOC (“massive open online courses”)? Interaction-Design.org is the place to get your game on.
Gary Hustwit of Helvetica fame completed his “Design Trilogy” of Helvetica, Objectified, and Urbanized.
Pattern Libraries for Web Design collect common solutions to design interactions on the web. Here are two libraries to peruse: Welie.com – Patterns in Interaction Design, and Yahoo! Design Pattern Library