Can smooth view transitions facilitate perceptual constancy in node-link diagrams?

Many visualizations use smoothly animated transitions to help the user interact with information structures. These transitions are intended to preserve perceptual constancy during viewpoint transformations. However, animated transitions also have costs -- they increase the transition time, and they can be complicated to implement -- and it is not clear whether the benefits of smooth transitions outweigh the costs. In order to quantify these benefits, we carried out two experiments that explore the effects of smooth transitions. In the first study, subjects were asked to determine whether graph nodes were connected, and navigated the graph either with or without smooth scene transitions. In the second study, participants were asked to identify the overall structure of a tree after navigating the tree through a viewport that either did or did not use smooth transitions for view changes. The results of both experiments show that smooth transitions can have dramatic benefits for user performance -- for example, participants in smooth transition conditions made half the errors of the discrete-movement conditions. In addition, short transitions were found to be as effective as long ones, suggesting that some of the costs of animations can be avoided. These studies give empirical evidence on the benefits of smooth transitions, and provide guidelines about when designers should use them in visualization systems.

[1]  Mary Czerwinski,et al.  DateLens: A fisheye calendar interface for PDAs , 2004, TCHI.

[2]  Enjámin,et al.  Pad ++ : A Zoomable Graphical Sketchpad For Exploring Alternate Interface Physics , 1996 .

[3]  Colin Ware,et al.  Information Visualization: Perception for Design , 2000 .

[4]  Mark H. Chignell,et al.  Elastic hierarchies: combining treemaps and node-link diagrams , 2005, IEEE Symposium on Information Visualization, 2005. INFOVIS 2005..

[5]  Catherine Plaisant,et al.  SpaceTree: supporting exploration in large node link tree, design evolution and empirical evaluation , 2002, IEEE Symposium on Information Visualization, 2002. INFOVIS 2002..

[6]  S. Joy Mountford,et al.  The Art of Human-Computer Interface Design , 1990 .

[7]  Thomas W. Calvert,et al.  Moticons: : detection, distraction and task , 2003, Int. J. Hum. Comput. Stud..

[8]  I. Biederman Recognition-by-components: a theory of human image understanding. , 1987, Psychological review.

[9]  Kang Shi,et al.  An evaluation of content browsing techniques for hierarchical space-filling visualizations , 2005, IEEE Symposium on Information Visualization, 2005. INFOVIS 2005..

[10]  Bay-Wei Chang,et al.  Animation: from cartoons to the user interface , 1993, UIST '93.

[11]  John T. Stasko,et al.  Do algorithm animations assist learning?: an empirical study and analysis , 1993, INTERCHI.

[12]  Cleotilde Gonzalez,et al.  Does animation in user interfaces improve decision making? , 1996, CHI.

[13]  Ronald Baecker,et al.  Bringing icons to life , 1991, CHI.

[14]  Mary Czerwinski,et al.  Polyarchy visualization: visualizing multiple intersecting hierarchies , 2002, CHI.

[15]  Jock D. Mackinlay,et al.  Information visualization using 3D interactive animation , 1993, CACM.

[16]  Saul Greenberg,et al.  Navigating hierarchically clustered networks through fisheye and full-zoom methods , 1996, TCHI.

[17]  Benjamin B. Bederson,et al.  Does animation help users build mental maps of spatial information? , 1999, Proceedings 1999 IEEE Symposium on Information Visualization (InfoVis'99).

[18]  Ronald M. Baecker,et al.  Animation at the interface , 1990 .

[19]  Colin Ware,et al.  Supporting Visual Queries on Medium-Sized Node–Link Diagrams , 2005, Inf. Vis..

[20]  Michael S. Borella,et al.  Internet delay effects: how users perceive quality, organization, and ease of use of information , 1997, CHI Extended Abstracts.

[21]  Barbara Tversky,et al.  Animation: can it facilitate? , 2002, Int. J. Hum. Comput. Stud..

[22]  J. Stasko,et al.  Focus+context display and navigation techniques for enhancing radial, space-filling hierarchy visualizations , 2000, IEEE Symposium on Information Visualization 2000. INFOVIS 2000. Proceedings.