Required Readings Further Reading Dangers of Depth vs Position - PowerPoint PPT Presentation

Required Readings Further Reading Dangers of Depth vs Position Chapter 3: Visual Encoding Principles Animation: Can It Facilitate? Barbara Tversky, Julie Morrison, rankings for planar spatial position, not depth! (this time: last 11 pages, Sec 3.5) Mireille Betrancourt. International Journal of Human Computer we don’t really live in 3D; we see in 2.05D Studies 57:4, pp 247-262, 2002. Lecture 6: Interaction Principles up/down and sideways: image plane Chapter 4: Interaction Principles acquire more info quickly from eye movements Animated Transitions in Statistical Data Graphics¡/a¿ Jeffrey Heer Information Visualization Interactive Visualization of Genealogical Graphs. Michael J. away: depth into scene and George G. Robertson. IEEE TVCG (Proc. InfoVis 2007) McGuffin, Ravin Balakrishnan. Proc. InfoVis 2005, pp 17-24. CPSC 533C, Fall 2011 only acquire more info from head/body motion 13(6): 1240-1247, 2007. TreeJuxtaposer: Scalable Tree Comparison using Focus+Context with Guaranteed Visibility. Tamara Munzner, Francois Tamara Munzner Guimbretiere, Serdar Tasiran, Li Zhang, and Yunhong Zhou. SIGGRAPH 2003. UBC Computer Science Mon, 26 September 2011 [Ware. Visual Thinking For Design. 2008. (p 44)] 1 / 44 2 / 44 3 / 44 4 / 44 Occlusion and Motion Parallax Perspective Distortion Other Cues Text Legibility interferes with all size channel encodings familiar size far worse when tilted from image plane power of the plane is lost! shadows and shading stereo atmospheric perspective [Fig 1. Visualizing the Results of Multimedia Web Search Engines. Mukherjea, Hirata, and Hara. InfoVis 96] [Fig 21. Carpendale et al. Distortion Viewing Techniques for 3D Data. InfoVis 1996.] [Visualizing the World-Wide Web with the Navigational View Builder. Mukherjea and Foley. Computer Networks and ISDN Systems, 1995.] 5 / 44 6 / 44 7 / 44 8 / 44 Need to Justify 3D Abstract 3D Can Be Justified Classes of Change Latency and Feedback 3D legitimate for true 3D spatial data constrained navigation changing selection .1 sec: perceptual processing drawer opening metaphor 3D needs very careful justification for abstract data changing highlighting 1 sec: immediate response enthusiasm in 1990s, but now skepticism changing viewpoint: navigating 10 sec: unit tasks be especially careful with 3D point clouds or networks changing spatial order: sorting changing visual encoding [WEBPATH-a three dimensional Web history. Frecon and Smith. InfoVis 1999] [Fig 3 and 7. Lopez-Hernandez et al. A Layer-Oriented Interface for Visualizing 9 / 44 Time-Series Data from Oscilloscopes. Proc. PacificVis 2010, p 41-48.] 10 / 44 11 / 44 12 / 44 More Interaction Principles Animation Animation Animation interaction costs narrative storytelling narrative storytelling narrative storytelling interplay between automatic and interactive careful choreography to direct eyes to right spot careful choreography to direct eyes to right spot careful choreography to direct eyes to right spot vs datasets with simultaneous change many places vs datasets with simultaneous change many places vs datasets with simultaneous change many places spatial cognition possibility: show process possibility: show process transitions between configurations systematic distortions: hierarchical transitions between configurations transitions between configurations landmarks for spatial memory powerful technique, very common powerful technique, very common powerful technique, very common video-style playback of multiframe sequence video-style playback of multiframe sequence video-style playback of multiframe sequence good: compare by flipping between two things [www.geom.uiuc.edu/docs/outreach/oi/evert.mpg] [www.geom.uiuc.edu/docs/outreach/oi/evert.mpg] [www.astroshow.com/ccdpho/pluto.gif] 13 / 44 14 / 44 15 / 44 16 / 44

Animation Animation Animation Animation narrative storytelling narrative storytelling small multiples: show time using space small multiples: show time using space careful choreography to direct eyes to right spot careful choreography to direct eyes to right spot vs datasets with simultaneous change many places vs datasets with simultaneous change many places overview: show each time step in array overview: show each time step in array compare: side-by-side easier than temporal compare: side-by-side easier than temporal possibility: show process possibility: show process transitions between configurations transitions between configurations external cognition instead of internal memory external cognition instead of internal memory powerful technique, very common powerful technique, very common general technique, not just for temporal changes video-style playback of multiframe sequence video-style playback of multiframe sequence good: compare by flipping between two things good: compare by flipping between two things bad: compare between many things bad: compare between many things interference from intermediate frames [Edward Tufte. The Visual Display of Quantitative Information, p 172] [Edward Tufte. The Visual Display of Quantitative Information, p 172] [www.geom.uiuc.edu/docs/outreach/oi/evert.mpg] [www.geom.uiuc.edu/docs/outreach/oi/evert.mpg] [www.astroshow.com/ccdpho/pluto.gif] [www.astroshow.com/ccdpho/pluto.gif] 17 / 44 18 / 44 19 / 44 20 / 44 Animation Animation vs. Small Multiples Animated Transitions Transition Taxonomy literal abstract Tversky argument: intuition that animation helps is general and powerful idea change viewpoint wrong − . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . − transitions, not motion as visual encoding change spatial substrate ← → time for time space for time meta-review of previous studies benefits filter often more info shown in animation view so not a fair attracts attention reorder comparison small multiples: show time using space facilitates object constancy change time implies causality also can be good for showing process carefully chosen segmentation into small multiples better change visual mapping emotionally engaging than animation if equivalent information shown this paper: statistical graphics change data schema design principles [Animation: Can It Facilitate? Barbara Tversky, Julie Morrison, controlled experiments Mireille Betrancourt. International Journal of Human Computer Studies 57:4, pp 247-262, 2002.] [Animated Transitions in Statistical Data Graphics. Je ff rey Heer and George G. Robertson. IEEE TVCG (Proc. InfoVis 2007) 13(6): 1240-1247, 2007.] [www.geom.uiuc.edu/graphics/pix/Video Productions/Outside In/postcard.comp.html] 21 / 44 22 / 44 23 / 44 24 / 44 Congruence Principles Apprehension Principles Staging Experiments internal and external representations should match external representation structure and content should be study 1: object location tracking both structure and content readily and accurately perceived and comprehended animation always helped staged animation almost always helped principles principles study 2: value change estimation maintain valid data graphics during transitions group similar transitions use consistent mappings (semantic-syntactic) animation helps in some cases gestalt common fate respect semantic correspondences staging not significant help minimize occlusion avoid ambiguity preference: staged anim mostly, anim always maximize predictability guideline: avoid overly complex multi-staging slow-in, slow-out use simple transitions use staging for complex transitions make transitions as long as needed, but no longer [Animated Transitions in Statistical Data Graphics. Jeffrey Heer and George G. Robertson. IEEE TVCG (Proc. InfoVis 2007) 13(6): 1240-1247, 2007.] 25 / 44 26 / 44 27 / 44 28 / 44 Change Blindness Resolution Beats Immersion Genealogical Graphs Visual Encoding Alternatives don’t see changes if attention directed elsewhere immersion typically not helpful for abstract data family trees not actually trees rooted: node-link, enclosure, adjacent/align, indent do not need sense of presence or stereoscopic 3D even if they’re very drastic! single person has tree of ancestors, tree of descendants resolution much more important pedigree collapse inevitable: diamond in ancestor graph demo pixels are the scarcest resource desktop also better for workflow integration virtual reality for abstract data very di ffi cult to justify fractal: no crossings, but lose ordering by generation exponential crowding problem [Fig 2/6, McGuffin and Balakrishnan. Interactive Visualization of Genealogical Graphs. [Development of an information visualization tool using virtual reality.Kirner and [Fig 8/7, McGuffin and Balakrishnan. Interactive Visualization of Genealogical Graphs. Proc. InfoVis 2005, p. 17-24] Martins. Symp Applied Computing 2000] Proc. InfoVis 2005, p. 17-24] 29 / 44 30 / 44 31 / 44 32 / 44