Visualization of User Eye Visualization of User Eye Movements for - - PowerPoint PPT Presentation

visualization of user eye visualization of user eye
SMART_READER_LITE
LIVE PREVIEW

Visualization of User Eye Visualization of User Eye Movements for - - PowerPoint PPT Presentation

http://cres.jpn.org/ Visualization of User Eye Visualization of User Eye Movements for Search Result Pages g Yuka Egusa g Masao Takaku Hitoshi Terai National Institute for Educational National Institute for Materials Tokyo Denki University Policy


slide-1
SLIDE 1

http://cres.jpn.org/

Visualization of User Eye Visualization of User Eye Movements for Search Result Pages g

Yuka Egusa Masao Takaku Hitoshi Terai g

National Institute for Educational Policy Research National Institute for Materials Science Tokyo Denki University

Hitomi Saito

Aichi University of Education

Noriko Kando

National Institute of Informatics

Makiko Miwa

National Institute of Multimedia Education

slide-2
SLIDE 2

Introduction Introduction

Vi li ti t h i f th b h i

  • Visualization techniques for the user behavior

using search engine results pages.

  • Our visualization method provides an overview of
  • Our visualization method provides an overview of

a user’s actual visual behavior

– using the logs for eye movement data – using the logs for eye movement data – and browser link‐clicking.

  • Background goals

Background goals

– Understanding users’ search process as a cognitive model – Supporting users’ exploratory search behavior on the Web

EVIA2008 2

slide-3
SLIDE 3

Data from a user experiment p ‐‐ Eye movement and link‐clicking ‐‐

19‐inch LCD monitor Eye‐tracking system Participant

EVIA2008 3

slide-4
SLIDE 4

Experimental design Experimental design

  • Participants:

– Eleven undergraduate students g – Five graduate students

T k

  • Tasks:

– Report writing task – Trip planning task

  • The participants had 15 minutes to do each
  • The participants had 15 minutes to do each

task.

Please refer to Terai et al [10] for more details on the experiment

EVIA2008 4

Please refer to Terai et al. [10] for more details on the experiment.

[10] H. Terai, H. Saito, Y. Egusa, M. Takaku, M. Miwa, and N. Kando. Differences between informational and transactional tasks in information seeking on the web. In IIiX ’08: Proceedings of the second international symposium on Information interaction in context, pages 152–159, New York, NY, USA, 2008. ACM.

slide-5
SLIDE 5

Data collection

Eye movements Screen captured video Questionnaire Questionnaire Browsing histories

5 Interview

Think‐aloud

EVIA2008

slide-6
SLIDE 6

Example of eye movements Example of eye movements

6 EVIA2008

slide-7
SLIDE 7

Categories of action Search searching with a search engine Link clicking on a page link Link clicking on a page link Next going forward to the next page k b k d h l Back going backward to the last page Jump jumping to a particular page in bookmark Browse browsing next search results g Submit clicking a submit button Bookmark adding bookmarks Bookmark adding bookmarks Change changing from one tab to another Close closing a tab or window

EVIA2008 7

slide-8
SLIDE 8

Definition of lookzones for results pages Definition of lookzones for results pages

1 title bar 2 menu 3 bookmark 4 toolbar 5 URL bar

1

6 search bar 7 search bar button 8 tab 9 link for services

1 4 5 6 7 8 9 3 2 10

10 query box 11 search button 12 scroll bar 13 number of hits

13 12 14 15 11 10

14 link for ads 15 spell check 16 title 17 snippet 18 URL 19 related search

16 17 18

19 related search 20 link for next page 21 find in a page 22 status bar

21 22 19 20

8 EVIA2008

p g

22

slide-9
SLIDE 9

Adding Annotations to the participants’ specific behaviors and eye movements

Eye movements Screen captured video

specific behaviors and eye movements

Browsing histories

9 EVIA2008

slide-10
SLIDE 10

Adding Annotations to the participants’ specific behaviors and eye movements specific behaviors and eye movements

Screen captured video Eye movements Adding participants’ action (E.g. link‐clicking) Adding lookzone (E.g. rank)

10

Browser logs Manual annotations

EVIA2008

slide-11
SLIDE 11

Example of visualization for a participant in the Report task

Fixation rate

  • n each ranked abstract

Query One fixation (filled circle) Click rank (orange line) The first fixation (unfilled circle) The same query (dotted line) The same results page

EVIA2008 11

(solid line)

slide-12
SLIDE 12

Example of scanpath visualization for multiple tasks

EVIA2008 12

slide-13
SLIDE 13

Conclusion Conclusion

  • Data from a user experiment

– Eye movement data y – Browser link‐clicking

Vi li ti f W b ki

  • Visualization for Web seeking

– Understand user’s behavior on the search results page during a overall search task. – Compare behaviors among different tasks and p g different users.

EVIA2008 13

slide-14
SLIDE 14

Thank you for your attention Thank you for your attention

  • We will present a poster at the tomorrow’s

poster session. p

– Please come to our poster and look the visualization in A0 size poster. visualization in A0 size poster.

  • Thank you for your comments and questions.
  • Information on our project (CRES) is available

from http://cres.jpn.org/ p // jp g/

EVIA2008 14