This Article 
   
 Share 
   
 Bibliographic References 
   
 Add to: 
 
Digg
Furl
Spurl
Blink
Simpy
Google
Del.icio.us
Y!MyWeb
 
 Search 
   
Whisper, Don't Scream: Grids and Transparency
October 2011 (vol. 17 no. 10)
pp. 1444-1458
Lyn Bartram, Simon Fraser University, Surrey
Maureen C. Stone, StoneSoup Consulting, Woodinville and Simon Fraser University, Surrey
Visual elements such as grids, labels, and contour lines act as reference structures that support the primary information being presented. Such structures need to be usefully visible, but not so obtrusive that they clutter the presentation. Visual designers know how to carefully manage transparency and layering in an image to balance these elements. We want the presentation of these structures in complex, dynamic, computer-generated visualizations to reflect the same subtlety and comfort of good design. Our goal is to determine the physical, perceptual, and cognitive characteristics of such structures in a way that enables automatic presentation. Our approach to this problem does not try to characterize "ideal” or "best,” but instead seeks boundary conditions that define a range of visible yet subtle legibility. All presentations that are clearly bad lie outside of this range, and can easily be avoided. In this paper, we report three experiments investigating the effects of grid color and spacing on these boundary conditions, defined by manipulating the transparency (alpha) of thin rectangular grids over scatter plots. Our results show that while there is some variation due to user preference and image properties, bounding alpha allows us to reliably predict a range of usable yet unobtrusive grids over a wide variety of conditions.

[1] D. Acevedo, C.D. Jackson, F. Drury, and D.H. Laidlaw, “Using Visual Design Experts in Critique-Based Evaluation of 2D Vector Visualization Methods,” IEEE Trans. Visualization and Computer Graphics, vol. 14, no. 4, pp. 877-884, July-Aug. 2008.
[2] D. Acevedo and D. Laidlaw, “Subjective Quantification of Perceptual Interactions among Some 2D Scientific Visualization Methods,” IEEE Trans. Visualization and Computer Graphics, vol. 12, no. 5, pp. 1133-1140, Sept.-Oct. 2006.
[3] D. Acevedo, C. Jackson, D.H. Laidlaw, and F. Drury, “Using Visual Design Expertise to Characterize the Effectiveness of 2D Scientific Visualization Methods,” Proc. IEEE Visualization '05, Poster Compendium, Oct. 2005.
[4] L. Arend NASA Colour Usage website, http:/colourusage.arc. nasa.gov, 2010.
[5] A. Bair and D. House, “A Grid with a View: Optimal Texturing for Perception of Layered Surface Shape,” IEEE Trans. Visualization and Computer Graphics, vol. 13, no 6, pp. 1656-1663, Nov.-Dec. 2007.
[6] E.A. Bier, M.C. Stone, K. Pier, W. Buxton, and T.D. DeRose, “Toolglass and Magic Lenses: The See-Through Interface,” Proc. ACM SIGGRAPH, pp. 73-80, Aug. 1993.
[7] M. Brill, “Physical Foundations of the Perception Of Achromatic Translucency,” RLE Progress Reports No. 117, MIT, 1976.
[8] P. Cavanagh, “Top-Down Processing in Vision,” The MIT Encyclopedia of Cognitive Sciences, R.A. Wilson and F.C. Keil, eds., pp. 844-845, MIT Press, 1999.
[9] C. Chen, “Top 10 Unsolved Information Visualization Problems,” IEEE Computer Graphics and Applications, vol. 25, no. 4, pp. 12-16, July/Aug. 2005.
[10] C. Collins, S. Carpendale, and G. Penn, “Visualization of Uncertainty in Lattices to Support Decision-Making,” Proc. Eurographics/IEEE VGTC Symp. Visualization, May 2007.
[11] T.N. Cornsweet, “The Staircase-Method in Psychophysics,” The Am. J. Psychology, vol. 75, no. 3, pp. 485-491, 1962.
[12] S. Few, Show Me the Numbers: Designing Tables and Graphs to Enlighten. Analytics Press, 2004.
[13] J. Findlay and I. Gilchrist, Active Vision: The Psychology of Looking and Seeing. Oxford Press, 2003.
[14] G. Fitmaurice, T. Baudel, G. Kurtenbach, and B. Buxton, “A GUI Paradigm Using Tablets, Two-Hands and Transparency,” Proc. ACM Conf. Human Factors in Computing Systems (CHI '97), pp. 212-218, 1997.
[15] J. Gobell and M. Carrasco, “Attention Alters the Appearance of Spatial Frequency and Gap Size,” J. Am. Psychological Soc., vol. 16, no. 8, pp. 644-651, 2005.
[16] E.H. Gombrich, Art and Illusion: A Study in the Psychology of Pictorial Representation. Princeton Univ. Press, 2000.
[17] B.L. Harrison and K.J. Vicente, “An Experimental Evaluation of Transparent Menu Usage,” Proc. ACM SIGCHI Conf. Human Factors in Computing Systems: Common Ground, M.J. Tauber, ed., pp. 391-398, Apr. 1996.
[18] B.L. Harrison, G. Kurtenbach, and K.J. Vicente, “An Experimental Evaluation of Transparent User Interface Tools and Information Content,” Proc. Eighth Ann. ACM Symp. User Interface and Software Technology (UIST '95), Nov. 1995.
[19] J. Heer and M. Bostock, “Crowdsourcing Graphical Perception: Using Mechanical Turk to Assess Visualization Design,” Proc. Int'l Conf. Human Factors in Computing Systems (CHI), 2010.
[20] D.H. House, A.S. Bair, and C. Ware, “An Approach to the Perceptual Optimization of Complex Visualizations,” IEEE Trans. Visualization and Computer Graphics, vol. 12, no. 4, pp. 509-521, July-Aug. 2006.
[21] E. Ishak and S. Feiner, “Free-Space Transparency: Exposing Hidden Content through Unimportant Screen Space,” Proc. Ann. ACM Symp. User Interface and Software Technology (UIST), conference supplement, Nov. 2003.
[22] C.D. Jackson, D. Acevedo, D.H. Laidlaw, F. Drury, E. Vote, and D. Keefe, “Designer-Critiqued Comparison of 2D Vector Visualization Methods: A Pilot Study,” Proc. ACM SIGGRAPH, July 2003.
[23] C. Johnson, “Top Scientific Visualization Research Problems,” IEEE Computer Graphics and Applications, vol. 24, no. 4, pp. 13-17, July/Aug. 2004.
[24] G.E. Legge, G.S. Rubin, and A. Luebker, “Psychophysics of Reading—V. The Role of Contrast in Normal Vision,” Vision Research, vol. 27, pp. 1165-1171, 1987.
[25] M. Livingstone, Vision and Art: The Biology of Seeing. Harry N. Abrams, 2002.
[26] E. Lupton and J.C. Phillips, Graphic Design: The New Basics. Princeton Arhictectural Press, 2008.
[27] A. MacEachren and M.-J. Kraak, “Exploratory Cartographic Visualization: Advancing the Agenda,” Computers and Geosciences, vol. 23, no. 4, pp. 335-343, 1997.
[28] B. MacIntyre and W. Cowan, “A Practical Approach to Calculating Luminance Contrast on a CRT” ACM Trans. Graphics, vol. 11, no. 4, pp. 336-347, 1992.
[29] F. Metelli, “The Perception of Transparency,” Scientific Am., vol. 230, pp. 90-98, Apr. 1974.
[30] D. Norman, The Design of Everyday Things. MIT Press, 1998.
[31] A. Robinsn, “Highlighting Techniques to Support Geovisualization,” Proc. ICA Workshop Geovisualization and Visual Analytics, June 2005.
[32] H. Senay and E. Ignatius, “A Knowledge-Based System for Visualization Design,” IEEE Computer Graphics and Applications, vol. 14, no. 6, pp. 36-47, Nov. 1994.
[33] M. Singh and B.L. Anderson, “Towards a Perceptual Theory of Transparency,” Psychological Rev., vol. 109, no. 3, pp. 492-519, 2002.
[34] M. Spehr, C. Wallraven, and R. Fleming, “Image Statistics for Clustering Paintings According to Their Visual Appearance,” Proc. Computational Aesthetics in Graphics, Visualization, and Imaging, O. Deussen and P. Hall, eds., 2009.
[35] M. Stone and L. Bartram, “Alpha, Contrast and the Perception of Visual Metadata,” Proc. 16th IS&T/SID Colour Imaging Conf., pp 355-359, Nov. 2008.
[36] M. Stone, A Field Guide to Digital Color. A K Peters, 2005.
[37] M. Tory and T. Moller, “Evaluating Visualizations: Do Expert Reviews Work?” IEEE Computer Graphics and Applications, vol. 25, no. 5, pp. 8-11, Sept.-Oct. 2005.
[38] E.R. Tufte, Envisioning Information. Graphics Press, 1998.
[39] E.R. Tufte, The Visual Display of Quantitative Information. Graphics Press, 2001.
[40] C. Ware, Information Visualization: Perception for Design. Morgan Kaufman, 2004.
[41] S. Zhai, W. Buxton, and P. Milgram, “The Partial-Occlusion Effect: Utilizing Semitransparency in 3D Human-Computer Interaction,” ACM Trans. Computer-Human Interaction, vol. 3, no. 3, pp. 254-284, Sept. 1996.
[42] S. Zuffia, C. Brambillab, G. Berettac, and P. Scalaa, “Human Computer Interaction: Legibility and Contrast,” Proc. 14th Int'l Conf. Image Analysis and Processing (ICIAP), 2007.

Index Terms:
Index Terms—Information visualization, automated presentation, applied perception, visual design.
Citation:
Lyn Bartram, Maureen C. Stone, "Whisper, Don't Scream: Grids and Transparency," IEEE Transactions on Visualization and Computer Graphics, vol. 17, no. 10, pp. 1444-1458, Oct. 2011, doi:10.1109/TVCG.2010.237
Usage of this product signifies your acceptance of the Terms of Use.