Interaction: Animation
description
Transcript of Interaction: Animation
![Page 1: Interaction: Animation](https://reader033.fdocuments.net/reader033/viewer/2022051420/56816023550346895dcf27c8/html5/thumbnails/1.jpg)
1
INTERACTION: ANIMATIONPresented by Chris Luce
![Page 2: Interaction: Animation](https://reader033.fdocuments.net/reader033/viewer/2022051420/56816023550346895dcf27c8/html5/thumbnails/2.jpg)
2
ANIMATED TRANSITIONS IN STATISTICAL DATA GRAPHICS (JEFFREY HEER)
Switch between data graphics Keep readers oriented during transitions
Understand relationships between the views
![Page 3: Interaction: Animation](https://reader033.fdocuments.net/reader033/viewer/2022051420/56816023550346895dcf27c8/html5/thumbnails/3.jpg)
3
PROS OF ANIMATED TRANSITIONS
Stay oriented Facilitate learning Decision making Increase levels of engagement
![Page 4: Interaction: Animation](https://reader033.fdocuments.net/reader033/viewer/2022051420/56816023550346895dcf27c8/html5/thumbnails/4.jpg)
4
CONS OF ANIMATED TRANSITIONS
No guarantee of improved performance Time and complexity Misleading
Animations that violate underlying data semantics
![Page 5: Interaction: Animation](https://reader033.fdocuments.net/reader033/viewer/2022051420/56816023550346895dcf27c8/html5/thumbnails/5.jpg)
5
TRANSITION TYPES IN STATISTICAL DATA GRAPHICS View Transformation Substrate Transformation Filtering Ordering Timestep Visualization Change Data Schema Change
![Page 6: Interaction: Animation](https://reader033.fdocuments.net/reader033/viewer/2022051420/56816023550346895dcf27c8/html5/thumbnails/6.jpg)
6
![Page 7: Interaction: Animation](https://reader033.fdocuments.net/reader033/viewer/2022051420/56816023550346895dcf27c8/html5/thumbnails/7.jpg)
7
DESIGN CONSIDERATIONS Congruence
Maintain valid data graphics during transitions Use consistent semantic-syntactic mappings Respect semantic correspondence Avoid ambiguity
![Page 8: Interaction: Animation](https://reader033.fdocuments.net/reader033/viewer/2022051420/56816023550346895dcf27c8/html5/thumbnails/8.jpg)
8
DESIGN CONSIDERATIONS Apprehension
Group similar transitions Minimize occlusion Maximize predictability Use simple transitions Use staging for complex transitions Make transitions as long as need, but no longer
![Page 9: Interaction: Animation](https://reader033.fdocuments.net/reader033/viewer/2022051420/56816023550346895dcf27c8/html5/thumbnails/9.jpg)
9
DynaVis(video)
![Page 10: Interaction: Animation](https://reader033.fdocuments.net/reader033/viewer/2022051420/56816023550346895dcf27c8/html5/thumbnails/10.jpg)
10
EXPERIMENT 1: OBJECT TRACKING
![Page 11: Interaction: Animation](https://reader033.fdocuments.net/reader033/viewer/2022051420/56816023550346895dcf27c8/html5/thumbnails/11.jpg)
11
EXPERIMENT 1: RESULTS
![Page 12: Interaction: Animation](https://reader033.fdocuments.net/reader033/viewer/2022051420/56816023550346895dcf27c8/html5/thumbnails/12.jpg)
12
EXPERIMENT 2: ESTIMATING CHANGING VALUES
![Page 13: Interaction: Animation](https://reader033.fdocuments.net/reader033/viewer/2022051420/56816023550346895dcf27c8/html5/thumbnails/13.jpg)
13
EXPERIMENT 2: RESULTS
![Page 14: Interaction: Animation](https://reader033.fdocuments.net/reader033/viewer/2022051420/56816023550346895dcf27c8/html5/thumbnails/14.jpg)
14
SUBJECTIVE PREFERENCES
![Page 15: Interaction: Animation](https://reader033.fdocuments.net/reader033/viewer/2022051420/56816023550346895dcf27c8/html5/thumbnails/15.jpg)
15
EFFECTIVENESS OF ANIMATION IN TREND VISUALIZATION (GEORGE ROBERTSON)
Presenter knows what happens and tells audience what to look for
Problem with analysis or data exploration Replay animation many times
![Page 16: Interaction: Animation](https://reader033.fdocuments.net/reader033/viewer/2022051420/56816023550346895dcf27c8/html5/thumbnails/16.jpg)
16
ANIMATION VISUALIZATION
![Page 17: Interaction: Animation](https://reader033.fdocuments.net/reader033/viewer/2022051420/56816023550346895dcf27c8/html5/thumbnails/17.jpg)
17
QUESTIONS ABOUT TREND VISUALIZATION
What effect does the dataset size have? Does the animation technique work for
analysis? Are there alternatives that are more
effective?
![Page 18: Interaction: Animation](https://reader033.fdocuments.net/reader033/viewer/2022051420/56816023550346895dcf27c8/html5/thumbnails/18.jpg)
18
TRACES VISUALIZATION
![Page 19: Interaction: Animation](https://reader033.fdocuments.net/reader033/viewer/2022051420/56816023550346895dcf27c8/html5/thumbnails/19.jpg)
19
SMALL MULTIPLES VISUALIZATION
![Page 20: Interaction: Animation](https://reader033.fdocuments.net/reader033/viewer/2022051420/56816023550346895dcf27c8/html5/thumbnails/20.jpg)
20
STUDY RESULTS Accuracy
![Page 21: Interaction: Animation](https://reader033.fdocuments.net/reader033/viewer/2022051420/56816023550346895dcf27c8/html5/thumbnails/21.jpg)
21
STUDY RESULTS
Task Completion Time Animation was fastest in Presentation and
slowest in Analysis Traces and Small Multiples are both faster than
Animation when used for Analysis
![Page 22: Interaction: Animation](https://reader033.fdocuments.net/reader033/viewer/2022051420/56816023550346895dcf27c8/html5/thumbnails/22.jpg)
22
STUDY RESULTS Subjective Preferences
![Page 23: Interaction: Animation](https://reader033.fdocuments.net/reader033/viewer/2022051420/56816023550346895dcf27c8/html5/thumbnails/23.jpg)
23
ANIMATION: CAN IT FACILITATE? (BARBARA TVERSKY)
Evaluate animation Compare: animation vs. static graphics
![Page 24: Interaction: Animation](https://reader033.fdocuments.net/reader033/viewer/2022051420/56816023550346895dcf27c8/html5/thumbnails/24.jpg)
24
SELECTIVE REVIEW
Incomparable content Incomparable procedures Failures of animation to benefit
![Page 25: Interaction: Animation](https://reader033.fdocuments.net/reader033/viewer/2022051420/56816023550346895dcf27c8/html5/thumbnails/25.jpg)
25
WHY DO ANIMATIONS FAIL?
Animations may be hard to perceive Animations may be comprehended discretely Interactivity Caveats
![Page 26: Interaction: Animation](https://reader033.fdocuments.net/reader033/viewer/2022051420/56816023550346895dcf27c8/html5/thumbnails/26.jpg)
26
REFERENCES Jeffrey Heer, George Robertson. Animated Transitions in Statistical Data
Graphics. IEEE Information Visualization (InfoVis) 2007. George Robertson, Roland Fernandez, Danyel Fisher, Bongshin Lee, John
Stasko, "Effectiveness of Animation in Trend Visualization", IEEE Transactions on Visualization and Computer Graphics, (Paper presented at InfoVis '08), Vol. 14, No. 6, November/December 2008, pp. 1325-1332.
Animation: Can It Facilitate? Barbara Tversky, Julie Morrison, Mireille Betrancourt. International Journal of Human Computer Studies 57:4, pp 247-262, 2002.