Visual Narrative Flow: Exploring Factors Shaping Data Visualization Story Reading Experiences

Many factors can shape the flow of visual data‐driven stories, and thereby the way readers experience those stories. Through the analysis of 80 existing stories found on popular websites, we systematically investigate and identify seven characteristics of these stories, which we name “flow‐factors,” and we illustrate how they feed into the broader concept of “visual narrative flow.” These flow‐factors are navigation input, level of control, navigation progress, story layout, role of visualization, story progression, and navigation feedback. We also describe a series of studies we conducted, which shed initial light on how different visual narrative flows impact the reading experience. We report on two exploratory studies, in which we gathered reactions and preferences of readers for stepper‐ vs. scroller‐driven flows. We then report on a crowdsourced study with 240 participants, in which we explore the effect of the combination of different flow‐factors on readers’ engagement. Our results indicate that visuals and navigation feedback (e.g., static vs. animated transitions) have an impact on readers’ engagement, while level of control (e.g., discrete vs. continuous) may not.

[1]  Ben Shneiderman,et al.  Direct Manipulation: A Step Beyond Programming Languages , 1983, Computer.

[2]  Andrea Arbogast Scrolling is easier than clicking , 2014 .

[3]  R Core Team,et al.  R: A language and environment for statistical computing. , 2014 .

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

[5]  Jean-Daniel Fekete,et al.  Storytelling in Information Visualizations: Does it Engage Users to Explore Data? , 2015, CHI.

[6]  Sung-Hee Kim,et al.  Towards a Taxonomy for Evaluating User Engagement in Information Visualization , 2015 .

[7]  Daniel J Bauer,et al.  Fitting multilevel models with ordinal outcomes: performance of alternative specifications and methods of estimation. , 2011, Psychological methods.

[8]  Victor Kaptelinin,et al.  Transient visual cues for scrolling: an empirical study , 2002, CHI Extended Abstracts.

[9]  J. B. Brooke,et al.  SUS: A 'Quick and Dirty' Usability Scale , 1996 .

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

[11]  Daniel A. Keim,et al.  VisJockey : Enriching Data Stories through Orchestrated Interactive Visualization , 2014 .

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

[13]  Christophe Hurter,et al.  Animations 25 Years Later: New Roles and Opportunities , 2016, AVI.

[14]  Chao Feng,et al.  Evaluating affective features of 3D motionscapes , 2014, SAP.

[15]  Bongshin Lee,et al.  Emerging and Recurring Data-Driven Storytelling Techniques: Analysis of a Curated Collection of Recent Stories , 2016 .

[16]  Elaine Toms,et al.  The development and evaluation of a survey to measure user engagement , 2010, J. Assoc. Inf. Sci. Technol..

[17]  B. Gardiner,et al.  The dark side of Guardian comments , 2016 .

[18]  Jean M. Brechman Narrative “Flow”: A model of narrative processing and its impact on information processing, knowledge acquisition and persuasion , 2010 .

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

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

[21]  Ben Shneiderman,et al.  Direct manipulation: A step beyond programming languages (abstract only) , 1981, CHI '81.

[22]  Alex Endert,et al.  Beyond Usability and Performance: A Review of User Experience-focused Evaluations in Visualization , 2016, BELIV '16.

[23]  Benjamin B. Bederson,et al.  Benefits of animated scrolling , 2005, CHI Extended Abstracts.

[24]  Arvind Satyanarayan,et al.  Authoring Narrative Visualizations with Ellipsis , 2014, Comput. Graph. Forum.

[25]  Niklas Elmqvist,et al.  Fluid interaction for information visualization , 2011, Inf. Vis..

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

[27]  Shawn Graham A Visual Introduction to Machine Learning , 2015 .

[28]  Bongshin Lee,et al.  Authoring Data-Driven Videos with DataClips , 2017, IEEE Transactions on Visualization and Computer Graphics.

[29]  D. Bates,et al.  Fitting Linear Mixed-Effects Models Using lme4 , 2014, 1406.5823.

[30]  Bongshin Lee,et al.  A Deeper Understanding of Sequence in Narrative Visualization , 2013, IEEE Transactions on Visualization and Computer Graphics.

[31]  Kyle Wm. Hall,et al.  Telling Stories about Dynamic Networks with Graph Comics , 2016, CHI.

[32]  Michel Beaudouin-Lafon,et al.  Designing interaction, not interfaces , 2004, AVI.