Enhanced representation of web pages for usability analysis with eye tracking

Eye tracking as a tool to quantify user attention plays a major role in research and application design. For Web page usability, it has become a prominent measure to assess which sections of a Web page are read, glanced or skipped. Such assessments primarily depend on the mapping of gaze data to a Web page representation. However, current representation methods, a virtual screenshot of the Web page or a video recording of the complete interaction session, suffer either from accuracy or scalability issues. We present a method that identifies fixed elements on Web pages and combines user viewport screenshots in relation to fixed elements for an enhanced representation of the page. We conducted an experiment with 10 participants and the results signify that analysis with our method is more efficient than a video recording, which is an essential criterion for large scale Web studies.

[1]  Steffen Staab,et al.  Chromium based Framework to Include Gaze Interaction in Web Browser , 2017, WWW.

[2]  Jacob Cohen Statistical Power Analysis for the Behavioral Sciences , 1969, The SAGE Encyclopedia of Research Design.

[3]  Isabelle Hupont,et al.  Bridging the gap between eye tracking and crowdsourcing , 2015, Electronic Imaging.

[4]  Michael Burch,et al.  Gaze Stripes: Image-Based Visualization of Eye Tracking Data , 2016, IEEE Transactions on Visualization and Computer Graphics.

[5]  Michael Burch,et al.  Fixation-image charts , 2016, ETRA.

[6]  Yeliz Yesilada,et al.  Eye tracking scanpath analysis on web pages: how many users? , 2016, ETRA.

[7]  Edward Cutrell,et al.  What are you looking for?: an eye-tracking study of information usage in web search , 2007, CHI.

[8]  Andrew T Duchowski,et al.  A breadth-first survey of eye-tracking applications , 2002, Behavior research methods, instruments, & computers : a journal of the Psychonomic Society, Inc.

[9]  Linden J. Ball,et al.  Eye tracking in HCI and usability research. , 2006 .

[10]  Linden J. Ball,et al.  Eye Tracking in Human-Computer Interaction and Usability Research : Current Status and Future Prospects , 2004 .

[11]  Michael Burch,et al.  Visualization of Eye Tracking Data: A Taxonomy and Survey , 2017, Comput. Graph. Forum.

[12]  Shiramatsu,et al.  Web Block Extraction System Based on Client-Side Imaging for Clickable Image Map , 2013 .

[13]  Rico Fischer,et al.  Eye tracking and its application in usability and media research , 2003, MMI Interakt..

[14]  Jakob Nielsen,et al.  Eyetracking Web Usability , 2009 .

[15]  Steffen Staab,et al.  Smart photo selection: interpret gaze as personal interest , 2014, CHI.

[16]  Darius Miniotas,et al.  Visualization of eye gaze data using heat maps , 2007 .

[17]  Yeliz Yesilada,et al.  Eye tracking scanpath analysis techniques on web pages: A survey, evaluation and comparison , 2015 .

[18]  Gianluca Paravati,et al.  Supporting Web Analytics by Aggregating User Interaction Data From Heterogeneous Devices Using Viewport-DOM-Based Heat Maps , 2017, IEEE Transactions on Industrial Informatics.

[19]  Michelle A. Borkin,et al.  Eye Fixation Metrics for Large Scale Evaluation and Comparison of Information Visualizations , 2015, ETVIS.

[20]  Meredith Ringel Morris,et al.  What do you see when you're surfing?: using eye tracking to predict salient regions of web pages , 2009, CHI.

[21]  Ana Margarida Barreto Do users look at banner ads on Facebook , 2013 .

[22]  Stephanie Wilson,et al.  Identifying web usability problems from eye-tracking data , 2007, BCS HCI.

[23]  Alan Kennedy,et al.  Book Review: Eye Tracking: A Comprehensive Guide to Methods and Measures , 2016, Quarterly journal of experimental psychology.