SlideShare une entreprise Scribd logo
1  sur  38
Télécharger pour lire hors ligne
UXPA Boston Eye Tracking the Mobile User Experience | May 15, 2014
 1
Eye Tracking

The Mobile User Experience
Andrew Schall
SPARK Experience


UXPA Boston Eye Tracking the Mobile User Experience | May 15, 2014
Andrew Schall.
Vice President of UX, SPARK Experience
Co-Author, Eye Tracking in User Experience Design
President, UXPA of Washington DC
UXPA Boston Eye Tracking the Mobile User Experience | May 15, 2014
Mobile vs. Desktop UX.
UXPA Boston Eye Tracking the Mobile User Experience | May 15, 2014
 4
MOBILE UX IS UNIQUE
Dynamic environments…
short attention span…multi-
tasking…interruptions…
smaller screen…
UXPA Boston Eye Tracking the Mobile User Experience | May 15, 2014
 5
WHY TRACK MOBILE?
What can we learn from
eye tracking mobile user
experiences?
UXPA Boston Eye Tracking the Mobile User Experience | May 15, 2014
Fixation – A single instance of where the eye momentarily stops	

Saccade – The rapid eye movement from one fixation to the next	

Scan path– A series of sequential fixations and saccades	

Eye Tracking Terminology.
UXPA Boston Eye Tracking the Mobile User Experience | May 15, 2014
Tracking Mobile.
UXPA Boston Eye Tracking the Mobile User Experience | May 15, 2014
Tracking Mobile.
UXPA Boston Eye Tracking the Mobile User Experience | May 15, 2014
Tracking Mobile.
UXPA Boston Eye Tracking the Mobile User Experience | May 15, 2014
 1 0
Tracking Mobile.
Understanding the aspects of a mobile user experience

Sustained Attention
!   How often do they look away from the screen?
!   How long does it take them to reacquire what they were focusing on?
!   How elements the appropriate size for a mobile device?
Guided Direction
!   What do they look at while completing a task?
!   Do their eyes follow the intended sequence?
!   Are they distracted by elements not critical to their task?

Engagement
!   What features do they notice?
!   How much content do they consume?
!   Do they notice any ads?
UXPA Boston Eye Tracking the Mobile User Experience | May 15, 2014
 1 1
HOW DOES IT WORK?
How do you conduct eye
tracking on a mobile
device?
UXPA Boston Eye Tracking the Mobile User Experience | May 15, 2014
 1 2
Mobile Eye Tracking Lab.
UXPA Boston Eye Tracking the Mobile User Experience | May 15, 2014
 1 3
Mobile Eye Tracking Stand.
•  VARIETY OF SETTINGS
•  CONSISTENT CONFIGURATION
•  EASY TO COMPARE DATA
•  BETTER FOR QUANTIFYING UX
PROS
•  LESS NATURAL EXPERIENCE
•  NOT VERY PORTABLE
CONS
UXPA Boston Eye Tracking the Mobile User Experience | May 15, 2014
 1 4
LIVE DEMO
Let’s try it out!
UXPA Boston Eye Tracking the Mobile User Experience | May 15, 2014
 1 5
REAL WORLD TRACKING
How do we evaluate
mobile experiences outside
the lab?
UXPA Boston Eye Tracking the Mobile User Experience | May 15, 2014
 1 6
Eye Tracking Glasses.
UXPA Boston Eye Tracking the Mobile User Experience | May 15, 2014
 1 7
Eye Tracking Glasses.
•  MORE NATURAL USER BEHAVIOR
•  TOTAL FREEDOM OF MOVEMENT
•  HIGHLY PORTABLE
•  BETTER FOR QUALITATIVE
PROS
•  DIFFICULT TO COMPARE
EXPERIENCES
•  MANUAL DATA ANALYSIS
•  NO GLASSES
CONS
UXPA Boston Eye Tracking the Mobile User Experience | May 15, 2014
 1 8
PIGS VS ADS
How do we evaluate ad
effectiveness in mobile
games?
UXPA Boston Eye Tracking the Mobile User Experience | May 15, 2014
Games Played.
UXPA Boston Eye Tracking the Mobile User Experience | May 15, 2014
iPhone 4	

 iPad gen3	

Devices Used.
UXPA Boston Eye Tracking the Mobile User Experience | May 15, 2014
 2 1
RESULTS
What did we learn from
tracking 60 participants as
they played Angry Birds?
UXPA Boston Eye Tracking the Mobile User Experience | May 15, 2014
	
  	
  	
  	
  That	
  must	
  be	
  an	
  ad	
  
...ignore	
  it.	
  
Banner Blindness is a Result of
Peripheral Vision.
UXPA Boston Eye Tracking the Mobile User Experience | May 15, 2014
However,	
  Recogni8on	
  can	
  Take	
  Place	
  Very	
  Quickly	
  
It	
  only	
  takes	
  one	
  or	
  two	
  
direct	
  fixa8ons	
  combined	
  
with	
  the	
  peripheral	
  effect	
  
for	
  a	
  person	
  to	
  iden8fy	
  
the	
  subject	
  of	
  an	
  ad.	
  
	
  
Many	
  par8cipants	
  
correctly	
  iden8fied	
  the	
  
ads	
  with	
  few	
  direct	
  
fixa8ons	
  on	
  them.	
  
UXPA Boston Eye Tracking the Mobile User Experience | May 15, 2014
Our	
  Brains	
  are	
  Wired	
  to	
  Detect	
  Change	
  
Small	
  movements	
  in	
  your	
  
peripheral	
  vision	
  cause	
  
you	
  to	
  reflexively	
  turn	
  
and	
  look.	
  
UXPA Boston Eye Tracking the Mobile User Experience | May 15, 2014
The	
  animated	
  ads	
  ini8ally	
  aNracted	
  aNen8on	
  
The	
  flock	
  of	
  birds	
  and	
  
Lightsaber	
  anima8ons	
  
ini8ally	
  caught	
  the	
  
aNen8on	
  of	
  par8cipants.	
  
	
  
However,	
  this	
  does	
  not	
  
necessarily	
  always	
  mean	
  
that	
  the	
  ad	
  content	
  was	
  
viewed.	
  
UXPA Boston Eye Tracking the Mobile User Experience | May 15, 2014
All	
  ads	
  received	
  significantly	
  more	
  aNen8on	
  on	
  the	
  
iPhone	
  than	
  iPad	
  
UXPA Boston Eye Tracking the Mobile User Experience | May 15, 2014
It	
  is	
  much	
  easier	
  to	
  avoid	
  ads	
  with	
  the	
  iPad’s	
  
larger	
  screen	
  
3.5”	

 9.7”
UXPA Boston Eye Tracking the Mobile User Experience | May 15, 2014
Ads	
  were	
  looked	
  at	
  many	
  more	
  )mes	
  on	
  the	
  
iPhone	
  than	
  the	
  iPad	
  
0	

0.5	

1	

1.5	

2	

2.5	

3	

3.5	

4	

4.5	

5	

iPhone	

iPad	

NumberofVisits
UXPA Boston Eye Tracking the Mobile User Experience | May 15, 2014
Ads	
  were	
  looked	
  at	
  significantly	
  longer	
  on	
  the	
  
iPhone	
  over	
  the	
  iPad	
  
0	

0.5	

1	

1.5	

2	

2.5	

iPhone	

iPad	

Seconds
UXPA Boston Eye Tracking the Mobile User Experience | May 15, 2014
Ads	
  were	
  oRen	
  in	
  the	
  way	
  during	
  gameplay	
  
on	
  the	
  iPhone	
  	
  
UXPA Boston Eye Tracking the Mobile User Experience | May 15, 2014
Ads	
  were	
  always	
  no8ced	
  when	
  they	
  interfered	
  
with	
  gameplay	
  
Ads	
  inadvertently	
  
affected	
  the	
  
par8cipant’s	
  line	
  of	
  
sight	
  and	
  became	
  
unavoidable	
  to	
  look	
  at.	
  
UXPA Boston Eye Tracking the Mobile User Experience | May 15, 2014
Ads	
  were	
  always	
  no8ced	
  when	
  they	
  interfered	
  
with	
  gameplay	
  
This	
  occurred	
  most	
  
frequently	
  with	
  the	
  
iPhone,	
  but	
  there	
  were	
  
situa8ons	
  where	
  ads	
  
inadvertently	
  interfered	
  
with	
  the	
  par8cipant’s	
  
line	
  of	
  sight	
  during	
  iPad	
  
gameplay.	
  
UXPA Boston Eye Tracking the Mobile User Experience | May 15, 2014
Those	
  in	
  the	
  zone	
  completely	
  ignored	
  the	
  ads	
  
Par8cipants	
  that	
  were	
  
fully	
  engaged	
  in	
  
gameplay	
  while	
  the	
  ads	
  
were	
  shown	
  oRen	
  
completely	
  ignored	
  the	
  
ads,	
  regardless	
  of	
  
whether	
  they	
  were	
  rich	
  
media	
  or	
  sta8c.	
  
UXPA Boston Eye Tracking the Mobile User Experience | May 15, 2014
Op8mizing	
  the	
  Ad	
  Viewing	
  Experience	
  
Hit	
  them	
  at	
  the	
  idle	
  points	
  
Players	
  oRen	
  sit	
  idle	
  and	
  
their	
  eyes	
  tend	
  to	
  wonder	
  
immediately	
  aRer	
  
comple8ng	
  a	
  level.	
  
	
  
Display	
  ads	
  when	
  a	
  player	
  is	
  
si7ng	
  idle	
  wai8ng	
  for	
  the	
  
level	
  to	
  end	
  a:er	
  all	
  pigs	
  
are	
  dead.	
  
UXPA Boston Eye Tracking the Mobile User Experience | May 15, 2014
 3 5
Take Aways.
Eye tracking can help you to better understand what
your users are looking at and what they are (or are
not) paying attention to.

Mobile eye tracking can help identify subtle changes
in attention that are important in a mobile experience.

Be aware of the current limitations and challenges of
using this technology. 
01 /
02 /
03 /
UXPA Boston Eye Tracking the Mobile User Experience | May 15, 2014
 3 6
The Book.
Eye Tracking in User Experience Design


!   Real-world examples from over twenty leading
UX professionals
!   Tips on everything from getting the most value
out of your eye tracking research to incorporating
eye tracking methodology into your
organization’s user-centered design process.
!   Actionable findings and recommendations based
on eye tracking research
!   Insights into cutting-edge applications of eye
tracking, including use in mobile, gaming, and
emotional design
UXPA Boston Eye Tracking the Mobile User Experience | May 15, 2014
 3 7
Q & A
What questions do you
have about mobile eye
tracking?
UXPA Boston Eye Tracking the Mobile User Experience | May 15, 2014
 3 8
CONTACT
Andrew Schall
andrew@sparkexperience.com
www.sparkexperience.com
7979 Old Georgetown Rd.
Suite 801 !
Bethesda, MD 20814 !
301-294-3340!
info@sparkexperience.com !

Contenu connexe

Tendances

EYE TRACKING TECHNOLOGY
EYE TRACKING TECHNOLOGYEYE TRACKING TECHNOLOGY
EYE TRACKING TECHNOLOGYVikram raja
 
Eye-tracking presentation
Eye-tracking presentationEye-tracking presentation
Eye-tracking presentationPeter Smith
 
Eye tracking and its economic feasibility
Eye tracking and its economic feasibilityEye tracking and its economic feasibility
Eye tracking and its economic feasibilityJeffrey Funk
 
Eye Tracking for Usability
Eye Tracking for UsabilityEye Tracking for Usability
Eye Tracking for UsabilityDan Berlin
 
Eye tracking – an innovative monitor
Eye tracking – an innovative monitorEye tracking – an innovative monitor
Eye tracking – an innovative monitorSakthi Sivaraman S
 
Eyetracking
EyetrackingEyetracking
EyetrackingMD Shafe
 
From eye tracking to deep learning - how technology will change the way we in...
From eye tracking to deep learning - how technology will change the way we in...From eye tracking to deep learning - how technology will change the way we in...
From eye tracking to deep learning - how technology will change the way we in...Kamilė Butkevičiūtė
 
W11 NM2216 Presentation
W11 NM2216 PresentationW11 NM2216 Presentation
W11 NM2216 PresentationGerald
 
Improve your website user experience with eye tracking
Improve your website user experience with eye trackingImprove your website user experience with eye tracking
Improve your website user experience with eye trackingCleverwood Belgium
 
"Kaizen Eyes" Practice Exercises volume 1
"Kaizen Eyes" Practice Exercises volume 1"Kaizen Eyes" Practice Exercises volume 1
"Kaizen Eyes" Practice Exercises volume 1Tom Curtis
 
"Kaizen Eyes" Practice Exercises volume 2
"Kaizen Eyes" Practice Exercises volume 2"Kaizen Eyes" Practice Exercises volume 2
"Kaizen Eyes" Practice Exercises volume 2Tom Curtis
 
Have you started using anti blue glasses yet
Have you started using anti blue glasses yet Have you started using anti blue glasses yet
Have you started using anti blue glasses yet nolanyang
 
Usability testing tips for UX Designers
Usability testing tips for UX DesignersUsability testing tips for UX Designers
Usability testing tips for UX DesignersDavid Hamill
 
UX Without the U Is Your X
UX Without the U Is Your XUX Without the U Is Your X
UX Without the U Is Your XBrandon Ward
 

Tendances (20)

Eye Tracking & Design
Eye Tracking & DesignEye Tracking & Design
Eye Tracking & Design
 
EYE TRACKING TECHNOLOGY
EYE TRACKING TECHNOLOGYEYE TRACKING TECHNOLOGY
EYE TRACKING TECHNOLOGY
 
Eye-tracking presentation
Eye-tracking presentationEye-tracking presentation
Eye-tracking presentation
 
Eye tracking
Eye trackingEye tracking
Eye tracking
 
Eye tracking and its economic feasibility
Eye tracking and its economic feasibilityEye tracking and its economic feasibility
Eye tracking and its economic feasibility
 
Eye Tracking Technologies: VDC-Whitepaper
Eye Tracking Technologies: VDC-WhitepaperEye Tracking Technologies: VDC-Whitepaper
Eye Tracking Technologies: VDC-Whitepaper
 
Eye Tracking for Usability
Eye Tracking for UsabilityEye Tracking for Usability
Eye Tracking for Usability
 
Eye tracking – an innovative monitor
Eye tracking – an innovative monitorEye tracking – an innovative monitor
Eye tracking – an innovative monitor
 
Eyetracking
EyetrackingEyetracking
Eyetracking
 
From eye tracking to deep learning - how technology will change the way we in...
From eye tracking to deep learning - how technology will change the way we in...From eye tracking to deep learning - how technology will change the way we in...
From eye tracking to deep learning - how technology will change the way we in...
 
Eye Gaze System
Eye Gaze SystemEye Gaze System
Eye Gaze System
 
W11 NM2216 Presentation
W11 NM2216 PresentationW11 NM2216 Presentation
W11 NM2216 Presentation
 
Improve your website user experience with eye tracking
Improve your website user experience with eye trackingImprove your website user experience with eye tracking
Improve your website user experience with eye tracking
 
"Kaizen Eyes" Practice Exercises volume 1
"Kaizen Eyes" Practice Exercises volume 1"Kaizen Eyes" Practice Exercises volume 1
"Kaizen Eyes" Practice Exercises volume 1
 
"Kaizen Eyes" Practice Exercises volume 2
"Kaizen Eyes" Practice Exercises volume 2"Kaizen Eyes" Practice Exercises volume 2
"Kaizen Eyes" Practice Exercises volume 2
 
Have you started using anti blue glasses yet
Have you started using anti blue glasses yet Have you started using anti blue glasses yet
Have you started using anti blue glasses yet
 
Usability testing tips for UX Designers
Usability testing tips for UX DesignersUsability testing tips for UX Designers
Usability testing tips for UX Designers
 
UX Without the U Is Your X
UX Without the U Is Your XUX Without the U Is Your X
UX Without the U Is Your X
 
WaKe ApP
WaKe ApPWaKe ApP
WaKe ApP
 
The Innovation World With My PC
The Innovation World With My PCThe Innovation World With My PC
The Innovation World With My PC
 

En vedette

El reto de generar código útil: más allá de UX y Agile
El reto de generar código útil: más allá de UX y Agile El reto de generar código útil: más allá de UX y Agile
El reto de generar código útil: más allá de UX y Agile Kinit Innovación y Tecnología
 
UX2012 - Casos y Experiencias de un equipo de UX
UX2012 - Casos y Experiencias de un equipo de UXUX2012 - Casos y Experiencias de un equipo de UX
UX2012 - Casos y Experiencias de un equipo de UXEmiliano Horcada
 
Principios básicos de UX para móviles
Principios básicos de UX para móvilesPrincipios básicos de UX para móviles
Principios básicos de UX para móvilesJavier Cuello
 
Ux en dispositivos móviles (Universidad Tecnológica Nacional)
Ux en dispositivos móviles (Universidad Tecnológica Nacional)Ux en dispositivos móviles (Universidad Tecnológica Nacional)
Ux en dispositivos móviles (Universidad Tecnológica Nacional)Jordi Almirall
 
Usabilidad en móviles y tabletas - Diseño sensible
Usabilidad en móviles y tabletas - Diseño sensibleUsabilidad en móviles y tabletas - Diseño sensible
Usabilidad en móviles y tabletas - Diseño sensiblePercy Negrete
 
Reporte Tipos de usuario - Estudio de usos y hábitos de dispositivos móviles
Reporte Tipos de usuario - Estudio de usos y hábitos de dispositivos móvilesReporte Tipos de usuario - Estudio de usos y hábitos de dispositivos móviles
Reporte Tipos de usuario - Estudio de usos y hábitos de dispositivos móvilesIAB México
 
Ten Usability Heuristics with Example -Sivaprasath Selvaraj
Ten Usability Heuristics with Example -Sivaprasath SelvarajTen Usability Heuristics with Example -Sivaprasath Selvaraj
Ten Usability Heuristics with Example -Sivaprasath SelvarajSivaprasath Selvaraj
 
Taller UX: Evaluaciones heurísticas
Taller UX: Evaluaciones heurísticasTaller UX: Evaluaciones heurísticas
Taller UX: Evaluaciones heurísticasIxDA Mendoza
 
Eye Tracking the UX of Mobile: What You Need to Know
Eye Tracking the UX of Mobile: What You Need to KnowEye Tracking the UX of Mobile: What You Need to Know
Eye Tracking the UX of Mobile: What You Need to KnowJennifer Romano Bergstrom
 
Estrategias heuristicas
Estrategias heuristicasEstrategias heuristicas
Estrategias heuristicaspaoalva27
 

En vedette (18)

El reto de generar código útil: más allá de UX y Agile
El reto de generar código útil: más allá de UX y Agile El reto de generar código útil: más allá de UX y Agile
El reto de generar código útil: más allá de UX y Agile
 
Heuristica
HeuristicaHeuristica
Heuristica
 
Heuristic ux-evaluation
Heuristic ux-evaluationHeuristic ux-evaluation
Heuristic ux-evaluation
 
Heuristic evaluation
Heuristic evaluationHeuristic evaluation
Heuristic evaluation
 
Evaluación de sitios web
Evaluación de sitios webEvaluación de sitios web
Evaluación de sitios web
 
Heurística
HeurísticaHeurística
Heurística
 
UX2012 - Casos y Experiencias de un equipo de UX
UX2012 - Casos y Experiencias de un equipo de UXUX2012 - Casos y Experiencias de un equipo de UX
UX2012 - Casos y Experiencias de un equipo de UX
 
UX process design for mobile
UX process design for mobileUX process design for mobile
UX process design for mobile
 
Principios básicos de UX para móviles
Principios básicos de UX para móvilesPrincipios básicos de UX para móviles
Principios básicos de UX para móviles
 
Ux en dispositivos móviles (Universidad Tecnológica Nacional)
Ux en dispositivos móviles (Universidad Tecnológica Nacional)Ux en dispositivos móviles (Universidad Tecnológica Nacional)
Ux en dispositivos móviles (Universidad Tecnológica Nacional)
 
Usabilidad en móviles y tabletas - Diseño sensible
Usabilidad en móviles y tabletas - Diseño sensibleUsabilidad en móviles y tabletas - Diseño sensible
Usabilidad en móviles y tabletas - Diseño sensible
 
Reporte Tipos de usuario - Estudio de usos y hábitos de dispositivos móviles
Reporte Tipos de usuario - Estudio de usos y hábitos de dispositivos móvilesReporte Tipos de usuario - Estudio de usos y hábitos de dispositivos móviles
Reporte Tipos de usuario - Estudio de usos y hábitos de dispositivos móviles
 
UX Mobile
UX MobileUX Mobile
UX Mobile
 
Presentación lc3 youtube
Presentación lc3   youtubePresentación lc3   youtube
Presentación lc3 youtube
 
Ten Usability Heuristics with Example -Sivaprasath Selvaraj
Ten Usability Heuristics with Example -Sivaprasath SelvarajTen Usability Heuristics with Example -Sivaprasath Selvaraj
Ten Usability Heuristics with Example -Sivaprasath Selvaraj
 
Taller UX: Evaluaciones heurísticas
Taller UX: Evaluaciones heurísticasTaller UX: Evaluaciones heurísticas
Taller UX: Evaluaciones heurísticas
 
Eye Tracking the UX of Mobile: What You Need to Know
Eye Tracking the UX of Mobile: What You Need to KnowEye Tracking the UX of Mobile: What You Need to Know
Eye Tracking the UX of Mobile: What You Need to Know
 
Estrategias heuristicas
Estrategias heuristicasEstrategias heuristicas
Estrategias heuristicas
 

Similaire à Eye Tracking the Mobile User Experience

KLI Webinar: Eye Tracking The Mobile User Experience
KLI Webinar: Eye Tracking The Mobile User Experience KLI Webinar: Eye Tracking The Mobile User Experience
KLI Webinar: Eye Tracking The Mobile User Experience keylimeinteractive
 
Eye Tracking the User Experience of Mobile: What You Need To Know
Eye Tracking the User Experience of Mobile: What You Need To KnowEye Tracking the User Experience of Mobile: What You Need To Know
Eye Tracking the User Experience of Mobile: What You Need To KnowUXPA DC
 
How to Build a Kickass UX For Your Product
How to Build a Kickass UX For Your ProductHow to Build a Kickass UX For Your Product
How to Build a Kickass UX For Your ProductAndy Milsom
 
Mobile Apps - Getting Your Idea Across
Mobile Apps - Getting Your Idea AcrossMobile Apps - Getting Your Idea Across
Mobile Apps - Getting Your Idea AcrossGuilherme Schmitt
 
Mobile Application Design & Development
Mobile Application Design & DevelopmentMobile Application Design & Development
Mobile Application Design & DevelopmentRonnie Liew
 
Mike Schneider - Using Context to Appticipate User Needs
Mike Schneider - Using Context to Appticipate User NeedsMike Schneider - Using Context to Appticipate User Needs
Mike Schneider - Using Context to Appticipate User NeedsINBOUND
 
Smart app onboarding - 5 tips | AGSBER 2019
Smart app onboarding - 5 tips | AGSBER 2019Smart app onboarding - 5 tips | AGSBER 2019
Smart app onboarding - 5 tips | AGSBER 2019Suvi Kava
 
Mobile Breakfast Briefing June 2012
Mobile Breakfast Briefing June 2012Mobile Breakfast Briefing June 2012
Mobile Breakfast Briefing June 2012User Vision
 
MAU Vegas 2016 — Mobile Moments: Shaping the First-Screen Experience to Engag...
MAU Vegas 2016 — Mobile Moments: Shaping the First-Screen Experience to Engag...MAU Vegas 2016 — Mobile Moments: Shaping the First-Screen Experience to Engag...
MAU Vegas 2016 — Mobile Moments: Shaping the First-Screen Experience to Engag...Grow.co
 
Analyse your audience by device - Webinar AT Internet
Analyse your audience by device - Webinar AT InternetAnalyse your audience by device - Webinar AT Internet
Analyse your audience by device - Webinar AT InternetAT Internet
 
Connect & Serve on Mobile (at Barcelona iGaming) - by WebComrades, Tom Claes
Connect & Serve on Mobile (at Barcelona iGaming) - by WebComrades, Tom ClaesConnect & Serve on Mobile (at Barcelona iGaming) - by WebComrades, Tom Claes
Connect & Serve on Mobile (at Barcelona iGaming) - by WebComrades, Tom ClaesPanenka76
 
Mobile Moments NYC 2016
Mobile Moments NYC 2016Mobile Moments NYC 2016
Mobile Moments NYC 2016Swrve_Inc
 
Hiring UX/UI designers
Hiring UX/UI designersHiring UX/UI designers
Hiring UX/UI designersLeadzpipe
 
110621 Brown Bag Lunch - iPhone & Android Apps for Business
110621 Brown Bag Lunch - iPhone & Android Apps for Business110621 Brown Bag Lunch - iPhone & Android Apps for Business
110621 Brown Bag Lunch - iPhone & Android Apps for Businesscrassi
 
Mobile app design - UIUX.pdf
Mobile app design - UIUX.pdfMobile app design - UIUX.pdf
Mobile app design - UIUX.pdfLillyCooper1
 
Mobile insight 1103
Mobile insight 1103Mobile insight 1103
Mobile insight 1103Martin Cho
 
Tips to improve ux
Tips to improve uxTips to improve ux
Tips to improve uxKaran Shah
 
Designing for Touch
Designing for TouchDesigning for Touch
Designing for TouchWill Hacker
 

Similaire à Eye Tracking the Mobile User Experience (20)

KLI Webinar: Eye Tracking The Mobile User Experience
KLI Webinar: Eye Tracking The Mobile User Experience KLI Webinar: Eye Tracking The Mobile User Experience
KLI Webinar: Eye Tracking The Mobile User Experience
 
Eye Tracking the User Experience of Mobile: What You Need To Know
Eye Tracking the User Experience of Mobile: What You Need To KnowEye Tracking the User Experience of Mobile: What You Need To Know
Eye Tracking the User Experience of Mobile: What You Need To Know
 
How to Build a Kickass UX For Your Product
How to Build a Kickass UX For Your ProductHow to Build a Kickass UX For Your Product
How to Build a Kickass UX For Your Product
 
Mobile Apps - Getting Your Idea Across
Mobile Apps - Getting Your Idea AcrossMobile Apps - Getting Your Idea Across
Mobile Apps - Getting Your Idea Across
 
Ayush portfolio
Ayush portfolioAyush portfolio
Ayush portfolio
 
Mobile Application Design & Development
Mobile Application Design & DevelopmentMobile Application Design & Development
Mobile Application Design & Development
 
Mobile Prototyping
Mobile PrototypingMobile Prototyping
Mobile Prototyping
 
Mike Schneider - Using Context to Appticipate User Needs
Mike Schneider - Using Context to Appticipate User NeedsMike Schneider - Using Context to Appticipate User Needs
Mike Schneider - Using Context to Appticipate User Needs
 
Smart app onboarding - 5 tips | AGSBER 2019
Smart app onboarding - 5 tips | AGSBER 2019Smart app onboarding - 5 tips | AGSBER 2019
Smart app onboarding - 5 tips | AGSBER 2019
 
Mobile Breakfast Briefing June 2012
Mobile Breakfast Briefing June 2012Mobile Breakfast Briefing June 2012
Mobile Breakfast Briefing June 2012
 
MAU Vegas 2016 — Mobile Moments: Shaping the First-Screen Experience to Engag...
MAU Vegas 2016 — Mobile Moments: Shaping the First-Screen Experience to Engag...MAU Vegas 2016 — Mobile Moments: Shaping the First-Screen Experience to Engag...
MAU Vegas 2016 — Mobile Moments: Shaping the First-Screen Experience to Engag...
 
Analyse your audience by device - Webinar AT Internet
Analyse your audience by device - Webinar AT InternetAnalyse your audience by device - Webinar AT Internet
Analyse your audience by device - Webinar AT Internet
 
Connect & Serve on Mobile (at Barcelona iGaming) - by WebComrades, Tom Claes
Connect & Serve on Mobile (at Barcelona iGaming) - by WebComrades, Tom ClaesConnect & Serve on Mobile (at Barcelona iGaming) - by WebComrades, Tom Claes
Connect & Serve on Mobile (at Barcelona iGaming) - by WebComrades, Tom Claes
 
Mobile Moments NYC 2016
Mobile Moments NYC 2016Mobile Moments NYC 2016
Mobile Moments NYC 2016
 
Hiring UX/UI designers
Hiring UX/UI designersHiring UX/UI designers
Hiring UX/UI designers
 
110621 Brown Bag Lunch - iPhone & Android Apps for Business
110621 Brown Bag Lunch - iPhone & Android Apps for Business110621 Brown Bag Lunch - iPhone & Android Apps for Business
110621 Brown Bag Lunch - iPhone & Android Apps for Business
 
Mobile app design - UIUX.pdf
Mobile app design - UIUX.pdfMobile app design - UIUX.pdf
Mobile app design - UIUX.pdf
 
Mobile insight 1103
Mobile insight 1103Mobile insight 1103
Mobile insight 1103
 
Tips to improve ux
Tips to improve uxTips to improve ux
Tips to improve ux
 
Designing for Touch
Designing for TouchDesigning for Touch
Designing for Touch
 

Plus de UXPA Boston

How Designers Can Make the World a Happier Place
How Designers Can Make the World a Happier PlaceHow Designers Can Make the World a Happier Place
How Designers Can Make the World a Happier PlaceUXPA Boston
 
Research + Psychology = Magic How to Plan and Analyze Research with the COM-...
 Research + Psychology = Magic How to Plan and Analyze Research with the COM-... Research + Psychology = Magic How to Plan and Analyze Research with the COM-...
Research + Psychology = Magic How to Plan and Analyze Research with the COM-...UXPA Boston
 
In Case of Emergency, Break Taboo
In Case of Emergency, Break TabooIn Case of Emergency, Break Taboo
In Case of Emergency, Break TabooUXPA Boston
 
Getting the Right Research Participants
Getting the Right Research ParticipantsGetting the Right Research Participants
Getting the Right Research ParticipantsUXPA Boston
 
Purpose Before Action: Why you need a Design Language System
Purpose Before Action: Why you need a Design Language SystemPurpose Before Action: Why you need a Design Language System
Purpose Before Action: Why you need a Design Language SystemUXPA Boston
 
Digital whiteboarding and other techniques
 for remote collaboration and idea...
Digital whiteboarding and other techniques
 for remote collaboration and idea...Digital whiteboarding and other techniques
 for remote collaboration and idea...
Digital whiteboarding and other techniques
 for remote collaboration and idea...UXPA Boston
 
Participatory Paradigm Shifts Workshop Methods to Design Innovative Products ...
Participatory Paradigm Shifts Workshop Methods to Design Innovative Products ...Participatory Paradigm Shifts Workshop Methods to Design Innovative Products ...
Participatory Paradigm Shifts Workshop Methods to Design Innovative Products ...UXPA Boston
 
CPUX – A Serious (and Usable?) European Attempt at Certifying UX Professionals
CPUX – A Serious (and Usable?) European Attempt at Certifying UX ProfessionalsCPUX – A Serious (and Usable?) European Attempt at Certifying UX Professionals
CPUX – A Serious (and Usable?) European Attempt at Certifying UX ProfessionalsUXPA Boston
 
The Wallflower's Guide to Selling Your Soft Skills
The Wallflower's Guide to Selling Your Soft SkillsThe Wallflower's Guide to Selling Your Soft Skills
The Wallflower's Guide to Selling Your Soft SkillsUXPA Boston
 
Building Your Benchmark: How to Measure UX for Product Impact Over Time
Building Your Benchmark: How to Measure UX for Product Impact Over TimeBuilding Your Benchmark: How to Measure UX for Product Impact Over Time
Building Your Benchmark: How to Measure UX for Product Impact Over TimeUXPA Boston
 
Battling the Blah-Blah-Blahs 7 Tips for Making Websites Readable
Battling the Blah-Blah-Blahs7 Tips for Making Websites ReadableBattling the Blah-Blah-Blahs7 Tips for Making Websites Readable
Battling the Blah-Blah-Blahs 7 Tips for Making Websites ReadableUXPA Boston
 
Through Their Eyes
 Using VR to Simulate Retinal Disease 
 & Empathize with ...
 Through Their Eyes
 Using VR to Simulate Retinal Disease 
 & Empathize with ... Through Their Eyes
 Using VR to Simulate Retinal Disease 
 & Empathize with ...
Through Their Eyes
 Using VR to Simulate Retinal Disease 
 & Empathize with ...UXPA Boston
 
The Fracturing of the Experience Movement
The Fracturing of the Experience MovementThe Fracturing of the Experience Movement
The Fracturing of the Experience MovementUXPA Boston
 
Design Sprints. In the Corporate World.
Design Sprints. In the Corporate World.Design Sprints. In the Corporate World.
Design Sprints. In the Corporate World.UXPA Boston
 
Art of Information: A Guide to Data Visualization
Art of Information: A Guide to Data VisualizationArt of Information: A Guide to Data Visualization
Art of Information: A Guide to Data VisualizationUXPA Boston
 
Elevate your UX Team to Superhero Status: Forge a Guild!
Elevate your UX Team to Superhero Status: Forge a Guild!Elevate your UX Team to Superhero Status: Forge a Guild!
Elevate your UX Team to Superhero Status: Forge a Guild!UXPA Boston
 
Listen up! Improving listening skills and awareness
Listen up! Improving listening skills and awarenessListen up! Improving listening skills and awareness
Listen up! Improving listening skills and awarenessUXPA Boston
 
Using Qualitative Data Analysis tools to create a virtual tapestry of your or...
Using Qualitative Data Analysis tools to create a virtual tapestry of your or...Using Qualitative Data Analysis tools to create a virtual tapestry of your or...
Using Qualitative Data Analysis tools to create a virtual tapestry of your or...UXPA Boston
 
Make It Fast: Delivering UX Research to Agile Teams
Make It Fast: Delivering UX Research to Agile TeamsMake It Fast: Delivering UX Research to Agile Teams
Make It Fast: Delivering UX Research to Agile TeamsUXPA Boston
 
3 Secrets of Accessibility
3 Secrets of Accessibility3 Secrets of Accessibility
3 Secrets of AccessibilityUXPA Boston
 

Plus de UXPA Boston (20)

How Designers Can Make the World a Happier Place
How Designers Can Make the World a Happier PlaceHow Designers Can Make the World a Happier Place
How Designers Can Make the World a Happier Place
 
Research + Psychology = Magic How to Plan and Analyze Research with the COM-...
 Research + Psychology = Magic How to Plan and Analyze Research with the COM-... Research + Psychology = Magic How to Plan and Analyze Research with the COM-...
Research + Psychology = Magic How to Plan and Analyze Research with the COM-...
 
In Case of Emergency, Break Taboo
In Case of Emergency, Break TabooIn Case of Emergency, Break Taboo
In Case of Emergency, Break Taboo
 
Getting the Right Research Participants
Getting the Right Research ParticipantsGetting the Right Research Participants
Getting the Right Research Participants
 
Purpose Before Action: Why you need a Design Language System
Purpose Before Action: Why you need a Design Language SystemPurpose Before Action: Why you need a Design Language System
Purpose Before Action: Why you need a Design Language System
 
Digital whiteboarding and other techniques
 for remote collaboration and idea...
Digital whiteboarding and other techniques
 for remote collaboration and idea...Digital whiteboarding and other techniques
 for remote collaboration and idea...
Digital whiteboarding and other techniques
 for remote collaboration and idea...
 
Participatory Paradigm Shifts Workshop Methods to Design Innovative Products ...
Participatory Paradigm Shifts Workshop Methods to Design Innovative Products ...Participatory Paradigm Shifts Workshop Methods to Design Innovative Products ...
Participatory Paradigm Shifts Workshop Methods to Design Innovative Products ...
 
CPUX – A Serious (and Usable?) European Attempt at Certifying UX Professionals
CPUX – A Serious (and Usable?) European Attempt at Certifying UX ProfessionalsCPUX – A Serious (and Usable?) European Attempt at Certifying UX Professionals
CPUX – A Serious (and Usable?) European Attempt at Certifying UX Professionals
 
The Wallflower's Guide to Selling Your Soft Skills
The Wallflower's Guide to Selling Your Soft SkillsThe Wallflower's Guide to Selling Your Soft Skills
The Wallflower's Guide to Selling Your Soft Skills
 
Building Your Benchmark: How to Measure UX for Product Impact Over Time
Building Your Benchmark: How to Measure UX for Product Impact Over TimeBuilding Your Benchmark: How to Measure UX for Product Impact Over Time
Building Your Benchmark: How to Measure UX for Product Impact Over Time
 
Battling the Blah-Blah-Blahs 7 Tips for Making Websites Readable
Battling the Blah-Blah-Blahs7 Tips for Making Websites ReadableBattling the Blah-Blah-Blahs7 Tips for Making Websites Readable
Battling the Blah-Blah-Blahs 7 Tips for Making Websites Readable
 
Through Their Eyes
 Using VR to Simulate Retinal Disease 
 & Empathize with ...
 Through Their Eyes
 Using VR to Simulate Retinal Disease 
 & Empathize with ... Through Their Eyes
 Using VR to Simulate Retinal Disease 
 & Empathize with ...
Through Their Eyes
 Using VR to Simulate Retinal Disease 
 & Empathize with ...
 
The Fracturing of the Experience Movement
The Fracturing of the Experience MovementThe Fracturing of the Experience Movement
The Fracturing of the Experience Movement
 
Design Sprints. In the Corporate World.
Design Sprints. In the Corporate World.Design Sprints. In the Corporate World.
Design Sprints. In the Corporate World.
 
Art of Information: A Guide to Data Visualization
Art of Information: A Guide to Data VisualizationArt of Information: A Guide to Data Visualization
Art of Information: A Guide to Data Visualization
 
Elevate your UX Team to Superhero Status: Forge a Guild!
Elevate your UX Team to Superhero Status: Forge a Guild!Elevate your UX Team to Superhero Status: Forge a Guild!
Elevate your UX Team to Superhero Status: Forge a Guild!
 
Listen up! Improving listening skills and awareness
Listen up! Improving listening skills and awarenessListen up! Improving listening skills and awareness
Listen up! Improving listening skills and awareness
 
Using Qualitative Data Analysis tools to create a virtual tapestry of your or...
Using Qualitative Data Analysis tools to create a virtual tapestry of your or...Using Qualitative Data Analysis tools to create a virtual tapestry of your or...
Using Qualitative Data Analysis tools to create a virtual tapestry of your or...
 
Make It Fast: Delivering UX Research to Agile Teams
Make It Fast: Delivering UX Research to Agile TeamsMake It Fast: Delivering UX Research to Agile Teams
Make It Fast: Delivering UX Research to Agile Teams
 
3 Secrets of Accessibility
3 Secrets of Accessibility3 Secrets of Accessibility
3 Secrets of Accessibility
 

Eye Tracking the Mobile User Experience

  • 1. UXPA Boston Eye Tracking the Mobile User Experience | May 15, 2014 1 Eye Tracking
 The Mobile User Experience Andrew Schall SPARK Experience 

  • 2. UXPA Boston Eye Tracking the Mobile User Experience | May 15, 2014 Andrew Schall. Vice President of UX, SPARK Experience Co-Author, Eye Tracking in User Experience Design President, UXPA of Washington DC
  • 3. UXPA Boston Eye Tracking the Mobile User Experience | May 15, 2014 Mobile vs. Desktop UX.
  • 4. UXPA Boston Eye Tracking the Mobile User Experience | May 15, 2014 4 MOBILE UX IS UNIQUE Dynamic environments… short attention span…multi- tasking…interruptions… smaller screen…
  • 5. UXPA Boston Eye Tracking the Mobile User Experience | May 15, 2014 5 WHY TRACK MOBILE? What can we learn from eye tracking mobile user experiences?
  • 6. UXPA Boston Eye Tracking the Mobile User Experience | May 15, 2014 Fixation – A single instance of where the eye momentarily stops Saccade – The rapid eye movement from one fixation to the next Scan path– A series of sequential fixations and saccades Eye Tracking Terminology.
  • 7. UXPA Boston Eye Tracking the Mobile User Experience | May 15, 2014 Tracking Mobile.
  • 8. UXPA Boston Eye Tracking the Mobile User Experience | May 15, 2014 Tracking Mobile.
  • 9. UXPA Boston Eye Tracking the Mobile User Experience | May 15, 2014 Tracking Mobile.
  • 10. UXPA Boston Eye Tracking the Mobile User Experience | May 15, 2014 1 0 Tracking Mobile. Understanding the aspects of a mobile user experience Sustained Attention !   How often do they look away from the screen? !   How long does it take them to reacquire what they were focusing on? !   How elements the appropriate size for a mobile device? Guided Direction !   What do they look at while completing a task? !   Do their eyes follow the intended sequence? !   Are they distracted by elements not critical to their task? Engagement !   What features do they notice? !   How much content do they consume? !   Do they notice any ads?
  • 11. UXPA Boston Eye Tracking the Mobile User Experience | May 15, 2014 1 1 HOW DOES IT WORK? How do you conduct eye tracking on a mobile device?
  • 12. UXPA Boston Eye Tracking the Mobile User Experience | May 15, 2014 1 2 Mobile Eye Tracking Lab.
  • 13. UXPA Boston Eye Tracking the Mobile User Experience | May 15, 2014 1 3 Mobile Eye Tracking Stand. •  VARIETY OF SETTINGS •  CONSISTENT CONFIGURATION •  EASY TO COMPARE DATA •  BETTER FOR QUANTIFYING UX PROS •  LESS NATURAL EXPERIENCE •  NOT VERY PORTABLE CONS
  • 14. UXPA Boston Eye Tracking the Mobile User Experience | May 15, 2014 1 4 LIVE DEMO Let’s try it out!
  • 15. UXPA Boston Eye Tracking the Mobile User Experience | May 15, 2014 1 5 REAL WORLD TRACKING How do we evaluate mobile experiences outside the lab?
  • 16. UXPA Boston Eye Tracking the Mobile User Experience | May 15, 2014 1 6 Eye Tracking Glasses.
  • 17. UXPA Boston Eye Tracking the Mobile User Experience | May 15, 2014 1 7 Eye Tracking Glasses. •  MORE NATURAL USER BEHAVIOR •  TOTAL FREEDOM OF MOVEMENT •  HIGHLY PORTABLE •  BETTER FOR QUALITATIVE PROS •  DIFFICULT TO COMPARE EXPERIENCES •  MANUAL DATA ANALYSIS •  NO GLASSES CONS
  • 18. UXPA Boston Eye Tracking the Mobile User Experience | May 15, 2014 1 8 PIGS VS ADS How do we evaluate ad effectiveness in mobile games?
  • 19. UXPA Boston Eye Tracking the Mobile User Experience | May 15, 2014 Games Played.
  • 20. UXPA Boston Eye Tracking the Mobile User Experience | May 15, 2014 iPhone 4 iPad gen3 Devices Used.
  • 21. UXPA Boston Eye Tracking the Mobile User Experience | May 15, 2014 2 1 RESULTS What did we learn from tracking 60 participants as they played Angry Birds?
  • 22. UXPA Boston Eye Tracking the Mobile User Experience | May 15, 2014        That  must  be  an  ad   ...ignore  it.   Banner Blindness is a Result of Peripheral Vision.
  • 23. UXPA Boston Eye Tracking the Mobile User Experience | May 15, 2014 However,  Recogni8on  can  Take  Place  Very  Quickly   It  only  takes  one  or  two   direct  fixa8ons  combined   with  the  peripheral  effect   for  a  person  to  iden8fy   the  subject  of  an  ad.     Many  par8cipants   correctly  iden8fied  the   ads  with  few  direct   fixa8ons  on  them.  
  • 24. UXPA Boston Eye Tracking the Mobile User Experience | May 15, 2014 Our  Brains  are  Wired  to  Detect  Change   Small  movements  in  your   peripheral  vision  cause   you  to  reflexively  turn   and  look.  
  • 25. UXPA Boston Eye Tracking the Mobile User Experience | May 15, 2014 The  animated  ads  ini8ally  aNracted  aNen8on   The  flock  of  birds  and   Lightsaber  anima8ons   ini8ally  caught  the   aNen8on  of  par8cipants.     However,  this  does  not   necessarily  always  mean   that  the  ad  content  was   viewed.  
  • 26. UXPA Boston Eye Tracking the Mobile User Experience | May 15, 2014 All  ads  received  significantly  more  aNen8on  on  the   iPhone  than  iPad  
  • 27. UXPA Boston Eye Tracking the Mobile User Experience | May 15, 2014 It  is  much  easier  to  avoid  ads  with  the  iPad’s   larger  screen   3.5” 9.7”
  • 28. UXPA Boston Eye Tracking the Mobile User Experience | May 15, 2014 Ads  were  looked  at  many  more  )mes  on  the   iPhone  than  the  iPad   0 0.5 1 1.5 2 2.5 3 3.5 4 4.5 5 iPhone iPad NumberofVisits
  • 29. UXPA Boston Eye Tracking the Mobile User Experience | May 15, 2014 Ads  were  looked  at  significantly  longer  on  the   iPhone  over  the  iPad   0 0.5 1 1.5 2 2.5 iPhone iPad Seconds
  • 30. UXPA Boston Eye Tracking the Mobile User Experience | May 15, 2014 Ads  were  oRen  in  the  way  during  gameplay   on  the  iPhone    
  • 31. UXPA Boston Eye Tracking the Mobile User Experience | May 15, 2014 Ads  were  always  no8ced  when  they  interfered   with  gameplay   Ads  inadvertently   affected  the   par8cipant’s  line  of   sight  and  became   unavoidable  to  look  at.  
  • 32. UXPA Boston Eye Tracking the Mobile User Experience | May 15, 2014 Ads  were  always  no8ced  when  they  interfered   with  gameplay   This  occurred  most   frequently  with  the   iPhone,  but  there  were   situa8ons  where  ads   inadvertently  interfered   with  the  par8cipant’s   line  of  sight  during  iPad   gameplay.  
  • 33. UXPA Boston Eye Tracking the Mobile User Experience | May 15, 2014 Those  in  the  zone  completely  ignored  the  ads   Par8cipants  that  were   fully  engaged  in   gameplay  while  the  ads   were  shown  oRen   completely  ignored  the   ads,  regardless  of   whether  they  were  rich   media  or  sta8c.  
  • 34. UXPA Boston Eye Tracking the Mobile User Experience | May 15, 2014 Op8mizing  the  Ad  Viewing  Experience   Hit  them  at  the  idle  points   Players  oRen  sit  idle  and   their  eyes  tend  to  wonder   immediately  aRer   comple8ng  a  level.     Display  ads  when  a  player  is   si7ng  idle  wai8ng  for  the   level  to  end  a:er  all  pigs   are  dead.  
  • 35. UXPA Boston Eye Tracking the Mobile User Experience | May 15, 2014 3 5 Take Aways. Eye tracking can help you to better understand what your users are looking at and what they are (or are not) paying attention to. Mobile eye tracking can help identify subtle changes in attention that are important in a mobile experience. Be aware of the current limitations and challenges of using this technology. 01 / 02 / 03 /
  • 36. UXPA Boston Eye Tracking the Mobile User Experience | May 15, 2014 3 6 The Book. Eye Tracking in User Experience Design
 !   Real-world examples from over twenty leading UX professionals !   Tips on everything from getting the most value out of your eye tracking research to incorporating eye tracking methodology into your organization’s user-centered design process. !   Actionable findings and recommendations based on eye tracking research !   Insights into cutting-edge applications of eye tracking, including use in mobile, gaming, and emotional design
  • 37. UXPA Boston Eye Tracking the Mobile User Experience | May 15, 2014 3 7 Q & A What questions do you have about mobile eye tracking?
  • 38. UXPA Boston Eye Tracking the Mobile User Experience | May 15, 2014 3 8 CONTACT Andrew Schall andrew@sparkexperience.com www.sparkexperience.com 7979 Old Georgetown Rd. Suite 801 ! Bethesda, MD 20814 ! 301-294-3340! info@sparkexperience.com !