Animations 25 Years Later: New Roles and Opportunities

Animations are commonplace in today's user interfaces. From bouncing icons that catch attention, to transitions helping with orientation, to tutorials, animations can serve numerous purposes. We revisit Baecker and Small's pioneering work Animation at the Interface, 25 years later. We reviewed academic publications and commercial systems, and interviewed 20 professionals of various backgrounds. Our insights led to an expanded set of roles played by animation in interfaces today for keeping in context, teaching, improving user experience, data encoding and visual discourse. We illustrate each role with examples from practice and research, discuss evaluation methods and point to opportunities for future research. This expanded description of roles aims at inspiring the HCI research community to find novel uses of animation, guide them towards evaluation and spark further research.

[1]  Pierre Dragicevic,et al.  Using text animated transitions to support navigation in document histories , 2010, CHI.

[2]  Pierre Dragicevic,et al.  The Not-so-Staggering Effect of Staggered Animated Transitions on Visual Tracking , 2014, IEEE Transactions on Visualization and Computer Graphics.

[3]  Richard Lowe,et al.  Animation and learning: selective processing of information in dynamic graphics , 2003 .

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

[5]  R. Mayer,et al.  Animations need narrations : an experimental test of a dual-coding hypothesis , 1991 .

[6]  Jock D. Mackinlay,et al.  Storytelling: The Next Step for Visualization , 2013, Computer.

[7]  Katharina Reinecke,et al.  Infographic Aesthetics: Designing for the First Impression , 2015, CHI.

[8]  Carl Gutwin,et al.  Supporting Novice to Expert Transitions in User Interfaces , 2014, ACM Comput. Surv..

[9]  Jean-Daniel Fekete,et al.  A Principled Way of Assessing Visualization Literacy , 2014, IEEE Transactions on Visualization and Computer Graphics.

[10]  Eric Neufeld,et al.  Visualizing Causal Relations , 1999 .

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

[12]  Carl Gutwin,et al.  Learning from Games: HCI Design Innovations in Entertainment Software , 2003, Graphics Interface.

[13]  Andrew S. Forsberg,et al.  Lineogrammer: creating diagrams by drawing , 2008, UIST '08.

[14]  Benjamin B. Bederson,et al.  The promise of zoomable user interfaces , 2010, VINCI '10.

[15]  Jeffrey Heer,et al.  Narrative Visualization: Telling Stories with Data , 2010, IEEE Transactions on Visualization and Computer Graphics.

[16]  Pierre Dragicevic,et al.  Gliimpse: Animating from markup code to rendered documents and vice versa , 2011, UIST.

[17]  John T. Stasko,et al.  Effectiveness of Animation in Trend Visualization , 2008, IEEE Transactions on Visualization and Computer Graphics.

[18]  Andrew N Freedman,et al.  Representing randomness in the communication of individualized cancer risk estimates: effects on cancer risk perceptions, worry, and subjective uncertainty about risk. , 2012, Patient education and counseling.

[19]  Ben Shneiderman,et al.  Interactive Dynamics for Visual Analysis , 2012 .

[20]  Daniel Vogel,et al.  Interactive public ambient displays: transitioning from implicit to explicit, public to personal, interaction with multiple users , 2004, UIST '04.

[21]  Jeffrey Heer,et al.  Animated Transitions in Statistical Data Graphics , 2007, IEEE Transactions on Visualization and Computer Graphics.

[22]  Danyel Fisher,et al.  Animation for Visualization: Opportunities and Drawbacks , 2010, Beautiful Visualization.

[23]  John Lasseter,et al.  Principles of traditional animation applied to 3D computer animation , 1987, SIGGRAPH.

[24]  Pierre Dragicevic,et al.  Histomages: fully synchronized views for image editing , 2012, UIST '12.

[25]  Ricky Curran,et al.  Do dynamic work instructions provide an advantage over static instructions in a small scale assembly task , 2010 .

[26]  Antonella De Angeli,et al.  Towards a theory of user judgment of aesthetics and user interface quality , 2008, TCHI.

[27]  M. Sheelagh T. Carpendale,et al.  More Than Telling a Story: Transforming Data into Visually Shared Stories , 2015, IEEE Computer Graphics and Applications.

[28]  Lyn Bartram,et al.  Perceptual and interpretative properties of motion for information visualization , 1997, NPIV '97.

[29]  Oded Nov,et al.  How Deceptive are Deceptive Visualizations?: An Empirical Analysis of Common Distortion Techniques , 2015, CHI.

[30]  Ben Shneiderman,et al.  Twinlist: Novel User Interface Designs for Medication Reconciliation , 2013, AMIA.

[31]  Jean-Daniel Fekete,et al.  Motion-pointing: target selection using elliptical motions , 2009, CHI.

[32]  Christophe Hurter,et al.  Understanding Data Videos: Looking at Narrative Visualization through the Cinematography Lens , 2015, CHI.

[33]  Joanna McGrenere,et al.  Ephemeral adaptation: the use of gradual onset to improve menu selection performance , 2009, CHI.

[34]  B. Tversky,et al.  Effect of computer animation on users' performance : A review , 2000 .

[35]  Tao Cheng,et al.  Visualization of relationships between spatial patterns in time by cartographic animation , 1999 .

[36]  Cláudio T. Silva,et al.  Urbane: A 3D framework to support data driven decision making in urban development , 2015, 2015 IEEE Conference on Visual Analytics Science and Technology (VAST).

[37]  Pierre Dragicevic,et al.  Les transitions visuelles différenciées: principes et applications , 2006, IHM '06.

[38]  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..

[39]  Pierre Dragicevic,et al.  Mnemonic rendering: an image-based approach for exposing hidden changes in dynamic displays , 2006, UIST.

[40]  John Domingue,et al.  Software visualization : programming as a multimedia experience , 1998 .

[41]  Tovi Grossman,et al.  ToolClips: an investigation of contextual video assistance for functionality understanding , 2010, CHI.

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

[43]  Bongshin Lee,et al.  More than Telling a Story: A Closer Look at the Process of Transforming Data into Visually Shared Stories , 2016 .

[44]  M. Sheelagh T. Carpendale,et al.  Beyond Mouse and Keyboard: Expanding Design Considerations for Information Visualization Interactions , 2012, IEEE Transactions on Visualization and Computer Graphics.

[45]  Jean-Daniel Fekete,et al.  NodeTrix: a Hybrid Visualization of Social Networks , 2007, IEEE Transactions on Visualization and Computer Graphics.