Study Guide for the Book
Homepage Usability: 50 Websites Deconstructed

Many companies run reading groups or study groups about usability or web design, where team members meet to discuss the lessons from books like Homepage Usability: 50 Websites Deconstructed. The following four exercises will work for home study (i.e., just yourself), but they are mainly targeted at design teams that want to apply the lessons from the book to their own project.

The page numbers in the following refer to the English edition of the book. If you have a translated edition, the guidelines and statistics recommendations may be located on different pages.

Exercise 1. Evaluate a redesigned homepage

BBC released a redesign of their homepage after we published the book. Compare the redesigned homepage with the original picture and commentary in Homepage Usability and evaluate how many usability problems BBC solved in the new design.

> Picture of new BBC homepage and instructions
> Solution to Exercise 1 (please do not peek - don't follow this link until after you have scored the new BBC page)

Even though the BBC changed their design, the original homepage analysis in the book is still of interest. Many of the other websites represented in the book are probably going to take advantage of getting free consulting and will probably revise their homepages as well. That is OK, because the goal of the homepage analyses was not to provide recommendations to 50 design teams. When we write design recommendations, we do so in a different style. The goal of the book is to learn about homepage design by taking a detailed look at a set of case studies. So it's just an additional benefit when readers get the opportunity to compare the before and after versions of the pages, and thus see which of the usability problems have been fixed.

Exercise 2. Use guidelines to evaluate other homepages

  1. Choose a homepage (other than your own) to use for this exercise. You might want to try evaluating a competitor's homepage, a site with similar business goals, or a homepage from a popular website that interests you.
  2. Take a screenshot of the homepage, to ensure that you evaluate the same design for all of the guidelines. Capturing the page is necessary, because many sites update their content frequently.
  3. Evaluate whether or not the homepage follows the homepage guidelines (pages 10 to 35 in the English edition). For each guideline, give the site one point if it follows the guideline, or half a point if it only partially follows the guideline.
  4. Add up all of the points.
  5. Divide the total points by 113 (the total number of guidelines). This will give you the percentage of the guidelines that the homepage follows.
Tips

Exercise 3. Evaluate your own homepage's guidelines compliance

Use the procedure in Exercise 2 to evaluate how closely your company's own homepage follows the homepage guidelines.

Exercise 4. Evaluate how close you are to the "recommended homepage design"

Evaluate how many of the recommendations your homepage follows from the table at the end of the statistics chapter (pages 52 and 53 in the English edition), using the following procedure:
  1. For each recommendation in the table that your site follows, give yourself points equal to the number of stars in the "Strength of Recommendation" column. For example, if you have your logo in the upper left corner, you get three points.
  2. Add up all of the points.
  3. Divide the total points by 85 (highest possible score). This will give you an estimate of how close your homepage is to the ideal design, in terms of what percentage of the recommendations you follow.