Making graph visualization a user-centered process

Abstract Many problems in application domains deal with graphs. Graphs are often visualized into node-link diagrams for better understanding of them. Traditionally, graphs are visualized to meet some pre-defined quality metrics, or aesthetics. It is commonly agreed that graphs that are drawn based on aesthetics are more likely to be not only beautiful but also comprehensible. However, those aesthetics were originally proposed by researchers based on their intuitions from a designer’s perspective. Although some of them have been empirically validated, to produce truly user cognitively friendly visualizations,well-grounded cognitive theories and design guidelines are needed. In this paper, we attempt to explore a cognitive approach that follows a user-centered process in visualizing graphs. We begin by proposing a graph visualization model, which is further conceptualized into a two-stage assessment cycle. It is argued that to provide effective cognitive support, it is essential to understand the cognitive process of a particular task in association with the attributes of the end user and the visual representation, and that to develop a set of design principles, what cognitive processes or graph reading strategies are involved should be part of evaluation. We materialized the model by reviewing the literature and providing relevant examples in the context of providing cognitive support and understanding cognitive process. We introduce theories from other disciplines such as perceptual and cognitive psychology, summarize methodologies that have been used in prior research, and discuss their implications for producing user-centered visualizations.

[1]  Colin Ware,et al.  Motion to support rapid interactive queries on node--link diagrams , 2004, TAP.

[2]  Shuo Wang,et al.  Designing a compelling user interface for morphing , 2004, CHI '04.

[3]  Kim Marriott,et al.  Memorability of Visual Features in Network Diagrams , 2012, IEEE Transactions on Visualization and Computer Graphics.

[4]  Weidong Huang,et al.  Towards a Cognitive Approach to User-Centered Visualization Design and Evaluation , 2014, VINCI '14.

[5]  Weidong Huang,et al.  Handbook of Human Centric Visualization , 2013, Springer New York.

[6]  Beryl Plimmer,et al.  Graph Drawing Aesthetics—Created by Users, Not Algorithms , 2012, IEEE Transactions on Visualization and Computer Graphics.

[7]  Weidong Huang,et al.  Evaluating overall quality of graph visualizations based on aesthetics aggregation , 2016, Inf. Sci..

[8]  Jerry Lohse,et al.  A cognitive model for the perception and understanding of graphs , 1991, CHI.

[9]  Stephen G. Kobourov,et al.  Comparing Node‐Link and Node‐Link‐Group Visualizations From An Enjoyment Perspective , 2016, Comput. Graph. Forum.

[10]  Carsten Friedrich,et al.  Applying Gestalt principles to animated visualizations of network data , 2002, Proceedings Sixth International Conference on Information Visualisation.

[11]  Noam Tractinsky,et al.  Assessing dimensions of perceived visual aesthetics of web sites , 2004 .

[12]  Melanie Tory,et al.  Human factors in visualization research , 2004, IEEE Transactions on Visualization and Computer Graphics.

[13]  Stephen M. Kosslyn,et al.  Representational Correspondence as a Basic Principle of Diagram Design , 2005, Knowledge and Information Visualization.

[14]  Magnus Boman,et al.  Implementing an agent trade server , 2003, Decis. Support Syst..

[15]  Hanspeter Pfister,et al.  Beyond Memorability: Visualization Recognition and Recall , 2016, IEEE Transactions on Visualization and Computer Graphics.

[16]  Joemon M. Jose,et al.  How users assess Web pages for information seeking , 2005, J. Assoc. Inf. Sci. Technol..

[17]  Weidong Huang,et al.  Effects of Sociogram Drawing Conventions and Edge Crossings in Social Network Visualization , 2007, J. Graph Algorithms Appl..

[18]  Ivan Herman,et al.  Graph Visualization and Navigation in Information Visualization: A Survey , 2000, IEEE Trans. Vis. Comput. Graph..

[19]  John T. Stasko,et al.  Toward a Deeper Understanding of the Role of Interaction in Information Visualization , 2007, IEEE Transactions on Visualization and Computer Graphics.

[20]  Weidong Huang,et al.  Evaluating esthetics for user-sketched layouts of clustered graphs with known clustering information , 2016, J. Vis. Lang. Comput..

[21]  Henry Been-Lirn Duh,et al.  Evaluating Overall Quality of Dynamic Network Visualizations , 2016, CDVE.

[22]  Fang Chen,et al.  Indexing Cognitive Load using Blood Volume Pulse Features , 2017, CHI Extended Abstracts.

[23]  Iris Vessey,et al.  Cognitive Fit: A Theory‐Based Analysis of the Graphs Versus Tables Literature* , 1991 .

[24]  Chris North,et al.  Exploring Cognitive Strategies for Integrating Multiple-View Visualizations , 2003 .

[25]  Stephen G. Kobourov,et al.  Gestalt Principles in Graph Drawing , 2015, GD.

[26]  Fred Paas,et al.  Exploring Multidimensional Approaches to the Efficiency of Instructional Conditions , 2004 .

[27]  Weidong Huang,et al.  Measuring Effectiveness of Graph Visualizations: A Cognitive Load Perspective , 2009, Inf. Vis..

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

[29]  Richard C. Atkinson,et al.  Human Memory: A Proposed System and its Control Processes , 1968, Psychology of Learning and Motivation.

[30]  F. Paas,et al.  Cognitive Architecture and Instructional Design , 1998 .

[31]  Ben Shneiderman,et al.  The eyes have it: a task by data type taxonomy for information visualizations , 1996, Proceedings 1996 IEEE Symposium on Visual Languages.

[32]  Weidong Huang,et al.  Larger crossing angles make graphs easier to read , 2014, J. Vis. Lang. Comput..

[33]  Cristina Conati,et al.  Individual user characteristics and information visualization: connecting the dots through eye tracking , 2013, CHI.

[34]  Steven Franconeri,et al.  Influencing visual judgment through affective priming , 2013, CHI.

[35]  David P. Tegarden,et al.  Using Cognitive Fit Theory to Evaluate the Effectiveness of Information Visualizations: An Example Using Quality Assurance Data , 2010, IEEE Transactions on Visualization and Computer Graphics.

[36]  Adrian Rusu,et al.  Using the Gestalt Principle of Closure to Alleviate the Edge Crossing Problem in Graph Drawings , 2011, 2011 15th International Conference on Information Visualisation.

[37]  Colin Ware,et al.  Cognitive Measurements of Graph Aesthetics , 2002, Inf. Vis..

[38]  Hanspeter Pfister,et al.  What Makes a Visualization Memorable? , 2013, IEEE Transactions on Visualization and Computer Graphics.

[39]  Bernice E. Rogowitz,et al.  Perceptual Organization in User-Generated Graph Layouts , 2008, IEEE Transactions on Visualization and Computer Graphics.

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

[41]  Michael L. Mack,et al.  Identifying the Perceptual Dimensions of Visual Complexity of Scenes , 2004 .

[42]  K. Rayner Eye movements in reading and information processing: 20 years of research. , 1998, Psychological bulletin.

[43]  Jeffrey V. Nickerson,et al.  Discovering Perceptions of Personal Social Networks through Diagrams , 2010, Diagrams.

[44]  Helen C. Purchase,et al.  Which Aesthetic has the Greatest Effect on Human Understanding? , 1997, GD.

[45]  Weidong Huang,et al.  How People Read Graphs , 2005, APVIS.

[46]  Weidong Huang,et al.  Beyond time and error: a cognitive approach to the evaluation of graph drawings , 2008, BELIV '08.

[47]  Ephraim P. Glinert,et al.  An experiment into the use of auditory cues to reduce visual workload , 1989, CHI '89.