Skip to main content

Exploring the Effects of Colouring Graph Diagrams on People of Various Backgrounds

  • Conference paper
  • 963 Accesses

Part of the book series: Lecture Notes in Computer Science ((LNAI,volume 8578))

Abstract

Colour is one of the primary aesthetic elements of a visualization. It is often used successfully to encode information such as the importance of a particular part of the diagram or the relationship between two parts. Even so, there are few investigations into the human reading of colour coding on diagrams from the scientific community. In this paper we report on an experiment with graph diagrams comparing a black and white composition with two other colour treatments. We drew our subjects from engineering, art, visual design, physical education, tourism, psychology and social science disciplines. We found that colouring the nodes of interest reduced the time taken to find the shortest path between the two nodes for all subjects. Engineers, tourism and social scientists proved significantly faster with artist/designers just below the overall average speed. From this study, we contribute that adding particular colour treatments to diagrams increases legibility. In addition, preliminary work investigating colour treatments and schemes indicates potential for future gains.

This is a preview of subscription content, log in via an institution.

Buying options

Chapter
USD   29.95
Price excludes VAT (USA)
  • Available as PDF
  • Read on any device
  • Instant download
  • Own it forever
eBook
USD   44.99
Price excludes VAT (USA)
  • Available as PDF
  • Read on any device
  • Instant download
  • Own it forever
Softcover Book
USD   59.99
Price excludes VAT (USA)
  • Compact, lightweight edition
  • Dispatched in 3 to 5 business days
  • Free shipping worldwide - see info

Tax calculation will be finalised at checkout

Purchases are for personal use only

Learn about institutional subscriptions

Preview

Unable to display preview. Download preview PDF.

Unable to display preview. Download preview PDF.

References

  1. Lindgaard, G., Fernandes, G., Dudek, C., Brown, J.: Attention Web Designers: You Have 50 Milliseconds to Make a Good First Impression! Behaviour & Information Technology 25(2), 115–126 (2006)

    Article  Google Scholar 

  2. Hartmann, J., Sutcliffe, A., Angeli, A.D.: Towards a Theory of User Judgment of Aesthetics and User Interface Quality. ACM Transactions on Computer-Human Interaction 15(4) (2008)

    Google Scholar 

  3. Robins, D., Holmes, J.: Aesthetics and credibility in web site design. Information Processing & Management 44, 386–399 (2008)

    Article  Google Scholar 

  4. Alsudani, F., Casey, M.: The effect of aesthetics on web credibility. In: BCS People and Computers, pp. 512–519 (2009)

    Google Scholar 

  5. Lindgaard, G., Dudek, C., Sen, D., Sumegi, L., Noonan, P.: An Exploration of Relations Between Visual Appeal, Trustworthiness and Perceived Usability of Homepages. ACM Transactions on Computer-Human Interaction 18(1) (2011)

    Google Scholar 

  6. Ware, C., Purchase, H., Colpoys, L., McGill, M.: Cognitive measurements of graph aesthetics. Information Visualization 1(2), 103–110 (2002)

    Article  Google Scholar 

  7. Köhler, W.: Gestalt Psychology. Liveright, New York (1929)

    Google Scholar 

  8. Köhler, W.: Zum Problem der Regulation (On the problem of regulation). In: Henle, M. (ed.) The Selected Papers of Wolfgang Köhler, pp. 305–326. Liveright, New York (1927)

    Google Scholar 

  9. Tufte, E.R.: Envisioning Information, 2nd edn. Graphics Press USA (1990)

    Google Scholar 

  10. Hatfield, G., Epstein, W.: The status of minimum principle in the theoretical analysis of visual perception. Psychological Bulletin 97(20), 155–186 (1985)

    Article  Google Scholar 

  11. Pomerantz, J.R.: Colour as a Gestalt: Pop out with basic features and with conjunctions. Visual Cognition 14(4-8), 619–628 (2006)

    Article  Google Scholar 

  12. Albers, J.: Interaction of Color: 50th Anniversary Edition. Yale University Press (2013)

    Google Scholar 

  13. Purchase, H.: Which aesthetic has the greatest effect on human understanding? In: DiBattista, G. (ed.) GD 1997. LNCS, vol. 1353, pp. 248–261. Springer, Heidelberg (1997)

    Chapter  Google Scholar 

  14. Purchase, H.C., Samra, A.: Extremes Are Better: Investigating Mental Map Preservation in Dynamic Graphs. In: Stapleton, G., Howse, J., Lee, J. (eds.) Diagrams 2008. LNCS (LNAI), vol. 5223, pp. 60–73. Springer, Heidelberg (2008)

    Chapter  Google Scholar 

  15. Schneider, E., Boucheix, J.-M.: On Line Elaboration of a Mental Model During the Understanding of an Animation. In: Barker-Plummer, D., Cox, R., Swoboda, N. (eds.) Diagrams 2006. LNCS (LNAI), vol. 4045, pp. 40–54. Springer, Heidelberg (2006)

    Chapter  Google Scholar 

  16. Wybrow, M., Marriott, K., Stuckey, P.J.: Orthogonal Hyperedge Routing. In: Cox, P., Plimmer, B., Rodgers, P. (eds.) Diagrams 2012. LNCS (LNAI), vol. 7352, pp. 51–64. Springer, Heidelberg (2012)

    Chapter  Google Scholar 

  17. Silva, S., Sousa Santos, B., Madeira, J.: Using color in visualization: A survey. Computers & Graphics 35(2), 320–333 (2011)

    Article  Google Scholar 

  18. Della Ventura, A., Schettini, R.: Computer aided color coding. In: Communicating with Virtual Worlds, pp. 62–75. Springer Japan (1993)

    Google Scholar 

  19. Dillencourt, M.B., Eppstein, D., Goodrich, M.T.: Choosing colors for geometric graphs via color space embeddings. In: Kaufmann, M., Wagner, D. (eds.) GD 2006. LNCS, vol. 4372, pp. 294–305. Springer, Heidelberg (2007)

    Chapter  Google Scholar 

  20. Ware, C.: Information visualization: perception for design. Elsevier (2012)

    Google Scholar 

  21. Kosara, R., Healey, C.G., Interrante, V., Laidlaw, D.H., Ware, C.: Visualization viewpoints. IEEE Computer Graphics and Applications 23(4), 20–25 (2003)

    Article  Google Scholar 

  22. Ware, C.: Color sequences for univariate maps: Theory, experiments and principles. IEEE Computer Graphics and Applications 8(5), 41–49 (1988)

    Article  Google Scholar 

  23. Tsonos, D., Kouroupetroglou, G.: Modeling reader’s emotional state response on document’s typographic elements. Adv. in Hum.-Comp. Int. 2 (January 2011)

    Google Scholar 

  24. Morten, J.L.: Color Logic, Colorcom (2008)

    Google Scholar 

  25. Burns, K.: Bar-Gain Boxes: An Informative Illustration of the Pairing Problem. In: Blackwell, A.F., Marriott, K., Shimojima, A. (eds.) Diagrams 2004. LNCS (LNAI), vol. 2980, pp. 379–381. Springer, Heidelberg (2004)

    Chapter  Google Scholar 

  26. Lowe, R., Boucheix, J.-M.: Supporting Relational Processing in Complex Animated Diagrams. In: Stapleton, G., Howse, J., Lee, J. (eds.) Diagrams 2008. LNCS (LNAI), vol. 5223, pp. 391–394. Springer, Heidelberg (2008)

    Chapter  Google Scholar 

  27. Cheng, P.C.H., Barone, R.: Representing Rosters: Conceptual Integration Counteracts Visual Complexity. In: Blackwell, A.F., Marriott, K., Shimojima, A. (eds.) Diagrams 2004. LNCS (LNAI), vol. 2980, pp. 385–387. Springer, Heidelberg (2004)

    Chapter  Google Scholar 

  28. Burns, K.: Bayesian Boxes: A Colored Calculator for Picturing Posteriors. In: Blackwell, A.F., Marriott, K., Shimojima, A. (eds.) Diagrams 2004. LNCS (LNAI), vol. 2980, pp. 382–384. Springer, Heidelberg (2004)

    Chapter  Google Scholar 

  29. Purchase, H.C.: Sketched Graph Drawing: A Lesson in Empirical Studies. In: Wismath, S., Wolff, A. (eds.) GD 2013. LNCS, vol. 8242, pp. 232–243. Springer, Heidelberg (2013)

    Chapter  Google Scholar 

Download references

Author information

Authors and Affiliations

Authors

Editor information

Editors and Affiliations

Rights and permissions

Reprints and permissions

Copyright information

© 2014 Springer-Verlag Berlin Heidelberg

About this paper

Cite this paper

Plimmer, B., Morrison, A., Knoche, H. (2014). Exploring the Effects of Colouring Graph Diagrams on People of Various Backgrounds. In: Dwyer, T., Purchase, H., Delaney, A. (eds) Diagrammatic Representation and Inference. Diagrams 2014. Lecture Notes in Computer Science(), vol 8578. Springer, Berlin, Heidelberg. https://doi.org/10.1007/978-3-662-44043-8_20

Download citation

  • DOI: https://doi.org/10.1007/978-3-662-44043-8_20

  • Publisher Name: Springer, Berlin, Heidelberg

  • Print ISBN: 978-3-662-44042-1

  • Online ISBN: 978-3-662-44043-8

  • eBook Packages: Computer ScienceComputer Science (R0)

Publish with us

Policies and ethics