1 1 5 1.1........................................... 5 1.2.................................. 6 1.2.1.............. 6 1.2.2........................... 7 1.3........................................... 7 1.4...................................... 8 2 9 2.1........................................... 9 2.1.1 VP................................. 9 2.1.2.................... 10 2.1.3 VP............................. 10 2.1.4........................ 10 2.2......................................... 11 2.2.1 VP................................. 11 2.2.2 SERP VP........................... 11 2.2.3 VP..................... 12 2.3.............................. 12 2.3.1...................... 12 2.3.2......................... 13 2.3.3 VP................... 13 2.4............................ 14 3 17 3.1.................................... 17 3.2................................. 17 3.3..................................... 18 3.4..................................... 18 3.4.1 VP......................... 18 3.4.2 SERP VP......................... 19 3.4.3........................ 19 3.4.4..................................... 20
2 4 21 4.1........................................... 21 4.2........................................... 21 4.2.1....................................... 21 4.2.2 VP........................... 23 4.3................................. 24 5 27 5.1........................................... 27 5.1.1................................ 27 5.1.2............................. 28 5.2..................................... 28 5.2.1................................. 28 5.2.2............................. 29 5.3..................................... 29 5.3.1................................ 29 5.3.2 VP............................ 29 5.3.3 VP............................. 31 6 32 6.1............................ 32 6.2....................... 32 6.3................................. 33 7 37 7.1........................................... 37 7.2....................................... 37 7.2.1................................. 37 7.2.2 VP............................. 37 7.2.3........................... 37 39 40
3 1.1 Google (SERP)........................... 6 1.2.............................. 7 2.1 :.......................... 11 2.2 VP VP VP.......................... 12 2.3............................ 13 2.4............................ 16 4.1 PatchworkVision:............ 22 4.2 VP....................... 23 4.3 VP VP............................ 24 5.1......... 27 5.2........................... 30 5.3...................... 30 6.1 Firefox SearchPreview SERP........................................... 32 6.2 Teevan Visual Snippets[2]..................................... 34 6.3 Suh Popout prism[4]............................ 34 6.4 Liu WildThumb[5].......................................... 35 6.5 Google 35 6.6 ScoutView[6]..................................... 36
4 2.1 VP.................................... 14 3.1.................................... 17 3.2................................. 18 5.1.................................... 28 5.2..................... 29 5.3.............................. 31
5 1 1.1 Google 1 Bing 2 Search Engine Result Page. SERP SERP 1. 2. URL 3. 1.1 3 SERP 1 2 [1] SERP HTML,CSS Web ( ) SERP SERP Web Wiki Boungwon Suh [4] 69% 1 Google http://www.google.co.jp/ 2 Bing http://www.bing.com/
1 6 1.1: Google (SERP) SERP 1:1 SERP SERP 1.2 1.2.1 PC SERP SERP Web SERP PC
1 7 1.2: 1.2 1 1.2 2 SERP SERP 1.2.2 HTML CSS 1. 2. 3. 1.2 1.3 PatchworkVision Web
1 8 SERP 1.4 2 3 4 PatchworkVision 5 PatchworkVision 6 7
9 2 SERP SERP 2.1 [3][4][5] 2.1.1 VP VP:Visual Patch 2.1 VP VP VP Web VP VP VP VP
2 10 2.1.2 DOM(Document Object Model 1 ) PC HTML <TABLE> <TABLE> DOM VP VP VP 2.1.3 VP Web 1.1 1:1 SERP VP VP 2.1.4 VP ScoutView[6] 1 Document Object Model (DOM) Specifications http://www.w3.org/dom/domtr
2 11 2.1: : 2.2 2.2.1 VP VP VP 2.2 510px 340px 300px 200px VP VP VP VP VP VP 300px 200px VP VP 2.2.2 SERP VP VP VP SERP URL VP 1. 2. 1.7 3. VP 3 DOM VP VP <H1> URL VP
2 12 2.2: VP VP VP 2.2.3 VP VP 2.3 PatchworkVision 2.3 Apache HTTP PHP VP 2.3.1 VP Yahoo! API 2 Firefox VP URL VP VP 2.2 canvas PNG VP URL 2 Yahoo! http://developer.yahoo.co.jp/
2 13 2.3: Firefox VP VP VP URL VP PHP <img> VP 2.3.2 VP 1 VP 1 VP Yahoo! API 5 VP PC Intel Pentinum4 2.53GHz GB 2.3.3 VP VP VP VP ( VP ) DOM 5 VP VP VP VP 5 2.1
2 14 0 1 2 3 4 2.1: VP VP <H1> <TABLE> (<TH> <TD> ) 3pt <STRONG> <LI> <DT> 1 <TABLE> (<TH> <TD> ) <A>,<CITE> 3pt 2.4 Step.1 Step.2 SERP URL Step.3 3 Step.1 VP Step.2 SERP VP Step.3 VP 3 VP SERP VP VP SERP VP VP ( 2.4) 1. VP
2 15 VP VP VP Search 2. SERP Search 5 URL VP URL VP VP ON VP 3. VP VP VP,
2 16 2.4:
17 3 3 9 Web 1920 1200 Intel Core2 Extreme 3.0GHz 2GB PC VP SERP 3.1 1 VP 2 3 3.1 3.2 3.2 1 2 3 3.1: [ ] [ ] [VP ] [ ] PC(ThinkPad SL300) [ ] [VP ] [ ] [ ] [VP ]
3 18 3.2: VP SERP ( 5 ) 3.3 VP VP VP VP VP 5 VP 3.4 3.4.1 VP 3.3 VP VP VP VP VP VP VP VP VP VP VP
3 19 VP VP VP VP VP VP VP 3.4.2 SERP VP 3.3 VP VP VP VP VP VP VP VP VP 3.4.3 VP HTML 2.3.3 <td> <h1> <h2>
3 20 3.4.4 3.3 10 VP VP VP VP Ajax VP VP VP
21 4 4.1 3.4.2 SERP VP VP 3.4.1 VP 3.4.1 VP 2.1 4.1 VP SERP VP VP URL VP VP VP VP 4.2.2 VP VP VP ( 4.2) 4.2 4.2.1 Firefox VP PHP Yahoo! API 5 10
4 22 4.1: PatchworkVision: VP PHP 2 1 VP SERP URL VP 2 VP 2.3 1. VP 2. CGI Yahoo! 10 3. Firefox 4. VP VP PNG 5. CGI 6. VP
4 23 4.2: VP 4.2.2 VP 1 VP ( 3DS ) VP 4.3 1. VP ( 4.3a) 2. VP ( 4.3b) 3. VP ( 4.3c) Firefox VP element ( VP ) VP JavaScript offsetparent DOM element element parentnode offsetparent element element <SPAN> <FONT> element element <DIV> <TABLE> element offsetparent 1000px VP VP 1 http://gigazine.net/news/20100929 nintendo 3ds chart/
4 24 VP 1 100px VP 50px VP VP VP 200px VP Firefox 1024 800 PC Intel Core i7 2.8GHz 4GB PC 4.3: VP VP 4.3
4 25 Step.1 VP Step.2 SERP URL VP Step.3 VP 3 VP VP 3.4.2 VP VP VP VP VP 1. VP VP VP VP Search 2. SERP ( 4.1 4.2) Search 10 URL VP URL VP VP VP 3. VP VP
4 26 VP VP
27 5 5.1 3 (Google 1 ) Web 1920 1200 Intel Core2 Extreme 3.0GHz 2GB PC VP ( 5.1) Start! Finish! SERP 5.1: 5.1.1 2 3 1 VP 2 3 VP Google 1 3 PatchworkVision 1 3 PatchworkVision 1 3 Google 1 3 5.1 Google 1 http://www.google.co.jp/
5 28 1 2 3 5.1: [ ] [ ] [VP ] [ ] (galaxy s) microsd [ ] [VP ] [ ] [ ] [VP ] VP VP 1 2 4 10 5.1.2 4 ([ ]1-4[ ]) ( 5.2) VP 5.2 5.2.1 3 ( 5.2) 5.2 Wilcoxon 5% 1 2 3 3 3DS
5 29 5.2: 1 ([Google]1-4 [PatchworkVision]) 4 2 VP SERP 4 3 VP 4 4 VP 4 5 VP?? 6 VP ( )? 7 VP ( ) 8? 4 9 10 5.2.2 1 4 8 4 5.3 5 7 9 10 5.3 5.3 5.2 5.3.1 1 4,8 VP 2,3 1 VP VP 7 9 VP 3.4.4 5.3.2 VP 5 6 VP
5 30 5.2: 5.3: VP VP VP SERP 2 VP VP VP VP VP
5 31 5 6 7 9 10 5.3: (5 ) VP (2 ) (1 ) (8 ) VP Amazon (5 ) VP (3 ) VP VP (2 ) VP Google 5.3.3 VP 2 4 VP VP VP 9 VP VP 7 VP VP VP [2][5] VP VP VP VP VP VP HTML CSS
32 6 6.1 Firefox 1 SearchPreview 2 SERP 6.1 Web 6.1: Firefox SearchPreview SERP 6.2 Web 1 Mozilla Firefox http://mozilla.jp/firefox/ 2 SearchPreview https://addons.mozilla.jp/firefox/details/189
6 33 Teevan [2] 6.2 Visual Snippets Web 6.2 [3][4][5] Popout prism[4] 6.3 WildThumb[5] 6.4 Google 3 SERP 6.5 3.4.4 [6] 6.6 6.3 [3][4][5] VP 3 Google http://www.google.co.jp/
6 34 Google VP 6.2: Teevan Visual Snippets[2] 6.3: Suh Popout prism[4]
6 35 6.4: Liu WildThumb[5] 6.5: Google
6 36 6.6: ScoutView[6]
37 7 7.1 SERP VP 7.2 7.2.1 (3.4.4 ) VP (5.3.2 ) 7.2.2 VP VP VP VP VP VP VP VP OR A B VP 7.2.3 3.4.3
7 38
39 2010 (IS)
40 [1],,,,,.., Vol.19, No.2, pp.224-235.2009. [2] Jaime Teevan, Edward Cutrell, Danyel Fisher, Steven M. Drucker, Gonzalo Ramos, Paul Andre, and Chang Hu. Visual Snippets: Summarizing Web Pages for Search and Revisitation. Proceedings of ACM CHI 2009,pp.2023 2032.2009. [3] A. Woodruff, A. Faulring, R. Rosenholtz, J. Morrison, and P. Pirolli. Using thumbnails to search the Web. Proceedings of ACM CHI 2001, pp.198 205.2001. [4] Bongwon Suh, Allison Woodruff, Ruth Rosenholtz, and Alyssa Glass. Popout prism: Adding perceptual principles to overview+detail document interfaces. Proceedings of ACM CHI 2002,pp.251 258.2002. [5] Shenwei Liu and Keishi Tajima. WildThumb: A Web Browser Supporting Efficient Task Management on Wide Displays. Proceedings of ACM IUI 2010, pp.159 168.2010. [6],,. ScoutView: Web. 134, No.8.2009.