A Comparative Evaluation of Animation and Small Multiples for Trend Visualization on Mobile Phones

We compare the efficacy of animated and small multiples variants of scatterplots on mobile phones for comparing trends in multivariate datasets. Visualization is increasingly prevalent in mobile applications and mobile-first websites, yet there is little prior visualization research dedicated to small displays. In this paper, we build upon previous experimental research carried out on larger displays that assessed animated and non-animated variants of scatterplots. Incorporating similar experimental stimuli and tasks, we conducted an experiment where 96 crowdworker participants performed nine trend comparison tasks using their mobile phones. We found that those using a small multiples design consistently completed tasks in less time, albeit with slightly less confidence than those using an animated design. The accuracy results were more task-dependent, and we further interpret our results according to the characteristics of the individual tasks, with a specific focus on the trajectories of target and distractor data items in each task. We identify cases that appear to favor either animation or small multiples, providing new questions for further experimental research and implications for visualization design on mobile devices. Lastly, we provide a reflection on our evaluation methodology.

[1]  Jarke J. van Wijk,et al.  Small Multiples, Large Singles: A New Approach for Visual Data Exploration , 2013, Comput. Graph. Forum.

[2]  Jeffrey Heer,et al.  SpanningAspectRatioBank Easing FunctionS ArrayIn ColorIn Date Interpolator MatrixInterpola NumObjecPointI Rectang ISchedu Parallel Pause Scheduler Sequen Transition Transitioner Transiti Tween Co DelimGraphMLCon IData JSONCon DataField DataSc Dat DataSource Data DataUtil DirtySprite LineS RectSprite , 2011 .

[3]  Jeffrey Heer,et al.  Crowdsourcing graphical perception: using mechanical turk to assess visualization design , 2010, CHI.

[4]  Denis Lalanne,et al.  A Qualitative Study on the Exploration of Temporal Changes in Flow Maps with Animation and Small‐Multiples , 2012, Comput. Graph. Forum.

[5]  Bongshin Lee,et al.  TouchPivot: Blending WIMP & Post-WIMP Interfaces for Data Exploration on Tablet Devices , 2017, CHI.

[6]  Pierre Dragicevic,et al.  La Différence Significative entre Valeurs p et Intervalles de Confiance , 2017 .

[7]  Pierre Dragicevic,et al.  Fair Statistical Communication in HCI , 2016 .

[8]  Monica M. C. Schraefel,et al.  TouchViz: a case study comparing two interfaces for data analytics on tablets , 2013, CHI.

[9]  Tamara Munzner,et al.  Visualization Analysis and Design , 2014, A.K. Peters visualization series.

[10]  Jessika Weiss,et al.  Vision Science Photons To Phenomenology , 2016 .

[11]  Bongshin Lee,et al.  Data Visualization on Mobile Devices , 2018, CHI Extended Abstracts.

[12]  M. Sheelagh T. Carpendale,et al.  TouchWave: kinetic multi-touch manipulation for hierarchical stacked graphs , 2012, ITS.

[13]  Kwan-Liu Ma,et al.  Temporal Summary Images: An Approach to Narrative Visualization via Interactive Annotation Generation and Placement , 2017, IEEE Transactions on Visualization and Computer Graphics.

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

[15]  Bongshin Lee,et al.  Glanceable Visualization: Studies of Data Comparison Performance on Smartwatches , 2019, IEEE Transactions on Visualization and Computer Graphics.

[16]  James Tompkin,et al.  Evaluating Pan and Zoom Timelines and Sliders , 2019, CHI.

[17]  HeerJeffrey,et al.  D3 Data-Driven Documents , 2011 .

[18]  Yang Chen,et al.  Visualizing Large Time-series Data on Very Small Screens , 2017, EuroVis.

[19]  Daniel W. Archambault,et al.  Animation, Small Multiples, and the Effect of Mental Map Preservation in Dynamic Graphs , 2011, IEEE Transactions on Visualization and Computer Graphics.

[20]  Jean-Daniel Fekete,et al.  GraphDiaries: Animated Transitions andTemporal Navigation for Dynamic Networks , 2014, IEEE Transactions on Visualization and Computer Graphics.

[21]  W. Cleveland,et al.  Graphical Perception: Theory, Experimentation, and Application to the Development of Graphical Methods , 1984 .

[22]  Jeff Sauro,et al.  Average task times in usability tests: what to report? , 2010, CHI 2010.

[23]  Rafael Veras,et al.  Saliency Deficit and Motion Outlier Detection in Animated Scatterplots , 2019, CHI.

[24]  Bongshin Lee,et al.  Crowdsourcing for Information Visualization: Promises and Pitfalls , 2017, Crowdsourcing and Human-Centered Experiments.

[25]  Bongshin Lee,et al.  Visualizing Ranges over Time on Mobile Phones: A Task-Based Crowdsourced Evaluation , 2019, IEEE Transactions on Visualization and Computer Graphics.

[26]  Martin Krzywinski,et al.  Points of Significance: Error bars , 2013, Nature Methods.

[27]  Sean A. Munson,et al.  When (ish) is My Bus?: User-centered Visualizations of Uncertainty in Everyday, Mobile Predictive Systems , 2016, CHI.

[28]  Benjamin Watson,et al.  Emerging Research in Mobile Visualization , 2015, MobileHCI Adjunct.

[29]  Bongshin Lee,et al.  Information Visualization Evaluation Using Crowdsourcing , 2018, Comput. Graph. Forum.

[30]  Bill Hinderman Building Responsive Data Visualization for the Web , 2015 .

[31]  Kerstin Blumenstein,et al.  Evaluating Information Visualization on Mobile Devices: Gaps and Challenges in the Empirical Evaluation Design Space , 2016, BELIV '16.

[32]  Luca Chittaro,et al.  Visualization of patient data at different temporal granularities on mobile devices , 2006, AVI '06.

[33]  Bongshin Lee,et al.  WordlePlus: Expanding Wordle's Use through Natural Interaction and Animation , 2015, IEEE Computer Graphics and Applications.

[34]  George A Alvarez,et al.  How many objects can you track? Evidence for a resource-limited attentive tracking mechanism. , 2007, Journal of vision.

[35]  Steven Franconeri,et al.  The Connected Scatterplot for Presenting Paired Time Series , 2016, IEEE Transactions on Visualization and Computer Graphics.