How To Test A Web Site Design In An Hour And On a Shoestring Budget

I have a friend who volunteers to be on an advisory board for a land trust conservancy organization. They have been designing a web site for the land trust. But they are all volunteers, and the organization doesn’t have a budget for web site design. They have a programmer donating her time to put together the website.

Can you get user feedback when the site doesn’t even exist yet? — My friend’s background is in usability, and she was concerned that the web site that the programmer was putting together had usability problems. But the group has virtually no budget to do user centered design or get user feedback on the prototype. And all she had were some pictures of a draft of some of the pages. For example, here’s what she had for the home page:

Picture of home page for Conservancy site

The menus didn’t “work” because it was just a picture, so she put together this page showing what would be in the drop downs if you did click on the main navigation on the home page:

Picture of home page with drop down menus

And then she had some “inside” pages, like this:

So here’s what we did to get some user feedback on the draft website:

1. We took the jpeg files she had and put them into powerpoint

2. We used the save as a web page feature in powerpoint to create an HTML page. This put all the pages of the website into an HTML page with navigation on the left that would allow the use to navigate from page to page. That web page looked like this:

3. We posted the web page on my server (the one I use for my blog). It was just a handy place to post the page. This gave us a URL that we could give to people to collect the user feedback.

4. We set up a “user test” at UserTesting.com. This is a “remote unmoderated” type of test, meaning we provided a URL (from #3 above), a scenario and some instructions. Because this isn’t a working website we had to explain this in the scenario and the instructions for the people who would be using the “web site”. For the scenario we wrote the following (I put it in italics here — we didn’t really use italics):

NOTE: This is a prototype of a site, so it will look and act a little differently from a regular website.

You are a landowner who is interested in preserving your land from development. You have heard that NCCT (North Central Conservancy Trust) can help you do this with a conservation easement.

For the actual “test instructions” we wrote (again, we didn’t use italics):

1. Because this is a prototype, you won’t be able to click on links on the page itself. For this first task, please just stay on the “home page”. Where at the website do you think you would go to find out how a conservation easement would help you preserve your land? — remember you can’t click, but please just tell us where you WOULD click at the real page.

2. Still staying on the “home page”: Where would you go to find out all the properties NCCT has already preserved to date.

3. Still staying on the “home page”: Where would you go to read NCCT’s newsletter?

4. Still staying on the “home page: Where would you go to join NCCT?

5. Still staying on the “home page”: You heard that there is going to be an outing sponsored by the conservancy, for example, a tour of one of the properties that the land trust holds an easement for.  Where would you go to find information about the tour?

6. Still staying on the “home page”: Where would you go to see a sample easement?

7. Still staying on the “home page”: Where would you go to donate to NCCT?

8. Use the Navigation links on the left to go to the second slide. This main links on this slide are a little different, and the slide also shows what the mouse rollovers/drop downs are for the main links. Now that you see these, do you want to change your answers to any of the previous questions? Do you have suggestions for renaming the labels on the “home page”?

9. Use the Navigation links on the left to look through the rest of slides. Please note that a) most of the slides do not have real content. The text is just a placeholder, and b) the plan is to have a different color scheme for each section.
What do you think of the rest of these pages? Please comment on: the layout of the page, the use of colors, fonts, visual appeal and anything else you would like to comment on
.

5. Next we filled out the UserTesting.com form with how many users we wanted to test, what ages, income, gender etc., and then we submitted the test. Within a few minutes people were testing the site, and a few hours later we had all the videos ready to view showing what people thought and said and reacted to as they “used” the new website.

And that’s how we tested a web site design quickly and with a minimum of money (usertesting.com charges $39 for each user). My friend is now taking the results back to the advisory board so they can decide what to change.

Do you have ideas or stories on how you have conducted user testing quickly and inexpensively? If so, please send me your story via comments.

If you are interested in the UserTesting.com service, click the affiliate link below and you can get more information:

>

——————————————————————-

Did you find this post interesting? If you did, please consider doing one or more of the following:

add your comment
subscribe to the blog via RSS or email
sign up for the Brain Lady newsletter
share this post

100 Things You Should Know About People: #29 - Brand Names Talk To Our "Old" Brains
Web Site Bloopers

Leave a Reply

Your email address will not be published. Required fields are marked *