Vol. 52 No. 12 3868 3875 (Dec. 2011) Web 1 1 1 1 Web Web Web Web Gaze Visualizations for Evaluating Web Pages Based on Eye-tracking and HTML Document Structure Analysis Ryota Nakamura, 1 Masaru Akasaka, 1 Tatsuya Yanagisawa 1 and Satoshi Ichimura 1 Gaze data is now used for the Web usability evaluation thanks to the improvement of gazes measurement devices. A major problem when using eye movements to evaluate Web usability issues is that eye movement data is too large to analyze, and potentially difficult to interpret meaningfully. This paper presents a novel Web usability evaluation tool which makes it possible to get a gazed object such as a text or image. The tool includes a visualization function that marks up gazed objects. The paper presents the results of user experiments which compare our visualization technique with traditional methods and show our tool is better than existing Web evaluation tools. 1. Web 9),17),18) 1 Web VTR 5),8),15),16) Web Web 18) Web Gazeplot Heatmap Gaze Replays 18) Web Web Web 1 Tokyo University of Technology 2010 3 3868 c 2011 Information Processing Society of Japan
3869 Web 2. 2.1 Web Web 1),4) Web 10),12) Web 6),8),16) GUI 8) Web 3),5) Web 14) Web 2.2 Web Web 18) Web Web Web 1 Web Fig. 1 Process of eye-tracking Web usability. 22) Web 13),14) Web 1 Web 1 1 Web 2 3 Web Web 4 Web Web 13),18),21)
3870 Web Web Gazeplot Heatmap 2 Gazeplot Gazeplot 1 Heatmap Web WebTracer 13) WebTracer Web Web Web WebTracer Web 3 3. Web 2 (i) (ii) Web 3.1 EyeTech Digital System QuickGlance3 3 QuickGlance3 QuickGlance3 30 / 1 6 6cm Web 40 50 cm 17 1280 1024 Web Web 16 pt 4mm 2 Fig. 2 Gazeplot (L) and heatmap (R). 3 QuickGlance3 Fig. 3 EyeTracker.
3871 Web OS Windows XP SP3 QuickGlance3 Web Firefox version 3.5.7 Web AnHTTPD version 1.42p HTML JavaScript version 1.5 Greasemonkey version 0.8.20091209.4 version 2.4.1 3.2 Web Web Firefox Add-on Greasemonkey 20) Greasemonkey Web Firefox Web HTML onmouseclick onmousemove onmouseover onmouseout HTML Web event.rangeparent document.elementfrompoint 11) (1) HTML 1 (2) 1 (3) (4) 1 4 Web 1 Fig. 4 4 Word acquisition step with morphological analysis. Fig. 5 5 An example of result of word acquisition. 1 5 URL PC URL HTML img hh:mm:ss ms URL XPath 1 HTML a
3872 Web onmouseclick URL XPath 1 3.3 Web Web HTML CSS HTML span 6 Web 6 Fig. 6 An example of our visual processing (plain (L) and visualization (R)). 7 4. Web 1 6 Gazeplot 2 4.1 4 20 Web 2 Web 18 Web 2 v1 v2 α Web β Gazeplot Web Web 1 A B 2 2 2 type1 type4 A 1 v1 α 2 Table 1 1 Evaluation experiment condition. 7 Fig. 7 List of gazed objects. type1 1 A D(v1,α) type2 1 B D(v1,β) type3 2 A D(v2,β) type4 2 B D(v2,α) v1 50 1,285 v2 78 1,593 α β Gazeplot Web n=2 n=18
3873 Web α β α Web 8 Fig. 8 Result of evaluation experiment. v2 β α β Web 10 α β 4.2 Gazeplot Web 8 v1 v2 Gazeplot t 2 5% v1 P < 0.01 P=0.00943 v2 P < 0.05 P=0.01342 2 type1 4 type2 type3 Gazeplot D (v1,α) :δ = 46.2 D (v1, β) :δ = 50.3 D (v2,α) :δ = 34.1 D (v2,β) :δ = 50.5 v1 v2 v1 v2 v2 v1 Web Gazeplot 2 Gazeplot 5. Web Web 1 Gazeplot Gazeplot Web 15)
3874 Web Web Web Web Web Web Web Web Flash Gaze Probing 19) Web Web Web 6. Web Gazeplot Web 1) UI No.54, pp.25 32 (1994). 2) Spool, J.M.: Web Site Usability, A Designer s Guide (1999). 3) Byrne, M.D., Anderson, J.R., Douglass, S., Matessa, M.: Eye Tracking the visual search of click-down menus, Proc. SIGCHI Conference on Human Factors in Computing Systems, pp.402 409 (1999). 4) Vol.45, No.5, pp.269 276 (2001). 5) Mueller, F., Lockerd, A.: Cheese: Tracking mouse movements on Websites, A tool for user modeling, Proc. SIGCHI Conference on Human Factors in Computing Systems, pp.279 280 (2001). 6) Card, S.K., Pirolli, P., Van Der Wege, M., Morrison, J.B., Reeder, R.W., Schraedley, P.K. and Boshart, J.: Information scent as a driver of Web behavior graphs: Results of a protocol analysis method for Web usability, Proc. SIGCHI Conference on Human Factors in Computing Systems, pp.498 505 (2001). 7) Ohno, T., Mukawa, N. and Yoshikawa, A.: FreeGaze: A gaze tracking system for everyday gaze interaction, Proc. Symposium on ETRA 2002, Eye Tracking Research & Applications Symposium, pp.125 132 (2002). 8) Paganelli, L. and Paterno, F.: Intelligent analysis of user interactions with web applications, IUI 02: Proc. 7th International Conference on Interactive User Interface, pp.111 118 (2002). 9) Goto, K. and Cotler, E.: Web ReDesign 2.0: Workflow that Works, Peachpit Press (2004). 10) pp.195 199, (2002). 11) NAIST Computational Linguistics Lab http://chasen.naist.jp/hiki/chasen/ 2011-02-23. 12) Web Vol.44, No.2, pp.163 168
3875 Web (2003). 13) WebTracer Web Vol.44, No.11, pp.2575 2586 (2003). 14) Web pp.35 42 (2005). 15) Web Vol.8, No.1, pp.31 40 (2006). 16) Arroyo, E., Selder, T. and Wei, W.: Usability tool for analysis of Web designs using mouse tracks, Proc. SIGCHI Conference on Human Factors in Computing Systems, pp.484 489 (2006). 17) 1 pp.90 91 (2009). 18) Nielsen, J. and Pernice, K.: Eyetracking Web Usability, New Riders Rress (2009). 19) Gaze Probing Vol.12, No.3, pp.323 333, (2010). 20) Greasemonkey (online), available from https://addons.mozilla.org/ja/firefox/ addon/greasemonkey/ (accessed 2011-02-23). 21) Web http://www.re-a-son.com/service/usability test.html 2011-06-30. 22) Moore, R.J., Churchill, E.F. and Kantamneni, R.G.P.: Three Sequential Positions of Query Repair in Interactions with Internet Search Engines, Proc. CSCW 2011, pp.415 424 (2011). ( 23 2 28 ) ( 23 9 12 ) Web Web Web 2007 2009 2011 DICOMO2005 2006 2007 2010 2010 1994 1997 1999 FXPAL 2002 2011 IT TEXT Web IT TEXT Web DICOMO 2011 ACM