The relation between visualization size, grouping, and user performance

In this paper we make the following contributions: (1) we describe how the grouping, quantity, and size of visual marks affects search time based on the results from two experiments; (2) we report how search performance relates to self-reported difficulty in finding the target for different display types; and (3) we present design guidelines based on our findings to facilitate the design of effective visualizations. Both Experiment 1 and 2 asked participants to search for a unique target in colored visualizations to test how the grouping, quantity, and size of marks affects user performance. In Experiment 1, the target square was embedded in a grid of squares and in Experiment 2 the target was a point in a scatterplot. Search performance was faster when colors were spatially grouped than when they were randomly arranged. The quantity of marks had little effect on search time for grouped displays (“pop-out”), but increasing the quantity of marks slowed reaction time for random displays. Regardless of color layout (grouped vs. random), response times were slowest for the smallest mark size and decreased as mark size increased to a point, after which response times plateaued. In addition to these two experiments we also include potential application areas, as well as results from a small case study where we report preliminary findings that size may affect how users infer how visualizations should be used. We conclude with a list of design guidelines that focus on how to best create visualizations based on grouping, quantity, and size of visual marks.

[1]  Steven Franconeri,et al.  Perception of Average Value in Multiclass Scatterplots , 2013, IEEE Transactions on Visualization and Computer Graphics.

[2]  Alexander Wolff,et al.  Selecting the Aspect Ratio of a Scatter Plot Based on Its Delaunay Triangulation , 2013, IEEE Transactions on Visualization and Computer Graphics.

[3]  Mikkel Rønne Jakobsen,et al.  Interactive Visualizations on Large and Small Displays: The Interrelation of Display Size, Information Space, and Scale , 2013, IEEE Transactions on Visualization and Computer Graphics.

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

[5]  Hans-Peter Seidel,et al.  Perceptually Driven Visibility Optimization for Categorical Data Visualization , 2013, IEEE Transactions on Visualization and Computer Graphics.

[6]  C. K. Ogden A Source Book Of Gestalt Psychology , 2013 .

[7]  Jeffrey Heer,et al.  Selecting Semantically‐Resonant Colors for Data Visualization , 2013, Comput. Graph. Forum.

[8]  David Whitney,et al.  How Capacity Limits of Attention Influence Information Visualization Effectiveness , 2012, IEEE Transactions on Visualization and Computer Graphics.

[9]  Pat Hanrahan,et al.  An Empirical Model of Slope Ratio Comparisons , 2012, IEEE Transactions on Visualization and Computer Graphics.

[10]  Tobias Isenberg,et al.  Evaluating Sketchiness as a Visual Variable for the Depiction of Qualitative Uncertainty , 2012, IEEE Transactions on Visualization and Computer Graphics.

[11]  Jeffrey Heer,et al.  Color naming models for color selection, image editing and palette design , 2012, CHI.

[12]  Maureen C. Stone,et al.  In Color Perception, Size Matters , 2012, IEEE Computer Graphics and Applications.

[13]  Eytan Adar,et al.  Benefitting InfoVis with Visual Difficulties , 2011, IEEE Transactions on Visualization and Computer Graphics.

[14]  Jeffrey Heer,et al.  D³ Data-Driven Documents , 2011, IEEE Transactions on Visualization and Computer Graphics.

[15]  Mikkel Rønne Jakobsen,et al.  Sizing up visualizations: effects of display size in focus+context, overview+detail, and zooming interfaces , 2011, CHI.

[16]  Steve Vinoski,et al.  Node.js: Using JavaScript to Build High-Performance Network Programs , 2010, IEEE Internet Comput..

[17]  Maneesh Agrawala,et al.  Perceptual Guidelines for Creating Rectangular Treemaps , 2010, IEEE Transactions on Visualization and Computer Graphics.

[18]  Adam Wynne,et al.  Real-time visualization of network behaviors for situational awareness , 2010, VizSec '10.

[19]  Daniel A. Keim,et al.  Visual quality metrics and human perception: an initial study on 2D projections of large multidimensional data , 2010, AVI.

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

[21]  Delwin T. Lindsey,et al.  PINK: the most colorful mystery in visual search , 2010 .

[22]  Martin Wattenberg,et al.  An intuitive model of perceptual grouping for HCI design , 2009, CHI.

[23]  Jeffrey Heer,et al.  Sizing the horizon: the effects of chart size and layering on the graphical perception of time series visualizations , 2009, CHI.

[24]  Heidrun Schumann,et al.  Task-Driven Color Coding , 2008, 2008 12th International Conference Information Visualisation.

[25]  William Ribarsky,et al.  WireVis: Visualization of Categorical, Time-Varying Data From Financial Transactions , 2007, 2007 IEEE Symposium on Visual Analytics Science and Technology.

[26]  Yuanzhen Li,et al.  Measuring visual clutter. , 2007, Journal of vision.

[27]  Russell M. Taylor,et al.  Rainbow Color Map (Still) Considered Harmful , 2007, IEEE Computer Graphics and Applications.

[28]  Chris North,et al.  The Perceptual Scalability of Visualization , 2006, IEEE Transactions on Visualization and Computer Graphics.

[29]  Stephen Michael Kosslyn,et al.  Graph Design for the Eye and Mind , 2006 .

[30]  Philippe Castagliola,et al.  On the Readability of Graphs Using Node-Link and Matrix-Based Representations: A Controlled Experiment and Statistical Analysis , 2005, Inf. Vis..

[31]  Cynthia A. Brewer,et al.  ColorBrewer.org: An Online Tool for Selecting Colour Schemes for Maps , 2003 .

[32]  A. Karr,et al.  Visual Scalability , 2002 .

[33]  D. Simons,et al.  Change Blindness Blindness: The Metacognitive Error of Overestimating Change-detection Ability , 2000 .

[34]  Christopher G. Healey,et al.  Choosing effective colours for data visualization , 1996, Proceedings of Seventh Annual IEEE Visualization '96.

[35]  Bernice E. Rogowitz,et al.  How not to lie with visualization , 1996 .

[36]  James T. Enns,et al.  High-speed visual estimation using preattentive processing , 1996, TCHI.

[37]  J. Palmer Attention in Visual Search: Distinguishing Four Causes of a Set-Size Effect , 1995 .

[38]  J. Wolfe,et al.  Guided Search 2.0 A revised model of visual search , 1994, Psychonomic bulletin & review.

[39]  R. Ratcliff Methods for dealing with reaction time outliers. , 1993, Psychological bulletin.

[40]  M. Bravo,et al.  The role of attention in different visual-search tasks , 1992, Perception & psychophysics.

[41]  J. Duncan,et al.  Visual search and stimulus similarity. , 1989, Psychological review.

[42]  Anne Treisman,et al.  Features and objects in visual processing , 1986 .

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

[44]  S. Palmer,et al.  Form and texture in hierarchically constructed patterns. , 1982, Journal of experimental psychology. Human perception and performance.

[45]  A. Treisman,et al.  A feature-integration theory of attention , 1980, Cognitive Psychology.

[46]  J M ENOCH,et al.  Effect of the size of a complex display upon visual search. , 1959, Journal of the Optical Society of America.

[47]  David Whitney,et al.  Ensemble perception: Summarizing the scene and broadening the limits of visual processing. , 2012 .

[48]  Priti Shah,et al.  A Model of the Perceptual and Conceptual Processes in Graph Comprehension , 1998 .

[49]  S. Hart,et al.  Development of NASA-TLX (Task Load Index): Results of Empirical and Theoretical Research , 1988 .

[50]  LeGrand H. Hardy AO HRR Pseudoisochromatic Plates , 1957 .

[51]  M. Wertheimer Laws of organization in perceptual forms. , 1938 .