« How eyetracking helps website redesigns: an Eyetools case-study | Main | Is the Washington Post wasting money on the bottom half of their homepage? »

February 22, 2005

The new Washington Post Homepage design -- an Eyetools eyetracking analysis

Eyetools Heatmap of people reading
the new Washington Post homepage
(launched February 15, 2005)

Washingtonpost_eyetools_new_homepage

Last week, the Washington Post announced a new homepage — here's an Eyetools Heatmap of a group of 19 new visitors viewing the new page and what we can learn from its design.

Fast summary:

  • Top half of page — good readable design.
  • Bottom half of page — bad example of line-spacing and white-space discourages reading.

Note: This entry is not an exhaustive report, instead it's a quick sample of things! Despite that, this entry is still too long by most weblog standards — there's always so much to be said about the data... alas.

Learn from Washington Post's successes

  • Main content area — good readable design. It is heavily viewed and read (more so than some other news sites). Good use of line-spacing and white-space. People even scroll. Job well done!

Learn from Washington Post's mistakes

  • Bottom half of page — ineffective line-height spacing and lack of white-space reduce reading. Most of the content is being missed and there is no consistent guidance of eyes to section headings.

    Opportunities to communicate value to visitors is greatly reduced in this area. We've seen other websites do a better job.

Advertising

The ads changed for each person, so numbers are averaged and are not tied to specific creatives. The numbers reported are pretty typical, in our experience, for sites of this kind. It's worth noting that we measure what is happening with advertising and photos with statistics rather than relying on the heatmap (email me if you want to know why, and maybe I'll write-up an entry about it).

  • Masthead ad — 32% of visitors saw it, looking at it on average 1.2 times, for a total time of 0.7 seconds. On average, it was seen 28.5 seconds after the page loaded.
  • Cube ad — 79% of visitors saw it, looking at it on average 2 times (each time for approximately 1 second), for a total time of 2.1 seconds. On average, it was seen 18.7 seconds after the page loaded.
    • Clearly there is a more we could say about advertising effectiveness, but not today — the main point of this entry is about design.

      A final note about this type of research

      Getting this type of data isn't difficult or expensive. Giving direct visual eyetracking feedback to designers is a great thing because it completes the creative design loop — designers already utilize visual design, fonts, background colors, and spacing with the intention of effectively guiding visitors' eyes, and eyetracking data introduces feedback into that system.

      TrackBack

      TrackBack URL for this entry:
      http://www.typepad.com/services/trackback/6a00d834202a2053ef00d8345802f369e2

      Listed below are links to weblogs that reference The new Washington Post Homepage design -- an Eyetools eyetracking analysis:

      » The new Washington Post Homepage design -- Lessons learned from del.icio.us WebCites
      Another interesting analysis from these guys. What is the economic sense?... [Read More]

      » Eyetools Research Blog from KasLog
      I came across an interesting new blog (at least I think it's new), the Eyetools Research Blog, by Greg Edwards, founder of Eyetools, Inc. He talks about his company's eye movement tracking hardware and software, to analyze the effectiveness of web pa... [Read More]

      » New Usability Research Tool: Eyetools Research Blog: The new Washington Post Homepage design -- Lessons learned; an Eyetools from Al's Dartboard
      There's a new usability research tool out there: Eyetools. Tracks users' eye movements on a web page. Two kinds of reports: a [Read More]

      » Eyetracker researcher starts a blog, analyzes Washington Post homepage redesign from Matt McAlister

      From Eyetools Research Blog:

      Last week, the Washington Post announced a new homepage — here's an Eyetools Heatmap of ... [Read More]

      » Web Page Design from Colin's Corner
      Analysis of the new Washington Post Homepage design by Eyetracker The Eyetrack III research released by The Poynter Institute, the Estlow Center for Journalism [Read More]

      » Eyetracker Blog from wiredpen
      There's a new blog on the block, Eyetools Research, brought to us by the folks who conducted eyetracker research for Poynter.org last year. Greg's analysis of the Washington Post home page redesign not only illustrates what eye-tracking is, it shows [Read More]

      » What works and what doesn't in washingtonpost.com's new design from CyberJournalist.net
      Greg Edwards of Eyetools Research did a fascinating heatmap of a group of 19 new visitors viewing washingtonpost.com's new front page to see what can be learned from its design. He concluded that the main content area in the top... [Read More]

      » Pondering the New WashingtonPost.com from DCist
      A company called Eyetools Research has posted an interesting analysis of the Washington Post's new website, concluding that although the design of the top part of the page is very good, the design of the bottom half could be improved: "ineffective line... [Read More]

      » WP.com Redesign Gets Mixed Reviews from mediabistro.com: FishBowlDC
      DCist points us today to an analysis... [Read More]

      » WaPo Website Heatmap from J-Log: Journalism News, Media Views
      CyberJournalist: What works and what doesn't in washingtonpost.com's new design - Greg Edwards at Eyetools Research has put together a heatmap of the Washington Post's new homepage design. They measured 12 people for the quick study on the redesign. S... [Read More]

      » Eyetrack and Usability Notes from steve.coldfusionjournal.com
      I recently discovered (through Pete Freitag's blog) a new (to me, anyway) study on web site usability (or usage, anyway). Eyetrack III is a study of the eye movements of 46 people on fictional and real news web sites. They published a summary of th [Read More]

      » Eyetrack and Usability Notes from steve.coldfusionjournal.com
      I recently discovered a new study on web site usage. Eyetrack III is a study of the eye movements of 46 people on fictional and real news web sites. They published a summary of their findings as well as an FAQ about Eyetrack. For ongoing reading on [Read More]

      Comments

      So, I can have an SEO-aware copywriter crank out 10 pages for $2000. I can get an SEO analysis of what it takes to drive people to my site for $1000.

      Analyzing one page with this technique costs me $1900, and I only get 19 subjects.

      The SEO copywriter's claim is that he will INCREASE my conversion rate.

      I like the analysis, but I would like to see the following story. We saw web page X, before testing, web page X was getting a conversion rate of Y (say what conversion means). Our analysis led to a conversion rate of Z, justifying the price of W.

      Right now, your pricing is targeted at high sales sites (that's what would potentially justify the cost). I might be willing to pay $100 to get a page analyzed for a site. Are you able to take your research, extract some heuristics, put those in an algorithm, and turn it into a higher volume package?

      Bud, thanks for your comments here. It emphasizes that I need to tie things to revenue and can't just talk about interesting findings (darn... :-). I've put up a new post at ( http://blog.eyetools.net/eyetools_research/2005/02/is_the_washingt.html ) that talks about the Washington Post revenue impact.

      Also, our clients have had:
      - 60% lift in PAID conversions (on a sales site --MarketingSherpa-- selling $150 reports -- as reported by Anne Holland, editor of Marketing Sherpa.

      - 10x times increase in homepage click-throughs ( http://blog.eyetools.net/eyetools_research/2005/02/how_eyetracking.html )

      - 47% lift in ad click-throughs on the main sponsored ad of a niche publishing site.

      Eyetools' services are geared toward websites that generate revenue, because we can help optimize that process so much, and it's not $100, but it _is_ $1000 for a homepage, which in the bigger picture isn't expensive for most companies.

      Are you kidding me? This is probably the most cost effective analytical tool yet. I would like to see a larger sampling but maybe 19 is enough. At what point do you get diminishing returns? Anyway I still think it's a great tool. Let me know when you adjust pricing for blogs. dt

      It's a great blog,I am impressed by your writing style.Great tips and resources.Thank you Sir.

      Verify your Comment

      Previewing your Comment

      This is only a preview. Your comment has not yet been posted.

      Working...
      Your comment could not be posted. Error type:
      Your comment has been saved. Comments are moderated and will not appear until approved by the author. Post another comment

      The letters and numbers you entered did not match the image. Please try again.

      As a final step before posting your comment, enter the letters and numbers you see in the image below. This prevents automated programs from posting comments.

      Having trouble reading this image? View an alternate.

      Working...

      Post a comment

      Comments are moderated, and will not appear until the author has approved them.