Heuristic Evaluations

HCI Course Part 4 - Heuristic Evaluations

This is part four in my series about the Human-Computer Interaction course I took through CourseraRead all my posts for the full story

An important part of this course is the peer review and self-evaluation process. If you take the process seriously you can learn a huge amount by evaluating the work of other students as well as your own work. Each assignment has a grading rubric to help you figure out what kind of feedback to give and how to score.

The peer review and self-evaluation process for Assignment 3 Wireframing also gave us a chance to practice a common UX technique: heuristic evaluations.

What are heuristic evaluations?

To Buy or Not to Buy

hyundai-questions.jpg

Recently I found myself on the hunt for a new-to-me used car. After researching at places like Edmunds and Kelly Blue Book I proceeded to scour car dealers' websites for my preferred makes and models. Since this was my first time buying from a dealer I had a lot of questions. The questions I started out with were about the cars.

The questions I ended up with were about the websites.

For example, I selected a car from South Point Hyundai's list of used cars and saw:

Hyundai Screenshot

Hyundai Screenshot

This is a partial list of questions I had while looking at the page:

hyundai-questions.jpg

Hyundai questions

The questions I had about the page as a car buyer fell into two general categories: how can I find information about this specific vehicle being offered (features, price, etc) and why are there different buttons and links that seem to be the same thing?

Now I assume that the goal of a car dealer's website is to get you to come in person to see the car you want and then, depending on the specific dealer's philosophy, possibly up-sell you to a newer, more expensive car.

Here's my redesign to address my questions as a car buyer while also focusing on the dealer's goal:

Hyundai revamped

Hyundai revamped

First to address the consumer's need for information specific to this vehicle:

  • Add more photos of the actual vehicle being offered.

  • List features and options available on this specific vehicle in the second tab (possibly renamed).

  • If the advertised price is not available place an obviously click-able link to request the price.

To minimize buyer's confusion and information overload:

  • Remove one of the "Make an Offer" links.

  • Remove the "Request More Information" link (the "Ask a Question" link provides the same service).

  • Consider hiding the "Calculate Payments" box on pages without an advertised price.

For the car dealer's goal to get you to come in person and possibly up-sell the purchase:

  • Give the top right highly prominent spot on the menu the command to "Test Drive Today".

  • Directly under that, list location specifics and the hours open. Presenting these details removes the need to click through to a different page and the need to determine which departments' hours are relevant. That means a buyer could drop everything to run to the dealer immediately without the need to wait for another web page to load.

  • Add a third tab at the top to provide the details of this year's version of this vehicle. This allows consumers to easily sell themselves on the newest model because it has all those extra features they want.

As for me, I did find the car I wanted at a different dealer, one whose website quickly and painlessly answered my questions.

The Parable of the Corks and Rubber Stoppers

The Parable of the Corks and Rubber Stoppers

Match between system and the real world The system should speak the users' language, with words, phrases and concepts familiar to the user, rather than system-oriented terms. Follow real-world conventions, making information appear in a natural and logical order.

-- Jakob Nielsen's 10 Usability Heuristics for User Interface Design

Recently I found myself searching for a new rubber stopper for a piggy bank. I needed a short and wide rubber stopper or cork. The hole in the piggy bank has to be big enough to get the coins out of the bank yet the stopper must be short enough to allow room for many coins to fit in the small bank.

Not knowing where to find an item with this shape I started by searching the websites of some big name hardware stores. My hope was to visually scan pictures of items until I saw what I wanted and then drive to that store to buy it.

Heuristic Evaluation

One of the wonderful resources shared in Klemmer's HCI course are the articles by Nielsen Norman Group. Specifically, here are three we used to help us evaluate assignments during class. How to Conduct a Heuristic Evaluation discusses how to use a small set of people to examine an interface for usability issues with a list of criteria (heuristics) as an evaluation tool.

10 Usability Heuristics for User Interface Design presents some of the most general principles of interaction design. This list can be a good starting point for what to look for when evaluating an interface.

Severity Ratings for Usability Problems provides a way to prioritize the issues found with an interface.

Next up I'll be using these as guidelines as I search the web to find sites with usability issues.