I NTERACTION : A NIMATION Presented by Chris Luce 1.
-
date post
22-Dec-2015 -
Category
Documents
-
view
217 -
download
1
Transcript of I NTERACTION : A NIMATION Presented by Chris Luce 1.
![Page 1: I NTERACTION : A NIMATION Presented by Chris Luce 1.](https://reader035.fdocuments.us/reader035/viewer/2022062516/56649d7e5503460f94a619ea/html5/thumbnails/1.jpg)
1
INTERACTION: ANIMATIONPresented by Chris Luce
![Page 2: I NTERACTION : A NIMATION Presented by Chris Luce 1.](https://reader035.fdocuments.us/reader035/viewer/2022062516/56649d7e5503460f94a619ea/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: I NTERACTION : A NIMATION Presented by Chris Luce 1.](https://reader035.fdocuments.us/reader035/viewer/2022062516/56649d7e5503460f94a619ea/html5/thumbnails/3.jpg)
3
PROS OF ANIMATED TRANSITIONS
Stay oriented Facilitate learning Decision making Increase levels of engagement
![Page 4: I NTERACTION : A NIMATION Presented by Chris Luce 1.](https://reader035.fdocuments.us/reader035/viewer/2022062516/56649d7e5503460f94a619ea/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: I NTERACTION : A NIMATION Presented by Chris Luce 1.](https://reader035.fdocuments.us/reader035/viewer/2022062516/56649d7e5503460f94a619ea/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: I NTERACTION : A NIMATION Presented by Chris Luce 1.](https://reader035.fdocuments.us/reader035/viewer/2022062516/56649d7e5503460f94a619ea/html5/thumbnails/6.jpg)
6
![Page 7: I NTERACTION : A NIMATION Presented by Chris Luce 1.](https://reader035.fdocuments.us/reader035/viewer/2022062516/56649d7e5503460f94a619ea/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: I NTERACTION : A NIMATION Presented by Chris Luce 1.](https://reader035.fdocuments.us/reader035/viewer/2022062516/56649d7e5503460f94a619ea/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: I NTERACTION : A NIMATION Presented by Chris Luce 1.](https://reader035.fdocuments.us/reader035/viewer/2022062516/56649d7e5503460f94a619ea/html5/thumbnails/9.jpg)
9
DynaVis(video)
![Page 10: I NTERACTION : A NIMATION Presented by Chris Luce 1.](https://reader035.fdocuments.us/reader035/viewer/2022062516/56649d7e5503460f94a619ea/html5/thumbnails/10.jpg)
10
EXPERIMENT 1: OBJECT TRACKING
![Page 11: I NTERACTION : A NIMATION Presented by Chris Luce 1.](https://reader035.fdocuments.us/reader035/viewer/2022062516/56649d7e5503460f94a619ea/html5/thumbnails/11.jpg)
11
EXPERIMENT 1: RESULTS
![Page 12: I NTERACTION : A NIMATION Presented by Chris Luce 1.](https://reader035.fdocuments.us/reader035/viewer/2022062516/56649d7e5503460f94a619ea/html5/thumbnails/12.jpg)
12
EXPERIMENT 2: ESTIMATING CHANGING VALUES
![Page 13: I NTERACTION : A NIMATION Presented by Chris Luce 1.](https://reader035.fdocuments.us/reader035/viewer/2022062516/56649d7e5503460f94a619ea/html5/thumbnails/13.jpg)
13
EXPERIMENT 2: RESULTS
![Page 14: I NTERACTION : A NIMATION Presented by Chris Luce 1.](https://reader035.fdocuments.us/reader035/viewer/2022062516/56649d7e5503460f94a619ea/html5/thumbnails/14.jpg)
14
SUBJECTIVE PREFERENCES
![Page 15: I NTERACTION : A NIMATION Presented by Chris Luce 1.](https://reader035.fdocuments.us/reader035/viewer/2022062516/56649d7e5503460f94a619ea/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: I NTERACTION : A NIMATION Presented by Chris Luce 1.](https://reader035.fdocuments.us/reader035/viewer/2022062516/56649d7e5503460f94a619ea/html5/thumbnails/16.jpg)
16
ANIMATION VISUALIZATION
![Page 17: I NTERACTION : A NIMATION Presented by Chris Luce 1.](https://reader035.fdocuments.us/reader035/viewer/2022062516/56649d7e5503460f94a619ea/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: I NTERACTION : A NIMATION Presented by Chris Luce 1.](https://reader035.fdocuments.us/reader035/viewer/2022062516/56649d7e5503460f94a619ea/html5/thumbnails/18.jpg)
18
TRACES VISUALIZATION
![Page 19: I NTERACTION : A NIMATION Presented by Chris Luce 1.](https://reader035.fdocuments.us/reader035/viewer/2022062516/56649d7e5503460f94a619ea/html5/thumbnails/19.jpg)
19
SMALL MULTIPLES VISUALIZATION
![Page 20: I NTERACTION : A NIMATION Presented by Chris Luce 1.](https://reader035.fdocuments.us/reader035/viewer/2022062516/56649d7e5503460f94a619ea/html5/thumbnails/20.jpg)
20
STUDY RESULTS
Accuracy
![Page 21: I NTERACTION : A NIMATION Presented by Chris Luce 1.](https://reader035.fdocuments.us/reader035/viewer/2022062516/56649d7e5503460f94a619ea/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: I NTERACTION : A NIMATION Presented by Chris Luce 1.](https://reader035.fdocuments.us/reader035/viewer/2022062516/56649d7e5503460f94a619ea/html5/thumbnails/22.jpg)
22
STUDY RESULTS
Subjective Preferences
![Page 23: I NTERACTION : A NIMATION Presented by Chris Luce 1.](https://reader035.fdocuments.us/reader035/viewer/2022062516/56649d7e5503460f94a619ea/html5/thumbnails/23.jpg)
23
ANIMATION: CAN IT FACILITATE? (BARBARA TVERSKY)
Evaluate animation Compare: animation vs. static graphics
![Page 24: I NTERACTION : A NIMATION Presented by Chris Luce 1.](https://reader035.fdocuments.us/reader035/viewer/2022062516/56649d7e5503460f94a619ea/html5/thumbnails/24.jpg)
24
SELECTIVE REVIEW
Incomparable content Incomparable procedures Failures of animation to benefit
![Page 25: I NTERACTION : A NIMATION Presented by Chris Luce 1.](https://reader035.fdocuments.us/reader035/viewer/2022062516/56649d7e5503460f94a619ea/html5/thumbnails/25.jpg)
25
WHY DO ANIMATIONS FAIL?
Animations may be hard to perceive Animations may be comprehended discretely Interactivity Caveats
![Page 26: I NTERACTION : A NIMATION Presented by Chris Luce 1.](https://reader035.fdocuments.us/reader035/viewer/2022062516/56649d7e5503460f94a619ea/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.