Skip to page content or skip to Accesskey List.
Search evolt.org
evolt.org login: or register

Work

Main Page Content

How Good Does Your Web Site Look on Paper?

Rated 3.56 (Ratings: 3) (Add your rating)

Log in to add a comment
(5 comments so far)

Want more?

 
Picture of ideahamster

troy janisch

Member info | Full bio

User since: July 08, 2002

Last login: September 07, 2005

Articles written: 15

The best way to improve the effectiveness of your company's web site is to let your site's users lend you a hand (quite literally) through the process of paper prototyping.

Paper prototyping is a fast, low-cost method of testing web site designs. It involves creating rough sketches of a web site design and inviting some of your users to take the design for a test drive using their pen, instead of a mouse, to complete important tasks.

As users explore the site on paper, they are asked to describe their experience aloud to a facilitator who explains the tasks to be completed. Although a typical paper prototyping session takes less than an hour of a user's time, the amount of time it saves your company can be invaluable.

Usability Guru Jakob Nielsen, Ph.D., of the Nielson Norman Group advocates paper prototyping in a 32-minute instructional DVD offered by the company. "Users really get into the spirit of the test, even if the user interface only exists on a piece of paper. There is a suspension of disbelief. People really focus on doing their test tasks," Nielsen said. "Paper prototyping does work."

Paper prototyping is ideal for identifying some common "high-level" problems that afflict web sites:

  • Navigation/Flow

    Paper prototyping is an ideal method for testing the navigation and flow of a web site. Users can help you determine whether organization of the web site is intuitive and whether the terminology used in the navigation makes sense.

  • Content

    Paper prototypes are a good way to test the effectiveness of content within the site. You can identify whether the content and writing style used within the site is appropriate. Users often help identify content this is missing, unclear, or unnecessary.

  • Layout

    Hand-drawn designs allow users to provide a wide range of feedback. They can help you determine if pages contain too little or too much information, and whether the general layout of the page is effective.

  • Functionality/Interactivity

    By providing users with simulations of interactivity in the site, you can determine whether proposed functions will be utilized and valued by users. For example, it can help determine whether a "do it yourself" planning tool will be used by site visitors.

It only takes 6-8 customers using a paper prototype to identify prevent more than 80 percent of these kinds of high level problems that occur within web sites. Since the goal of paper prototyping is to achieve the most effective, customer-friendly site, it's not surprising that sites employing paper prototypes earn a higher user satisfaction rating.

However, customers aren't the only ones who benefit. Companies using paper prototypes can implement sites more efficiently, allowing them to complete projects faster at a lower cost.

Carolyn Snyder author of 'Paper Prototyping: The Fast and Easy Way to Design and Refine User Interfaces' said that virtually every web site or software development project will benefit from paper prototyping. "For much of its history, paper prototyping has been a tool clenched firmly in the hand of the academic researcher or usability specialist. Like any useful tool, though, its greatest potential can be reached by placing it in the hands of the nonspecialist along with instructions for its proper use."

Troy Janisch is president and founder of Icon Interactive™, an industry leader helping companies integrate Internet and other Interactive media into sales channels, marketing strategies, and overall branding. He can be contacted by email at tjanisch@iconinteractive.com.

Using Adobe Acrobat...

Submitted by chozsun on June 2, 2004 - 06:13.

I use Adobe Acrobat to transform my completed website into paper and most of the time, I will hammer out the design in Photoshop before picking the items apart and using them in my new design. Unfortunately, I use border-color : ThreedHighlight ThreedShadow ThreedDarkShadow ThreedLightShadow; within my td's CSS which does not render correctly in Adobe Acrobat. Is there a better alternative to ThreedX or am I just stuck.

login or register to post comments

thanks for this informative article Troy

Submitted by drax on June 7, 2004 - 06:44.

I had been looking a expensive online tool to show me the step by step motions on visitors to my site, this new testing process seems to offer the same benifits, without the high cost. Knowing your target markets browsing habits is the key to getting and keeping their attention. I think i will look into some tests with this process.

login or register to post comments

ScreenShots

Submitted by eliteral on June 30, 2004 - 05:14.

We usually use screen shots by using the Screenshots Maker available at [http://www.downloads.com]. Then we use the printmanager available in the ScreenShots manager to put our website on paper. It has a nice layout view too.

Editor's note: Please do not try to hide links in punctuation. It does not serve your search engine ranking and it's not respectful for the site you post on. Thank you.

login or register to post comments

Never have that luxury...

Submitted by diggerdude on February 12, 2007 - 20:16.

It seems like I always end up throwing something up on the web to get it up and then I am constantly updating the site piece by piece starting with buttons, then background colors, then fonts and sizes. For me, developing a site is almost never finished. It's a continual process which is a really bad habit I need to get out of. I don't ever have the opportunity to view a finished design and say "hey, that looks cool" then chop it up and place it.
Thanks,
Digger

login or register to post comments

I'm not sure this qualifies

Submitted by Heironymous on April 20, 2007 - 23:19.

I'm not sure this qualifies as full blown prototyping, but I always sketch out the site and create flowcharts for my sites. In addition to catching erros it helps the designer to focus the design and remove any redundancy. --Andrew New York City, Washington DC Photography

login or register to post comments

The access keys for this page are: ALT (Control on a Mac) plus:

evolt.orgEvolt.org is an all-volunteer resource for web developers made up of a discussion list, a browser archive, and member-submitted articles. This article is the property of its author, please do not redistribute or use elsewhere without checking with the author.