polyzoom: multiscale and multifocus exploration in 2d visual spaces
DESCRIPTION
Slides from ACM CHI 2012 presentation given by Sohaib Ghani.Abstract: The most common techniques for navigating in multiscale visual spaces are pan, zoom, and bird’s eye views. However, these techniques are often tedious and cumbersome to use, especially when objects of interest are located far apart. We present the PolyZoom technique where users progressively build hierarchies of focus regions, stacked on each other such that each subsequent level shows a higher magnification. Correlation graphics show the relation between parent and child viewports in the hierarchy. To validate the new technique, we compare it to standard navigation techniques in two user studies, one on multiscale visual search and the other on multifocus interaction. Results show that PolyZoom performs better than current standard techniques.TRANSCRIPT
![Page 1: PolyZoom: Multiscale and Multifocus Exploration in 2D Visual Spaces](https://reader034.vdocuments.mx/reader034/viewer/2022051609/547c5c585806b5f43f8b472f/html5/thumbnails/1.jpg)
PolyZoom: Multiscale and Multifocus Exploration
in 2D Visual Spaces
Waqas Javed, Sohaib Ghani, Niklas ElmqvistPurdue UniversityWest Lafayette, IN
USA
Presented By: Sohaib Ghani
ACM CHI 2012May 5-8, 2012 ▪ Austin, Texas
![Page 2: PolyZoom: Multiscale and Multifocus Exploration in 2D Visual Spaces](https://reader034.vdocuments.mx/reader034/viewer/2022051609/547c5c585806b5f43f8b472f/html5/thumbnails/2.jpg)
2
Where is Central Park???
![Page 3: PolyZoom: Multiscale and Multifocus Exploration in 2D Visual Spaces](https://reader034.vdocuments.mx/reader034/viewer/2022051609/547c5c585806b5f43f8b472f/html5/thumbnails/3.jpg)
3
Where am I ???
![Page 4: PolyZoom: Multiscale and Multifocus Exploration in 2D Visual Spaces](https://reader034.vdocuments.mx/reader034/viewer/2022051609/547c5c585806b5f43f8b472f/html5/thumbnails/4.jpg)
4
I foundCentral Park!!!
![Page 5: PolyZoom: Multiscale and Multifocus Exploration in 2D Visual Spaces](https://reader034.vdocuments.mx/reader034/viewer/2022051609/547c5c585806b5f43f8b472f/html5/thumbnails/5.jpg)
5
Outline
• Motivation• Demo• Related Work• The PolyZoom Technique– Design Decisions– Layout– PolyZoom: System
• User Studies• Conclusion
![Page 6: PolyZoom: Multiscale and Multifocus Exploration in 2D Visual Spaces](https://reader034.vdocuments.mx/reader034/viewer/2022051609/547c5c585806b5f43f8b472f/html5/thumbnails/6.jpg)
6
Motivation
• Multiscale visual space – Example: Google Maps – geospatial dataset
• Large (entire world) and two-dimensional• Multiscale (different data at different levels of detail)
• Navigation in such visual spaces is difficult – Desert fog– Multifocus interaction
![Page 7: PolyZoom: Multiscale and Multifocus Exploration in 2D Visual Spaces](https://reader034.vdocuments.mx/reader034/viewer/2022051609/547c5c585806b5f43f8b472f/html5/thumbnails/7.jpg)
7
• PolyZoom is a multiscale multifocus technique for navigating in 2D visual spaces– Allows users to iteratively build a hierarchy of focus regions– Allows maintaining awareness of multiple scales of the visual space
• [Video]
PolyZoom
![Page 8: PolyZoom: Multiscale and Multifocus Exploration in 2D Visual Spaces](https://reader034.vdocuments.mx/reader034/viewer/2022051609/547c5c585806b5f43f8b472f/html5/thumbnails/8.jpg)
8
Related Work
• Common Navigation Techniques– Scrolling (Igarashi and Hinckley 2000)
– Pan & Zoom ( Furnas and Bederson 2005)
– Overview + Detail (Hornbæk and Frøkjær 2001)
– Focus + Context (Furnas 1986)
• Multifocus Interaction– Split-screen techniques (Shoemaker and Gutwin 2007)
– Stack zooming (Javed and Elmqvist 2010)
• Multiscale Navigation– Pad (Perlin and Fox 1993)
![Page 9: PolyZoom: Multiscale and Multifocus Exploration in 2D Visual Spaces](https://reader034.vdocuments.mx/reader034/viewer/2022051609/547c5c585806b5f43f8b472f/html5/thumbnails/9.jpg)
9
PolyZoom: Design Goals
• Multiscale awareness• Multifocus awareness• No distortion• No overlap
![Page 10: PolyZoom: Multiscale and Multifocus Exploration in 2D Visual Spaces](https://reader034.vdocuments.mx/reader034/viewer/2022051609/547c5c585806b5f43f8b472f/html5/thumbnails/10.jpg)
10
PolyZoom: Layout• Layout• Viewport size management• Correlation graphics
![Page 11: PolyZoom: Multiscale and Multifocus Exploration in 2D Visual Spaces](https://reader034.vdocuments.mx/reader034/viewer/2022051609/547c5c585806b5f43f8b472f/html5/thumbnails/11.jpg)
11
PolyZoom: System
• Web-based implementation– ActionScript3, Flash, and HTML5
• Google Maps dataset, NASA Universe, a Lunar dataset, and a Martian dataset
![Page 12: PolyZoom: Multiscale and Multifocus Exploration in 2D Visual Spaces](https://reader034.vdocuments.mx/reader034/viewer/2022051609/547c5c585806b5f43f8b472f/html5/thumbnails/12.jpg)
12
User Studies
![Page 13: PolyZoom: Multiscale and Multifocus Exploration in 2D Visual Spaces](https://reader034.vdocuments.mx/reader034/viewer/2022051609/547c5c585806b5f43f8b472f/html5/thumbnails/13.jpg)
13
Study 1: Multiscale Visual Search
![Page 14: PolyZoom: Multiscale and Multifocus Exploration in 2D Visual Spaces](https://reader034.vdocuments.mx/reader034/viewer/2022051609/547c5c585806b5f43f8b472f/html5/thumbnails/14.jpg)
14
Study 1: Multiscale Visual Search
• Participants: 12• Navigation Techniques: 2– P – PolyZoom– S – Simple Pan & Zoom
• Hierarchy Levels L : 3 (3,4,5) • Repetitions: 4• Task
![Page 15: PolyZoom: Multiscale and Multifocus Exploration in 2D Visual Spaces](https://reader034.vdocuments.mx/reader034/viewer/2022051609/547c5c585806b5f43f8b472f/html5/thumbnails/15.jpg)
15
Study 1: Multiscale Visual Search• Hypothesis: P will be faster than S• Result: significant main effect of Technique T on completion time • Also significant main effect of Hierarchy Level L on completion time • Completion time was roughly linear with number of hierarchy levels• Levels were significantly different with completion times ordered
3 < 4 < 5 (Tukey HSD, p < .05)• No significant interaction between T and L
![Page 16: PolyZoom: Multiscale and Multifocus Exploration in 2D Visual Spaces](https://reader034.vdocuments.mx/reader034/viewer/2022051609/547c5c585806b5f43f8b472f/html5/thumbnails/16.jpg)
16
Study 2: Multifocus Comparison
![Page 17: PolyZoom: Multiscale and Multifocus Exploration in 2D Visual Spaces](https://reader034.vdocuments.mx/reader034/viewer/2022051609/547c5c585806b5f43f8b472f/html5/thumbnails/17.jpg)
17
Study 2: Multifocus Comparison
• Participants: 12• Navigation Techniques: 2– P – PolyZoom– S – Simple Pan & Zoom
• Discovery Order D : 5 (1,2,3,4,5) • Repetitions: 2• Task
![Page 18: PolyZoom: Multiscale and Multifocus Exploration in 2D Visual Spaces](https://reader034.vdocuments.mx/reader034/viewer/2022051609/547c5c585806b5f43f8b472f/html5/thumbnails/18.jpg)
18
Study 2: Multifocus Comparison• Hypothesis: P will be faster than S• Result: significant main effect of technique T on completion time • Discovery order D had a significant main effect on completion time
• Roughly linear (as expected)• Pairwise differences between orders were significant (Tukey HSD, p < .05)
![Page 19: PolyZoom: Multiscale and Multifocus Exploration in 2D Visual Spaces](https://reader034.vdocuments.mx/reader034/viewer/2022051609/547c5c585806b5f43f8b472f/html5/thumbnails/19.jpg)
19
Subjective Ratings• Differences in ratings significant (Friedman test, p < .05)
![Page 20: PolyZoom: Multiscale and Multifocus Exploration in 2D Visual Spaces](https://reader034.vdocuments.mx/reader034/viewer/2022051609/547c5c585806b5f43f8b472f/html5/thumbnails/20.jpg)
20
PolyZoom for 20 Years of UIST
![Page 21: PolyZoom: Multiscale and Multifocus Exploration in 2D Visual Spaces](https://reader034.vdocuments.mx/reader034/viewer/2022051609/547c5c585806b5f43f8b472f/html5/thumbnails/21.jpg)
21
Conclusion
• Design of a multiscale and multifocus interaction technique called PolyZoom
• Evaluation with 2 user studies– Study 1 for multiscale visual search– Study 2 for multifocus comparisons
• PolyZoom performs better than pan & zoom
![Page 22: PolyZoom: Multiscale and Multifocus Exploration in 2D Visual Spaces](https://reader034.vdocuments.mx/reader034/viewer/2022051609/547c5c585806b5f43f8b472f/html5/thumbnails/22.jpg)
22
Thank You!
Contact Information:Sohaib GhaniPurdue University, West Lafayette, IN, USA
E-mail: [email protected]
http://engineering.purdue.edu/pivot/
Online demo available:http://web.ics.purdue.edu/~wjaved/projects/stackZoom/
Partially funded by NSF Grant #1123108.