• The inventors of eyetracking heatmaps, experts in eyetracking analysis

How Eyetracking Helps Website Redesigns: an Eyetools Case-Study

Client realizes 10x increase in click-through after redesigning a homepage guided by three Eyetools studies.
Test #1 of Existing (old) Page Test #2 of Prototypes Test #3 of (new) "Best practices" Page Launch

Clientbeforeaggimage_182

  • Most content wasn't seen.
  • Most people preferred the competition.
  • 3 prototypes generated based on data from test #1.
  • Prototypes were quickly generated as images (can test image-mock-ups or HTML).

Clientafteraggimage

  • Most successful elements of each prototype from test #2 pulled together into a final prototype.
  • Most content now seen.
  • Most preferred this website over competitor.
  • An entire column of paid-content was added, and was economically successful.
  • Click-throughs increased by 10x times.
  • Satisfaction increased by double.
  • Faster redesign — entire process took less than 45 days from start to launch (including the three tests) because all the parties involved agreed on what was working and what needed fixing.

A PDF of this homepage redesign using Eyetools eyetracking can be found here (4 pages, 905 K, images of a site before/after, plus Eyetools heatmaps).

Guiding a website redesign with Eyetools eyetracking data offers these advantages:

  • Objective, visual feedback to your designers and copywriters about what works and what doesn't,
  • Test before launching — don't launch a mistake that loses traffic,
  • Remove "opinion-based discussions" (and guess-work) about what is seen.
Written by Greg Edwards

Other articles written by Eyetools

Success stories

Eyetools Doubles Conversion Rate for Fortune 100 Client
How Eyetracking Helps Website Redesigns: An Eyetools Case Study

Basics of Eyetracking

Understanding Eye Tracking, Part 1:  Misinterpreting Data
Understanding Eye Tracking, Part 2:  What You Can Learn From Eyetracking Data
Understanding Eye Tracking, Part 3:  What Is a Heatmap Really
Understanding Eye Tracking, Part 4:  What Is a Scan Path
Understanding Eye Tracking, Part 5:  Time And Heatmaps

People can't click on what they don't see

Small Decreases In Viewing Can Decrease The Probability Of Being Clicked By More Than 50 Percent
Wasting Money On Content In Visual Dead Zones

In the Press

Yahoo Search Assist Uses Eyetools Eyetracking To Optimize Design Based On Eyes And Where People Look
Eyetools In Wall Street Journal: Benefits Of Heatmap Testing For Ibm Ogilvy Cisco
Eyetools In Adage About Ogilvy Using Our Eyetracking For Its Email Clients
The 3rd kind of conversion problem: the most exciting one

Examples

Common Email Layouts B2C Electronics Template
Eyetracking Circuit Citys Email Template
Branding Effectiveness Sports Illustrated And Footaction
Css Zen Garden An Eyetools Eyetracking Analysis
Is The Washington Post Wasting Money On The Bottom Half Of Their Homepage
The New Washington Post Homepage Design: An Eyetools Eyetracking Analysis
Blog Analysis And Optimization With Eyetracking
Eyetracking a Navigation Bar How Many Elements Are Read? Well, It Depends

Eyetools eyetracking and SEO / SEM

Eyetracking Google Search Results Eyetools Research: This One Should Help With Search Engine Optimization SEO/SEM Planning
Eyetracking Google Checkout Button Does Not Increase Viewing Significantly But...
Google Eyetracking Study Of Search Results On Sale
Version 2 Google Golden Triangle Eyetracking Search Report