SlideShare a Scribd company logo
  Eye Tracking on the web   Tommy Strandvall Tobii Technology
What do we actually see? The 1-2 º large  area of foveal vision is about the size of a thumbnail on an arm lengths distance The fovea is less than 1% of the retina but takes up over 50% of the visual cortex in the brain. Peripheral vision is mainly good at picking up movements and contrasts
Saccade Fixation The area of foveal vision
Why eye-tracking? Clear  additional  insights into behavior  Measurable behavior: data (numbers), images, videos Objective data on behavior Very visual results for better understanding Persuasive   results
When is eye-tracking valuable? When combined with other methods When the main goal is to improve the design of an interface If you have clear questions you want to find an answer to When comparing different design alternatives In both qualitative and quantitative research When adapting an interface based on typical behavior
How eye tracking is used As a complement in qualitative research to help describing behavior and supporting the findings To show live to others what the user is experiencing As a complement or standalone method in quantitative research to describe the typical user behavior In experimental research as the dependent variable
Different user groups of eye tracking Eye tracking is the sprinkle on the icing Eye tracking is the icing Eye tracking is the cake
What can eye tracking tell you? … WHY? WHAT? HOW?
If people don’t see it they won’t click on it… or do anything at all
VISUALIZING EYE MOVEMENTS
Scan path or gaze plot
Heat maps Count Duration Gaze opacity
Where do we focus on the web? Fixation count 0,5 sec Fixation count 1 sec Fixation count 1,5 sec
Measure visibility and impact of banners
Time from fixation to click TTF = Time to fixation TTC = Time to click 2,8 sec 28 sec
Visits and re-visits Heatmap: Absolute duration
% seen
Time to first fixation
Final version

More Related Content

PPTX
Eye Tracking - All will be revealed
PPT
Tobii Eye Tracking
PPT
Designing a Successful Eye-Tracking Study UPA 2008
PPTX
What You Need To Know About Eye Tracking (older barcamp version)
PDF
Eye Tracking the Mobile User Experience
PPTX
EYE TRACKING TECHNOLOGY
PDF
The Evolution Of Eye Tracking
PPT
How to do usability testing and eye tracking
Eye Tracking - All will be revealed
Tobii Eye Tracking
Designing a Successful Eye-Tracking Study UPA 2008
What You Need To Know About Eye Tracking (older barcamp version)
Eye Tracking the Mobile User Experience
EYE TRACKING TECHNOLOGY
The Evolution Of Eye Tracking
How to do usability testing and eye tracking

What's hot (20)

PPTX
EYE TRACKING TECHNOLOGY
PDF
Eye Tracking (IxDA 2011)
PPT
Eye-tracking presentation
PDF
Eye tracking and its economic feasibility
PPTX
Eye tracking
PPTX
Eyetracking
PDF
Eye Tracking Technologies: VDC-Whitepaper
PDF
Eye tracking – an innovative monitor
PPTX
Eye Tracking for Usability
PDF
From eye tracking to deep learning - how technology will change the way we in...
PPTX
Eye Gaze System
PPT
A Comprehensive Guide to Eye Tests Conducted During an Eye
PPTX
Computer vision syndrome
PPT
NEOUPA Remote Usability Studies
PPTX
Digital eye strain
PDF
Psychophysiology and Eyetracking in User Experience
PDF
Have you started using anti blue glasses yet
PPTX
Digital eye strain - Computer vision syndrome for students during Online clas...
PPTX
Improve your website user experience with eye tracking
PDF
UX Without the U Is Your X
EYE TRACKING TECHNOLOGY
Eye Tracking (IxDA 2011)
Eye-tracking presentation
Eye tracking and its economic feasibility
Eye tracking
Eyetracking
Eye Tracking Technologies: VDC-Whitepaper
Eye tracking – an innovative monitor
Eye Tracking for Usability
From eye tracking to deep learning - how technology will change the way we in...
Eye Gaze System
A Comprehensive Guide to Eye Tests Conducted During an Eye
Computer vision syndrome
NEOUPA Remote Usability Studies
Digital eye strain
Psychophysiology and Eyetracking in User Experience
Have you started using anti blue glasses yet
Digital eye strain - Computer vision syndrome for students during Online clas...
Improve your website user experience with eye tracking
UX Without the U Is Your X
Ad

Similar to Eye Tracking In Usability (20)

PPTX
Beyond Eye Tracking: Bringing Biometrics to Usability Research
PDF
Capabilities of EyeSee
PDF
Using a NAO humanoid robot to enhance the learning of children with learning ...
PPTX
Visual Attention & Processing with Visual-Only IM
PPT
Overview Of Eye Tracking At Yahoo
PPTX
Is Video the Future of Qualitative Research?
PDF
element54 - using Eye Tracking for Survey Usability
PPT
UI & UX : Using Human Psychology in Game Design
PPTX
Visualization Best Practices Webinar
PPTX
An Eye Towards User Engagement, EyeTrackUX West
PDF
A Journey into Evaluation: from Retrieval Effectiveness to User Engagement
PDF
Tobii Mr Brochure Web
PPTX
TVC Eye Tracking - Example Report
PDF
Investigating Perceptible Affordances of Natural User Interfaces - Jacques Ch...
PDF
Curso en Neuromarketing y comportamiento del consumidor
PDF
Unconscious, Eye Tracking & Tigers
PPTX
Reflexive monitoring in action
PDF
KLI Webinar: Eye Tracking The Mobile User Experience
PPTX
EYE TRACKING SAAPD Presentation For Medical amd Dental Students
PPT
Monitoring Soft Outcomes D2 Egk
Beyond Eye Tracking: Bringing Biometrics to Usability Research
Capabilities of EyeSee
Using a NAO humanoid robot to enhance the learning of children with learning ...
Visual Attention & Processing with Visual-Only IM
Overview Of Eye Tracking At Yahoo
Is Video the Future of Qualitative Research?
element54 - using Eye Tracking for Survey Usability
UI & UX : Using Human Psychology in Game Design
Visualization Best Practices Webinar
An Eye Towards User Engagement, EyeTrackUX West
A Journey into Evaluation: from Retrieval Effectiveness to User Engagement
Tobii Mr Brochure Web
TVC Eye Tracking - Example Report
Investigating Perceptible Affordances of Natural User Interfaces - Jacques Ch...
Curso en Neuromarketing y comportamiento del consumidor
Unconscious, Eye Tracking & Tigers
Reflexive monitoring in action
KLI Webinar: Eye Tracking The Mobile User Experience
EYE TRACKING SAAPD Presentation For Medical amd Dental Students
Monitoring Soft Outcomes D2 Egk
Ad

More from Acuity ETS Limited (19)

PDF
Validation of i_motions¹_emotion_evaluation_system_embedded in_attention_tool...
PDF
Arf world of-emotions
PDF
100201 i motions_pricelist_euro
PDF
Keyboard Shortcut Guide
PDF
Tobii Studio 2.0 Release Notes
PDF
Tobii Studio Brochure
PPT
Using Eye Tracking To Analyse Form Design
PPT
Eye Tracking Testing Dyslexia And ADHD
PPT
Keeping It Real While Thinking Aloudensuring Credibility Of Eyetracking Usabi...
PPT
Using Eye Tracking For Reading Studies
PDF
Tobii Studio Quick Start Guide
PDF
Tobii And E-Prime Slideshow
PPT
Eye Tracking On News Papaer Adverts
PPT
8 Critical Usability Tips
PDF
Using Retrospective Think Aloud With Eye Tracking Usability Testing
PDF
Tobii Usability Brochure
PDF
User Manual Tobii X120
PDF
Tobii T60 Xl User Manual S
PDF
Tobii T60 T120 User Manual
Validation of i_motions¹_emotion_evaluation_system_embedded in_attention_tool...
Arf world of-emotions
100201 i motions_pricelist_euro
Keyboard Shortcut Guide
Tobii Studio 2.0 Release Notes
Tobii Studio Brochure
Using Eye Tracking To Analyse Form Design
Eye Tracking Testing Dyslexia And ADHD
Keeping It Real While Thinking Aloudensuring Credibility Of Eyetracking Usabi...
Using Eye Tracking For Reading Studies
Tobii Studio Quick Start Guide
Tobii And E-Prime Slideshow
Eye Tracking On News Papaer Adverts
8 Critical Usability Tips
Using Retrospective Think Aloud With Eye Tracking Usability Testing
Tobii Usability Brochure
User Manual Tobii X120
Tobii T60 Xl User Manual S
Tobii T60 T120 User Manual

Recently uploaded (20)

PDF
Lecture on Anesthesia for ENT surgery 2025pptx.pdf
PPTX
Introduction to Medical Microbiology for 400L Medical Students
PDF
Copy of OB - Exam #2 Study Guide. pdf
PPT
Infections Member of Royal College of Physicians.ppt
PPTX
Neonate anatomy and physiology presentation
PPT
Dermatology for member of royalcollege.ppt
PPT
neurology Member of Royal College of Physicians (MRCP).ppt
PDF
شيت_عطا_0000000000000000000000000000.pdf
PDF
The_EHRA_Book_of_Interventional Electrophysiology.pdf
PDF
Oral Aspect of Metabolic Disease_20250717_192438_0000.pdf
PPT
HIV lecture final - student.pptfghjjkkejjhhge
PPTX
Effects of lipid metabolism 22 asfelagi.pptx
PPTX
Electrolyte Disturbance in Paediatric - Nitthi.pptx
PDF
OSCE Series Set 1 ( Questions & Answers ).pdf
PPTX
IMAGING EQUIPMENiiiiìiiiiiTpptxeiuueueur
PPTX
Reading between the Rings: Imaging in Brain Infections
PDF
Lecture 8- Cornea and Sclera .pdf 5tg year
PDF
Comparison of Swim-Up and Microfluidic Sperm Sorting.pdf
PPTX
Cardiovascular - antihypertensive medical backgrounds
PPTX
HYPERSENSITIVITY REACTIONS - Pathophysiology Notes for Second Year Pharm D St...
Lecture on Anesthesia for ENT surgery 2025pptx.pdf
Introduction to Medical Microbiology for 400L Medical Students
Copy of OB - Exam #2 Study Guide. pdf
Infections Member of Royal College of Physicians.ppt
Neonate anatomy and physiology presentation
Dermatology for member of royalcollege.ppt
neurology Member of Royal College of Physicians (MRCP).ppt
شيت_عطا_0000000000000000000000000000.pdf
The_EHRA_Book_of_Interventional Electrophysiology.pdf
Oral Aspect of Metabolic Disease_20250717_192438_0000.pdf
HIV lecture final - student.pptfghjjkkejjhhge
Effects of lipid metabolism 22 asfelagi.pptx
Electrolyte Disturbance in Paediatric - Nitthi.pptx
OSCE Series Set 1 ( Questions & Answers ).pdf
IMAGING EQUIPMENiiiiìiiiiiTpptxeiuueueur
Reading between the Rings: Imaging in Brain Infections
Lecture 8- Cornea and Sclera .pdf 5tg year
Comparison of Swim-Up and Microfluidic Sperm Sorting.pdf
Cardiovascular - antihypertensive medical backgrounds
HYPERSENSITIVITY REACTIONS - Pathophysiology Notes for Second Year Pharm D St...

Eye Tracking In Usability

  • 1. Eye Tracking on the web Tommy Strandvall Tobii Technology
  • 2. What do we actually see? The 1-2 º large area of foveal vision is about the size of a thumbnail on an arm lengths distance The fovea is less than 1% of the retina but takes up over 50% of the visual cortex in the brain. Peripheral vision is mainly good at picking up movements and contrasts
  • 3. Saccade Fixation The area of foveal vision
  • 4. Why eye-tracking? Clear additional insights into behavior Measurable behavior: data (numbers), images, videos Objective data on behavior Very visual results for better understanding Persuasive results
  • 5. When is eye-tracking valuable? When combined with other methods When the main goal is to improve the design of an interface If you have clear questions you want to find an answer to When comparing different design alternatives In both qualitative and quantitative research When adapting an interface based on typical behavior
  • 6. How eye tracking is used As a complement in qualitative research to help describing behavior and supporting the findings To show live to others what the user is experiencing As a complement or standalone method in quantitative research to describe the typical user behavior In experimental research as the dependent variable
  • 7. Different user groups of eye tracking Eye tracking is the sprinkle on the icing Eye tracking is the icing Eye tracking is the cake
  • 8. What can eye tracking tell you? … WHY? WHAT? HOW?
  • 9. If people don’t see it they won’t click on it… or do anything at all
  • 11. Scan path or gaze plot
  • 12. Heat maps Count Duration Gaze opacity
  • 13. Where do we focus on the web? Fixation count 0,5 sec Fixation count 1 sec Fixation count 1,5 sec
  • 14. Measure visibility and impact of banners
  • 15. Time from fixation to click TTF = Time to fixation TTC = Time to click 2,8 sec 28 sec
  • 16. Visits and re-visits Heatmap: Absolute duration
  • 18. Time to first fixation

Editor's Notes

  • #18: Tobii Technology 2008 / Tommy Strandvall