This Article 
 Bibliographic References 
 Add to: 
The Effect of Colour and Transparency on the Perception of Overlaid Grids
Dec. 2011 (vol. 17 no. 12)
pp. 1942-1948
Lyn Bartram, School of Interactive Art + Technology, Simon Fraser University
Billy Cheung, School of Interactive Art + Technology, Simon Fraser University
Maureen Stone, StoneSoup Consulting / School of Interactive Art + Technology, Simon Fraser University
Overlaid reference elements need to be sufficiently visible to effectively relate to the underlying information, but not so obtrusive that they clutter the presentation. We seek to create guidelines for presenting such structures through experimental studies to define boundary conditions for visual intrusiveness. We base our work on the practice of designers, who use transparency to integrate overlaid grids with their underlying imagery. Previous work discovered a useful range of alpha values for black or white grids overlayed on scatterplot images rendered in shades of gray over gray backgrounds of different lightness values. This work compares black grids to blue and red ones on different image types of scatterplots and maps. We expected that the coloured grids over grayscale images would be more visually salient than black ones, resulting in lower alpha values. Instead, we found that there was no significant difference between the boundaries set for red and black grids, but that the boundaries for blue grids were set consistently higher (more opaque). As in our previous study, alpha values are affected by image density rather than image type, and are consistently lower than many default settings. These results have implications for the design of subtle reference structures.

[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 Transactions on Visualization and Computer Graphics, vol 14, no. 4, pp. 877–884, Jul.-Aug. 2008.
[2] D. Acevedo and D. Laidlaw, “Subjective Quantification of Perceptual Interactions among some 2D Scientific Visualization Methods,” IEEE Transactions on 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,” IEEE Visualization'05, Poster Compendium, October 2005.
[4] A. Bair and D. House, “A Grid with a View: Optimal Texturing for Perception of Layered Surface Shape,” IEEE Transactions on Visualization and Computer Graphics, vol. 13, no. 6, pp. 1656–1663, 2008.
[5] L. Bartram and M. Stone, “Whisper, Don't Scream: Grids and Transparency,” IEEE Transactions on Visualization and Computer Graphics, in press, 2011.
[6] E.A. Bier, M.C. Stone, K. Pier, W. Buxton, and T.D. DeRose, “Toolglass and Magic Lenses: The See-through Interface,” Proceedings of SIGGRAPH '93 (Anaheim, CA, August 1-6, 1993), in Computer Graphics Proceedings, Annual Conference Series, pages 409–412. ACM SIGGRAPH, ACM Press, July 1993.
[7] C. Collins, S. Carpendale, and G. Penn, “Visualization of Uncertainty in Lattices to Support Decision-Making,” Proc. of Eurographics/IEEE VGTC Symposium on Visualization, 2007.
[8] J. Findlay and I. Gilchrist, Active Vision: The Psychology of Looking and Seeing. Oxford Press, 2003.
[9] J. Gobell and M. Carrasco, “Attention Alters the Appearance of Spatial Frequency and Gap Size,” Journal of the American Psychological Society, vol. 16, no. 8, 2005.
[10] E. H. Gombrich, Art and Illusion: A Study in the Psychology of Pictorial Representation. Princeton University Press, Princeton, 2000.
[11] B. L. Harrison and K.J. Vicente, “An Experimental Evaluation of Transparent Menu Usage,” Proc. of the SIGCHI Conference on Human Factors in Computing Systems: Common Ground, M. J. Tauber (Ed.), pp. 391–398, April 1996.
[12] B.L. Harrison, G. Kurtenbach, and K.J. Vicente, “An Experimental Evaluation of Transparent User Interface Tools and Information Content,” Proc. of the 8th Annual ACM Symposium on User Interface and Software Technology, pp. 81–90, 1995.
[13] J. Heer and M. Bostock, “Crowdsourcing Graphical Perception: Using Mechanical Turk to Assess Visualization Design,” Proc. of the 28th international conference on Human factors in computing systems (CHI '10), pp. 203–212, 2010.
[14] A. MacEachren and M.-J. Kraak, Exploratory Cartographic Visualization: Advancing the Agenda. Computers and Geosciences, vol. 23, no. 4, pp. 335–343, May 1997.
[15] P. Meggs and A. Purvis, History of Graphic Design, John Wiley & Sons, Hoboken, NJ, 2005.
[16] A. Robinson, “Highlighting Techniques to Support Geovisualization,” Proc. of the ICA Workshop on Geovisualization and Visual Analytics, 2005.
[17] R.A. Rensink, “The Management of Visual Attention in Graphic Displays,” Human Attention in Digital Environments, Claudia Roda, (Ed.), Cambridge University Press, Cambridge, England, 2011.
[18] R.A. Rensink and G. Baldridge, “The Perception of Correlation in Scat-terplots,” Computer Graphics Forum, vol. 29, no. 3, pp. 1203–1210, June 2010.
[19] M. Seif el-Nasr, L. Bartram, D. Milam, and D. Moura, “Visual Composition and Layering in Video Games,” Foundations of Digital Games 2011 submitted for publication.
[20] M. Stone and L., “Bartram, Alpha, Contrast and the Perception of Visual Metadata.” Proc. of the 16th IS&T/SID Colour Imaging Conference, pp. 355–359, 2008.
[21] M. Stone, A Field Guide to Digital Colour, A.K. Peters Boston, MA, 2005.
[22] 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.
[23] E.R. Tufte, Envisioning Information, Graphics Press, Cheshire, Connecticut, 1998.
[24] E.R. Tufte, The Visual Display of Quantitative Information, Graphics Press, Cheshire, Connecticut, 2001.
[25] C. Ware, Information Visualization: Perception for Design. Morgan Kaufman, San Francisco, CA, 2004.
[26] B. L. W. Wong, R. Joyekurun, H. Mansour, P. Amaldi, A. Nees, and R. Villanueva, “Depth, Layering and Transparency: Developing Design Techniques,” Proc. the 17th Australia conference on Computer-Human Interaction (OZCHI '05), 2005.

Index Terms:
Information visualization, automated presentation, applied perception, visual design, computational aesthetics.
Lyn Bartram, Billy Cheung, Maureen Stone, "The Effect of Colour and Transparency on the Perception of Overlaid Grids," IEEE Transactions on Visualization and Computer Graphics, vol. 17, no. 12, pp. 1942-1948, Dec. 2011, doi:10.1109/TVCG.2011.242
Usage of this product signifies your acceptance of the Terms of Use.