HFI Usability Home

Usable. Experience. Design.

HFI Usability Home About HFI - Usability Experts Usability Consulting Usability Training & Certification Usability Tools & Standards Usability Newsletter Executives Only  

Contact Us | 1-800-242-4480

 
UI Design Newsletter
Current Issue
Past Issues
Reader Comments
Subscribe
Change Address
divider
HFI Webcasts
June 2008 Webcast
Upcoming Webcasts
Past Webcasts / Podcasts
divider
Ask Eric
Questions & Answers
Ask your question
divider
Readings
Published HFI Articles
White Papers
Intranet Standards
GUI Standards
Quantitative Usability
e-Commerce Usability
GUI Design
IVR
divider
Just Fun
Cartoons
Mouse Maze
10 Web Usability Tips
Usability Quiz
Web Usability Quiz
Contextual Innovation Quiz
Persuasive Design Quiz
Persuasion Flow Symbols
History of HFI Buttons
divider
Resources
Persuasion Flow Symbols
Accessibility
Bibliography
Usability Links
HCI Degree Programs

UI Design Newsletter – May, 2008

Print this page | Email this page

Insights from Human Factors International

divider line

In This Issue:

Look composed – How visuals can draw and drive attention.

Chief Scientist Kath Straub, PhD, CUA, looks at how eyetracking can guide effective composition.

The Pragmatic Ergonomist

Dr. Eric Schaffer, Ph.D., CPE, founder and CEO of HFI offers practical advice.

 
Look composed. How visuals can draw and drive attention.
   
 

People notice people. For lots of reasons, we are built to do that. As such, the presence (or not) of people in images can change how we look at, move through, interact with, and interpret a painting, a magazine, or even content on an individual page.

You know those photographs where no matter the angle, the person is looking directly into your eyes? Direct eye contact is particularly arresting. Our attention goes directly into the gaze. And it can be hard to break direct eye contact – even when the other person is on paper.

Sophia Loren

So, eyes draw attention. But eyes also guide attention. We (or at least most of us) are naturally interested in what other people are interested in.

For instance in the image to the left, chances are high that your gaze initially tracks to Sophia Loren's eyes, and then with her gaze, with a goal of finding what captured her attention. Though fortuitous here, thoughtful composition drives viewers' movement through the composition... and in some cases out of the frame and toward the next desired element.

Consider the images below. In the first case, the model's arresting gaze draws YOU in – personally. In the second, her gaze drives you toward the target product – but at the expense of failing to create that personal connection.

sunsilk eyes

Is one composition more effective? There is certainly emotional power in the direct eye contact. It’s personal. But the real question is this: where do people's eyes go once they break that eye contact? After all, making a connection is not valuable unless viewers also make the connection with the brand. So to be effective, an image needs to draw people in but also to drive them to look towards the thing being touted.

Eye tracking provides an easy, objective way to sort this out.

Eyetracking studies capture where people look, how they move (visually) through a page, and how long they linger on the various spots. (For websites studies, they can also capture mouse movement and clicks.)

Results are often conveyed in "heatmaps" overlaid on the original image. Hotspots (the red ones) on the heatmap define where people looked most, lingered and looked most often.

Sunsilk eyetracking

Provided the eyetracking analysis, the effective image is easy to pick out. When the woman looks at us, we tend to look at the woman and the tagline and ignore the product. When the woman looks at the product, we tend to look at the woman, the tag line and – most critical for the advertiser – the product.

Look at THAT. Composition matters

The Pragmatic Ergonomist, Dr. Eric Schaffer
   

 

As we move toward persuasion engineering we must attend carefully to how our user's attention is shaped, as well as their emotional reactions. This is important in a simple advertisement. But this is also important, and more complicated, in the interactive world of online media. We have long modeled and shaped our user's interaction to ensure good performance. Today that requirement is a given. Now we have to shape the user's attention to see the things we want seen, and we need to shape the user's emotional reaction so that we reach our persuasion objectives.

Find out more about the dynamics of persuasive design

divider line

References

Bunnyfoot.com (2006). Get real focus from your customers - try something different from focus groups.

Comment on this article
 
Name: *
Company:  
Email: *
Comment:  

Reader comments on this and other articles.

The HFI User Interface Design Update Newsletter discusses the latest research in the field of usability. To learn more about the practical application of recent usability research and how it impacts user-centered design, we invite you to attend our Putting Research into Practice course.