Usability heuristics for web development teams

Often when clients have a relatively low budget for usability testing, or a short amount of time in which to conduct it, an ‘expert’ or an ‘heuristic’ review will be run by an experienced usability practitioner. There are slight differences between the two, with the expert review entailing a less formal evaluation process than the heuristic review. But all things considered, they’re pretty much in the same ballpark time wise… So I suppose that means cost wise too.

There are a number of advantages in conducting either type of review. As I mentioned above, where resources are limited, they can be an effective and efficient method of assessing a site; the time and cost associated with recruiting, interviewing and paying test participants is negated. These evaluation methods can also be conducted very easily and consistently throughout the life of a site, providing a benchmark as well as a periodical health-check.

In conducting an heuristic review, a series of guidelines or checkpoints is used by the usability expert to assess a site (or application). In conducting an expert review however, these specific guidelines may not be utilised, with the practitioner relying on their expertise of general usability principles to review the site at hand.

Arguably, the most well known usability heuristics are those developed by Jakob Nielsen, who outlines ten rules of thumb. There are numerous variations of Nielsen’s ‘standard ten’ including an extremely detailed checklist developed by Deniese Pierotti for Xerox. Pierotti’s heuristics use Nielsen’s ten rules as a foundation, but then goes further by providing individual checkpoints specific to each rule. It’s definitely an extensive list of usability checkpoints, and one which I expect was developed for a particular environment.

The thing is…

I believe there are a whole lot of things that haven’t been considered in these lists. If we’re going to take a best practice, user centred, holistic, may the force be with you approach to web development, surely there should be a broader focus; and one that incorporates as many areas of front end development into an heuristic review as possible.

If we consider the Information Architect (IA), the ‘JavaScripter’ and the web standards developer, each of these roles has a great deal they can contribute to creating a better, more holistic set of usability heuristics.

The IA…

In 2004, Louis Rosenfeld published a list of heuristics for the IA where he said:

Every information architect should always have a set of favourite questions in their back pocket; they really do come in handy.
I categorize mine into groups that correspond to the five areas that a user is most likely to interact with a site’s information architecture:

  1. Main page
  2. Search interface
  3. Search results
  4. Site-wide navigation
  5. Contextual navigation

A couple of weeks later, he expanded on these by developing a series of heuristics specific to Search Systems . These are very specific, and don’t necessarily apply to every site or application. But what they do offer is an opportunity to build a more tailored and well rounded set of web usability heuristics. In summary, the search system heuristics focus on the review of:

  1. Locating search
  2. Scoping search
  3. Query entry
  4. Retrieval results
  5. Query refinement?
  6. Interaction with other IA components
  7. Finishing search

Both articles offer far more detail defining each heuristic with a series of related questions. They are essential in understanding how IA heuristics can build on the standard ten that have been churned about for long enough.

The JavaScripter…

I’ve yet to find any real list of ‘JavaScript Heuristics’ related to the use of JavaScript in a site. However, there are methods of implementing JavaScript in ways that improve both the overall user experience as well as general site accessibility, and so I think developing a couple of rules specific to that would be useful. A set of JavaScript heuristics I created for a recent usability review included:

  1. Does the site navigation work with JavaScript disabled?
  2. Does key site functionality fail when JavaScript is disabled?
  3. Does the site use (script based) pop-ups?
  4. Does the site use device independent scripts?

No doubt there are others that could be included here, but I think it’s a good start… Can you add to this?

The Web Standards Developer…

The quality of front end coding (CSS and HTML) also has a significant impact on site usability and should certainly be a consideration when developing a set of usability heuristics. ‘Coding Heuristics’ might include questions such as:

  1. Does the site incorporate a favicon?
  2. What is the naming convention used in title tags?
  3. Is the site coded semantically?

Each of these heuristics improves the general usability of a site for all users, but there are other, more specific coding techniques that will improve site usability and accessibility.

Quite a few of the accessibility guidelines outlined in WAI WCAG 1.0 also improve site usability for users who are not disabled. In addition to those above, I will typically include these as coding heuristics:

  1. Does the site implement fieldset and legend?
  2. Does the site use frames?
  3. Is colour contrast adequate?
  4. Are visited links obvious?
  5. Are link destinations clear?
  6. Is the file type of downloads obvious e.g. pdf’s?
  7. Have relative font sizes been incorporated?
  8. Can the site be read with style sheets disabled?
  9. Does the site validate?

I’m not suggesting that this would negate the need for a complete accessibility audit. Clearly that is a stand alone event. But in conducting an heuristic review of sites usability, these are elements that directly affect all users.

This list is by no means exhaustive and in some cases it might be appropriate to refine these usability heuristics so that they’re more in tune with your own approach. But in conducting an expert or heuristic review, we need to think a lot deeper than the GUI. We need to move forward from the ‘standard ten’ and incorporate heuristics that address holistic development and user centred design. Beauty is, after all, only skin deep!

Primary Source
Making Computers-People Literate. Copyright 1993. By Elaine Weiss ISBN: 0-471-01877-5
Secondary Source
Usability Inspection Methods. Copyright 1994.By Jakob Nielsen and Robert Mack ISBN: 1-55542-622-0


Category: Patterns & Practices Time: 2007-01-21 Views: 3

Related post

  • Trade-offs of local vs remote development workflows for a web development team 2011-12-12

    We currently have SVN setup on a remote development server. Developers SSH into the server and develops on their sandbox environment on the server. Each one has a virtual host pointed to their sandbox so they can preview their changes via the web bro

  • Ways for a beginner to network out and find customers for web development 2010-09-02

    I am new to web development. I have done a lot of studying on my own and created some projects on my own. I have reached the point where I feel that my skill will not progress much without more practice experience. I know that it is one thing to buil

  • Does anyone use virtual machines for web development, and why? 2010-09-16

    I see a few developers that like to use virtual machines for web development. Are there others that do this? If there are, why do you do it? Are there any pros / cons to developing on a VM rather than in a non virtualised environment? I would think t

  • When is Java a good choice for web development? 2011-01-18

    When is Java a good choice for web development? Please do not say "When you have a development team that knows only Java." --------------Solutions------------- Given the many available frameworks, the maturity of the platform etc., I'm tempted t

  • Functional programming language for web development 2011-05-03

    I want to choose to learn a functional programming language, it should fulfill the criteria: Open source, static typed & fully object-oriented too. Must has web framework because it's for web development. I want to avoid oracle jvm altogether, theref

  • GIT workflow for web development 2014-08-15

    Long ago the small team of web developer I work with started using git for web development. Back then we just committed to staging or master directly and then merged frequently between the two. It was better than nothing, but it was also a mess. Not

  • Is Ubuntu 10.04 suitable for working on for web development 2010-06-03

    Im just wondering what everyone's experiences are with the latest Ubuntu 10.04 version? Is it stable enough for a working environment? I require it for web development, so using VMs, IDEs, connecting to VPNs, SSH to servers, etc. Im currently using 9

  • Could you share your emacs dot-files for web development 2010-06-11

    could you kindly share your emacs dot-files for web development that works with CSS, HTML, JavaScript, PHP and if possible with Python Django. I really need complete setup. I looked nXhtml and its good on some parts (html code completion works but su

  • Opera for web development 2010-09-29

    Many developers recommend Firefox for web development for a variety of reasons. But, after looking at Opera, it seems to me that Opera has all of the same web development functionality that Firefox has built into it. So what is wrong with Opera for w

  • Best Programming Language for Web Development 2011-01-12

    This question already has an answer here: What technical details should a programmer of a web application consider before making the site public? 1 answer I am a Web Developer in PHP, and also know Javascript and some bit of CSS which is needed for w

  • Any good resources on setting up an ubuntu virtual machine for web development? 2011-02-07

    I'm currently on my placement year at uni with 4 months left. Before working at my current place, I have not used a nix environment for web development and have used WAMP. Over the past year I have found some very interesting new tech that requires a

  • Finding a new programming language for web development? 2011-06-22

    I'm wondering if there are any less-biased resources that give good, specific overviews of programming languages and their intended goals. I would like to learn a new language, but visiting the sites of each language isn't working. Each one talks abo

  • Choosing between CL and Python for web development 2011-08-11

    I'm coming from a Java / PHP background and after I read this little essay by Paul Graham I started wondering about picking up a new language namely Common Lisp to speed up my work (I'm a web developer). I'm writing pet projects currently but I have

  • Are C and/or C++ viable/practical options for web development? 2012-01-28

    This question already has an answer here: Can C++ be used as a server-side web development language? [closed] 9 answers I am proficient in C, and I am learning C++ right now. I always played with websites (HTML/CSS), and I was wondering if it would b

  • Eclipse for web development 2012-07-12

    I'm looking for a better solution for developing with JavaScript, CSS and HTML instead of using the old fashioned text editors. When I started to develop android applications I was kind of sceptical about Eclipse and this "new school IDE whatever&quo

  • Windows browsers in ubuntu for web developent 2012-09-18

    I regularly do front end development(html,css,js) and need to test websites for ie7, ie8, ie9, firefox, chrome, safari, opera in windows.I would like to move to ubuntu, but am concerned that testing websites might get very difficult.Do I have any opt

  • Browsers specifically for web development 2013-01-24

    What are some browser "distributions" (a la linux distributions) that are pre-configured for web development? I'm thinking for example of an OSX app I can download that contains Firefox already configured with the most popular web development FF

  • Prebuilt VM environments for Web Development 2013-09-02

    I am looking for a pre-built, ready to download Virtual Machine image for web development purposes. This VM should include programmes such as an http-server, a database, an ftp client, an IDE for PHP debugging and some other useful programs e.g. Chro

  • Which Mac for Web development + iOS development 2014-02-21

    I'm a Windows user, but I'm looking to get a portable Mac for web development and iOS development. I will be running sublime 3, Xcode and probably Nginx or XAMPP as my server. Would the 11-inch MacBook Air be a suitable machine? If not, what would be

iOS development

Android development

Python development

JAVA development

Development language

PHP development

Ruby development


Front-end development


development tools

Open Platform

Javascript development

.NET development

cloud computing


Copyright (C), All Rights Reserved.

processed in 1.873 (s). 13 q(s)