1887
Volume 26, Issue 2
  • ISSN 0142-5471
  • E-ISSN: 1569-979X
USD
Buy:$35.00 + Taxes

Abstract

Abstract

Infographics are becoming a common tool in the communication of public-health information. However, research-based resources in how to create effective infographics are rare. The application of design principles in the creation of infographics has been shown to more effectively communicate information. Here, the research explores the adherence of 84 research-based infographic design principles on 3 designs of varying levels of application. A multi-method approach, including eye-tracking, was used to record information location efficiency, memorability and user perception. Support was found in favour of utilising design principles in the creation of public health infographics; resulting in improved user opinion and information location.

Loading

Article metrics loading...

/content/journals/10.1075/idj.20017.bax
2021-12-01
2025-02-09
Loading full text...

Full text loading...

References

  1. Andry, T.
    2019 The Qualitative Analysis in Eye Tracking Studies: Including Subjective Data Collection in an Experimental Protocol. In: International Conference on Human-Computer Interaction: Springer, pp.335–346. 10.1007/978‑3‑030‑22649‑7_27
    https://doi.org/10.1007/978-3-030-22649-7_27 [Google Scholar]
  2. Atenstaedt, R.
    2019 Is it time we developed an internationally agreed set of health-related infographic images?Chinese Medical Journal. 132(24). 10.1097/CM9.0000000000000549
    https://doi.org/10.1097/CM9.0000000000000549 [Google Scholar]
  3. Baddeley, A.
    2000 The episodic buffer: a new component of working memory?Trends in cognitive sciences. 4(11), pp.417–423. 10.1016/S1364‑6613(00)01538‑2
    https://doi.org/10.1016/S1364-6613(00)01538-2 [Google Scholar]
  4. Baddeley, A. and Hitch, G.
    1976 Verbal reasoning and working memory. The Quarterly Journal of Experimental Psychology. 28(4), pp.603–621. 10.1080/14640747608400587
    https://doi.org/10.1080/14640747608400587 [Google Scholar]
  5. Balkac, M. and Ergun, E.
    2018 Role of Infographics in Healthcare. Chinese medical journal. 131(20), p2514. 10.4103/0366‑6999.243569
    https://doi.org/10.4103/0366-6999.243569 [Google Scholar]
  6. Basic, J.
    2018 Using User-Centered Design to Build a Library Website. Libellarium: journal for the research of writing, books, and cultural heritage institutions. 10(2). 10.15291/libellarium.v1i2.308
    https://doi.org/10.15291/libellarium.v1i2.308 [Google Scholar]
  7. Bateman, S., Mandryk, R. L., Gutwin, C., Genest, A., McDine, D. and Brooks, C.
    2010 Useful junk? The effects of visual embellishment on comprehension and memorability of charts. In: Proceedings of the SIGCHI conference on human factors in computing systems, pp.2573–2582. 10.1145/1753326.1753716
    https://doi.org/10.1145/1753326.1753716 [Google Scholar]
  8. Benedek, J. and Miner, T.
    2002 Measuring Desirability: New methods for evaluating desirability in a usability lab setting. Proceedings of Usability Professionals Association 2003(8–12), p57.
    [Google Scholar]
  9. Blascheck, T., Kurzhals, K., Raschke, M., Burch, M., Weiskopf, D. and Ertl, T.
    2017 Visualization of eye tracking data: A taxonomy and survey. In: Computer Graphics Forum: Wiley Online Library, pp.260–284. 10.1111/cgf.13079
    https://doi.org/10.1111/cgf.13079 [Google Scholar]
  10. Buljan, I., Malički, M., Wager, E., Puljak, L., Hren, D., Kellie, F., West, H., Alfirević, Ž. and Marušić, A.
    2018 No difference in knowledge obtained from infographic or plain language summary of a Cochrane systematic review: three randomized controlled trials. Journal of clinical epidemiology. 97, pp.86–94. 10.1016/j.jclinepi.2017.12.003
    https://doi.org/10.1016/j.jclinepi.2017.12.003 [Google Scholar]
  11. Chan, A. K., Nickson, C., Rudolph, J., Lee, A. and Joynt, G.
    2020 Social media for rapid knowledge dissemination: early experience from the COVID-19 pandemic. Anaesthesia. 10.1111/anae.15057
    https://doi.org/10.1111/anae.15057 [Google Scholar]
  12. Chiu, H. H., Dimaras, H., Downie, R. and Gallie, B.
    2015 Breaking down barriers to communicating complex retinoblastoma information: can graphics be the solution?Canadian journal of ophthalmology. 50(3), pp.230–235. 10.1016/j.jcjo.2015.02.003
    https://doi.org/10.1016/j.jcjo.2015.02.003 [Google Scholar]
  13. Clinton, V., Morsanyi, K., Alibali, M. W. and Nathan, M. J.
    2016 Learning about probability from text and tables: Do color coding and labeling through an interactive-user interface help?Applied Cognitive Psychology. 30(3), pp.440–453. 10.1002/acp.3223
    https://doi.org/10.1002/acp.3223 [Google Scholar]
  14. Dunlap, J. C. and Lowenthal, P. R.
    2016 Getting graphic about infographics: design lessons learned from popular infographics. Journal of Visual Literacy. 35(1), pp.42–59. 10.1080/1051144X.2016.1205832
    https://doi.org/10.1080/1051144X.2016.1205832 [Google Scholar]
  15. George, C. A.
    2005 Usability testing and design of a library website: an iterative approach. OCLC Systems & Services: International digital library perspectives. 10.1108/10650750510612371
    https://doi.org/10.1108/10650750510612371 [Google Scholar]
  16. Goldberg, J. H. and Kotval, X. P.
    1999 Computer interface evaluation using eye movements: methods and constructs. International journal of industrial ergonomics. 24(6), pp.631–645. 10.1016/S0169‑8141(98)00068‑7
    https://doi.org/10.1016/S0169-8141(98)00068-7 [Google Scholar]
  17. Greussing, E. and Boomgaarden, H. G.
    2019 Simply bells and whistles? Cognitive effects of visual aesthetics in digital longforms. Digital Journalism. 7(2), pp.273–293. 10.1080/21670811.2018.1488598
    https://doi.org/10.1080/21670811.2018.1488598 [Google Scholar]
  18. Haladyna, T. M., Downing, S. M. and Rodriguez, M. C.
    2002 A review of multiple-choice item-writing guidelines for classroom assessment. Applied measurement in education. 15(3), pp.309–333. 10.1207/S15324818AME1503_5
    https://doi.org/10.1207/S15324818AME1503_5 [Google Scholar]
  19. Heidig, S., Müller, J. and Reichelt, M.
    2015 Emotional design in multimedia learning: Differentiation on relevant design features and their effects on emotions and learning. Computers in Human Behavior. 44, pp.81–95. 10.1016/j.chb.2014.11.009
    https://doi.org/10.1016/j.chb.2014.11.009 [Google Scholar]
  20. Hossain, M. Z., Gedeon, T., Caldwell, S., Copeland, L., Jones, R. and Chow, C.
    2018 Investigating differences in two visualisations from observer’s fixations and saccades. In: Proceedings of the Australasian Computer Science Week Multiconference, pp.1–4. 10.1145/3167918.3167933
    https://doi.org/10.1145/3167918.3167933 [Google Scholar]
  21. Ibrahim, A. M., Lillemoe, K. D., Klingensmith, M. E. and Dimick, J. B.
    2017 Visual abstracts to disseminate research on social media: a prospective, case-control crossover study. Annals of surgery. 266(6), pp.e46–e48. 10.1097/SLA.0000000000002277
    https://doi.org/10.1097/SLA.0000000000002277 [Google Scholar]
  22. Jamet, E.
    2014 An eye-tracking study of cueing effects in multimedia learning. Computers in Human Behavior. 32, pp.47–53. 10.1016/j.chb.2013.11.013
    https://doi.org/10.1016/j.chb.2013.11.013 [Google Scholar]
  23. Johnson, C. I. and Mayer, R. E.
    2012 An eye movement analysis of the spatial contiguity effect in multimedia learning. Journal of Experimental Psychology: Applied. 18(2), p178.
    [Google Scholar]
  24. Krum, R.
    2013Cool Infographics: Effective Communication with Data Visualization and Design. New York, United States: John Wiley & Sons Inc.
    [Google Scholar]
  25. Kurz, T. B.
    1999 A Review of Scoring Algorithms for Multiple-Choice Tests.
    [Google Scholar]
  26. Lindquist, L. A. and Ramirez-Zohfeld, V.
    2019 Visual abstracts to disseminate geriatrics research through social media. Journal of the American Geriatrics Society. 67(6), pp.1128–1131. 10.1111/jgs.15853
    https://doi.org/10.1111/jgs.15853 [Google Scholar]
  27. Linghammar, F.
    2007 Usability and Aesthetics: is beautiful more usable. thesis.
    [Google Scholar]
  28. Lonsdale, M. and Lonsdale, D.
    2019Design2Inform: Information visualisation. [Online]. The Office of the Chief Scientific Advisor, Gov UK. Available from: https://www.researchgate.net/publication/330825479_Design2Inform_Information_visualisation
    [Google Scholar]
  29. Lonsdale, M., Lonsdale, D., Baxter, M., Graham, R., Kanafani, A., Li, A. and Peng, C.
    2019 Visualizing the terror threat. The impact of communicating security information to the general public using infographics and motion graphics. Visible Language. 53(2), pp.37–71.
    [Google Scholar]
  30. Lonsdale, M., Lonsdale, D. and Lim, H.
    2018 The impact of delivering online information neglecting user-centered information design principles. Cyber security awareness websites as a case study. Information Design Journal. 24(2), pp.3–41.
    [Google Scholar]
  31. Lonsdale, M., Ni, L.-C., Twiddy, M. and Gu, C.
    2020a Information design for bowel cancer detection. The impact of using information visualization to help patients prepare for colonoscopy screening, using a booklet, a motion graphics and an App. Information Design Journal. 25(1).
    [Google Scholar]
  32. Lonsdale, M., Sciberras, S., Ha, H. and Chapman, S.
    2020b Enhancing bowel cancer surgery recovery through information design. The impact of combining design and cognitive principles with user-centered research methods, on patient understanding of surgery recovery information. Visible Language. 54(1).
    [Google Scholar]
  33. Manzari, L. and Trinidad-Christensen, J.
    2006 User-centered design of a web site for library and information science students: Heuristic evaluation and usability testing. Information technology and libraries. 25(3), pp.163–169.
    [Google Scholar]
  34. Mason, L., Pluchino, P. and Tornatora, M. C.
    2013 Effects of picture labeling on science text processing and learning: Evidence from eye movements. Reading Research Quarterly. 48(2), pp.199–214. 10.1002/rrq.41
    https://doi.org/10.1002/rrq.41 [Google Scholar]
  35. Mayer, R. E.
    2010 Unique contributions of eye-tracking research to the study of learning with graphics. Learning and instruction. 20(2), pp.167–171. 10.1016/j.learninstruc.2009.02.012
    https://doi.org/10.1016/j.learninstruc.2009.02.012 [Google Scholar]
  36. Mayer, R. E. and Moreno, R.
    2003 Nine ways to reduce cognitive load in multimedia learning. Educational psychologist. 38(1), pp.43–52. 10.1207/S15326985EP3801_6
    https://doi.org/10.1207/S15326985EP3801_6 [Google Scholar]
  37. Mc Sween-Cadieux, E., Fillol, A., Ridde, V. and Dagenais, C.
    2018 Letter to the editor in response to “No difference in knowledge obtained from infographic or plain language summary of a Cochrane systematic review: three randomized controlled trials” by Buljan et al.(2017). Journal of Clinical Epidemiology. 100, pp.132–133. 10.1016/j.jclinepi.2018.02.020
    https://doi.org/10.1016/j.jclinepi.2018.02.020 [Google Scholar]
  38. McCoubrie, P.
    2004 Improving the fairness of multiple-choice questions: a literature review. Medical teacher. 26(8), pp.709–712. 10.1080/01421590400013495
    https://doi.org/10.1080/01421590400013495 [Google Scholar]
  39. McCrorie, A., Donnelly, C. and McGlade, K.
    2016 Infographics: healthcare communication for the digital age. The Ulster medical journal. 85(2), p71.
    [Google Scholar]
  40. Moran, K.
    2019Usability Testing 101. [Online]. [Accessed5 March]. Available from: https://www.nngroup.com/articles/usability-testing-101/
    [Google Scholar]
  41. Obie, H. O., Chua, C., Avazpour, I., Abdelrazek, M., Grundy, J. and Bednarz, T.
    2019 A study of the effects of narration on comprehension and memorability of visualisations. Journal of Computer Languages. 52, pp.113–124. 10.1016/j.cola.2019.04.006
    https://doi.org/10.1016/j.cola.2019.04.006 [Google Scholar]
  42. Parrish, P. E.
    2009 Aesthetic principles for instructional design. Educational Technology Research and Development. 57(4), pp.511–528. 10.1007/s11423‑007‑9060‑7
    https://doi.org/10.1007/s11423-007-9060-7 [Google Scholar]
  43. Parrish, P. E., Wilson, B. G. and Dunlap, J. C.
    2011 Learning experience as transaction: A framework for instructional design. Educational Technology. pp.15–22.
    [Google Scholar]
  44. Pernice, K. and Nielsen, J.
    2009How to Conduct Eyetracking Studies. [Online]. Available from: https://www.nngroup.com/reports/how-to-conduct-eyetracking-studies/
    [Google Scholar]
  45. Plass, J. L., Heidig, S., Hayward, E. O., Homer, B. D. and Um, E.
    2014 Emotional design in multimedia learning: Effects of shape and color on affect and learning. Learning and Instruction. 29, pp.128–140. 10.1016/j.learninstruc.2013.02.006
    https://doi.org/10.1016/j.learninstruc.2013.02.006 [Google Scholar]
  46. Provvidenza, C. F., Hartman, L. R., Carmichael, J. and Reed, N.
    2019 Does a picture speak louder than words? The role of infographics as a concussion education strategy. Journal of visual communication in medicine. 42(3), pp.102–113. 10.1080/17453054.2019.1599683
    https://doi.org/10.1080/17453054.2019.1599683 [Google Scholar]
  47. Reyna, J.
    2013 The importance of visual design and aesthetics in e-learning. Training & Development. 40(5), p28.
    [Google Scholar]
  48. Schmidt-Weigand, F., Kohnert, A. and Glowalla, U.
    2010 Explaining the modality and contiguity effects: New insights from investigating students’ viewing behaviour. Applied Cognitive Psychology: The Official Journal of the Society for Applied Research in Memory and Cognition. 24(2), pp.226–237. 10.1002/acp.1554
    https://doi.org/10.1002/acp.1554 [Google Scholar]
  49. Scott, H., Fawkner, S., Oliver, C. and Murray, A.
    2016 Why healthcare professionals should know a little about infographics. British Journal of Sports Medicine. 50(18), pp.1104–1105. 10.1136/bjsports‑2016‑096133
    https://doi.org/10.1136/bjsports-2016-096133 [Google Scholar]
  50. Siricharoen, W. V. and Siricharoen, N.
    2018 Infographic utility in accelerating better health communication. Mobile Networks and Applications. 23(1), pp.57–67. 10.1007/s11036‑017‑0900‑3
    https://doi.org/10.1007/s11036-017-0900-3 [Google Scholar]
  51. Stones, C. and Gent, M.
    2015aThe 7 Graphic Principles of Public Health Infographic Design. [Online]. University of Leeds. Available from: https://improvementacademy.org/documents/Projects/air_quality/The%207%20Graphic%20Principals%20of%20Public%20Health%20Infographic%20Design.pdf
    [Google Scholar]
  52. 2015b “If The Guardian can do it, we should be able to do it!” Examining Public Health Infographic Strategies used by Public Health Professionals. In: Design4Health 2015 Proceedings: Leeds.
    [Google Scholar]
  53. Stusak, S., Schwarz, J. and Butz, A.
    2015 Evaluating the memorability of physical visualizations. In: Proceedings of the 33rd Annual ACM Conference on Human Factors in Computing Systems, pp.3247–3250. 10.1145/2702123.2702248
    https://doi.org/10.1145/2702123.2702248 [Google Scholar]
  54. Thoma, B., Murray, H., Huang, S. Y. M., Milne, W. K., Martin, L. J., Bond, C. M., Mohindra, R., Chin, A., Yeh, C. H. and Sanderson, W. B.
    2018 The impact of social media promotion with infographics and podcasts on research dissemination and readership. Canadian Journal of Emergency Medicine. 20(2), pp.300–306. 10.1017/cem.2017.394
    https://doi.org/10.1017/cem.2017.394 [Google Scholar]
  55. Toker, D., Conati, C., Steichen, B. and Carenini, G.
    2013 Individual user characteristics and information visualization: connecting the dots through eye tracking. In: proceedings of the SIGCHI Conference on Human Factors in Computing Systems, pp.295–304. 10.1145/2470654.2470696
    https://doi.org/10.1145/2470654.2470696 [Google Scholar]
  56. Tractinsky, N., Katz, A. S. and Ikar, D.
    2000 What is beautiful is usable. Interacting with computers. 13(2), pp.127–145. 10.1016/S0953‑5438(00)00031‑X
    https://doi.org/10.1016/S0953-5438(00)00031-X [Google Scholar]
  57. Tumpey, A. J., Daigle, D. and Nowak, G.
    2018 Communicating during an outbreak or public health investigation. CDC, Epidemic Intelligence Service. [Accessed30 January 2020].
    [Google Scholar]
  58. van Weert, J. C., van Noort, G., Bol, N., van Dijk, L., Tates, K. and Jansen, J.
    2011 Tailored information for cancer patients on the Internet: effects of visual cues and language complexity on information recall and satisfaction. Patient Education and Counseling. 84(3), pp.368–378. 10.1016/j.pec.2011.04.006
    https://doi.org/10.1016/j.pec.2011.04.006 [Google Scholar]
  59. WHO [Google Scholar]
  60. Adams, F. M. and Osgood, C. E.
    1973 A cross-cultural study of the affective meanings of color. Journal of cross-cultural psychology. 4(2), pp.135–156. 10.1177/002202217300400201
    https://doi.org/10.1177/002202217300400201 [Google Scholar]
  61. Ali, N. and Peebles, D.
    2013 The effect of gestalt laws of perceptual organization on the comprehension of three-variable bar and line graphs. Human factors. 55(1), pp.183–203. 10.1177/0018720812452592
    https://doi.org/10.1177/0018720812452592 [Google Scholar]
  62. Amdur, D. A.
    2007 Typographic Design in the digital studio: Design concepts. Clifton Park, NY: Thomson/Delmar Learning.
    [Google Scholar]
  63. Arslan, D. and Toy, E.
    2015 The visual problems of infographics. Global Journal on Humanities and Social Sciences. 1(1), pp.409–414.
    [Google Scholar]
  64. Babish, N.
    2017 10 Tips On Typography in Web Design. [Online]. [Accessed16 April]. Available from: https://uxplanet.org/10-tips-on-typography-in-web-design-13a378f4aa0d
  65. Banerjee, J., Majumdar, D., Pal, M. S. and Majumdar, D.
    2011 Readability, subjective preference and mental workload studies on young indian adults for selection of optimum font type and size during onscreen reading. Al Ameen Journal of Medical Sciences. 4(2), pp.131–143.
    [Google Scholar]
  66. Bernard, M. L., Chaparro, B. S., Mills, M. M. and Halcomb, C. G.
    2003 Comparing the effects of text size and format on the readibility of computer-displayed Times New Roman and Arial text. International Journal of Human-Computer Studies. 59(6), pp.823–835. 10.1016/S1071‑5819(03)00121‑6
    https://doi.org/10.1016/S1071-5819(03)00121-6 [Google Scholar]
  67. Bernard, M. L., Liao, C. H., Chaparro, B. S. and Chaparro, A.
    2001 Examining perceptions of online text size and typeface legibility for older males and females. In: Proceedings of the 6th Annual International Conference on Industrial Engineering: Theory, Applications and Practice.
    [Google Scholar]
  68. Bettman, J. R., Payne, J. W. and Staelin, R.
    1986 Cognitive considerations in designing effective labels for presenting risk information. Journal of Public Policy & Marketing. 5(1), pp.1–28. 10.1177/074391568600500101
    https://doi.org/10.1177/074391568600500101 [Google Scholar]
  69. Beymer, D., Russell, D. and Orton, P.
    2008 An eye tracking study of how font size and type influence online reading. People and computers XXII: culture, creativity, interaction: proceedings of HCI 2008. In: the 22nd British HCI Group annual conference. 10.14236/ewic/HCI2008.23
    https://doi.org/10.14236/ewic/HCI2008.23 [Google Scholar]
  70. Birren, F.
    1978 Color & human response: aspects of light and color bearing on the reactions of living things and the welfare of human beings. CRC Press.
    [Google Scholar]
  71. Black, A.
    1990 Typefaces for desktop publishing: a user guide. Phaidon Inc Ltd.
    [Google Scholar]
  72. Bonnardel, N., Piolat, A. and Le Bigot, L.
    2011 The impact of colour on Website appeal and users’ cognitive processes. Displays. 32(2), pp.69–80. 10.1016/j.displa.2010.12.002
    https://doi.org/10.1016/j.displa.2010.12.002 [Google Scholar]
  73. Buchner, A. and Baumgartner, N.
    2007 Text–background polarity affects performance irrespective of ambient illumination and colour contrast. Ergonomics. 50(7), pp.1036–1063. 10.1080/00140130701306413
    https://doi.org/10.1080/00140130701306413 [Google Scholar]
  74. Burkhard, R. A. and Meier, M.
    2005 Tube Map Visualization: Evaluation of a Novel Knowledge Visualization Application for the Transfer of Knowledge in Long-Term Projects. J. UCS. 11(4), pp.473–494.
    [Google Scholar]
  75. Chang, D., Dooley, L. and Tuovinen, J. E.
    2002 Gestalt theory in visual screen design: a new look at an old subject. In: Proceedings of the Seventh world conference on computers in education conference on Computers in education: Australian topics-Volume 8: Australian Computer Society, Inc., pp.5–12.
    [Google Scholar]
  76. Chaparro, B. S., Shaikh, A. D., Chaparro, A. and Merkle, E. C.
    2010 Comparing the legibility of six ClearType typefaces to Verdana and Times New Roman. Information Design Journal. 18(1), pp.36–49. 10.1075/idj.18.1.04cha
    https://doi.org/10.1075/idj.18.1.04cha [Google Scholar]
  77. Choi, J.
    2011 Literature review: using pictographs in discharge instructions for older adults with low-literacy skills. Journal of clinical nursing. 20(21–22), pp.2984–2996. 10.1111/j.1365‑2702.2011.03814.x
    https://doi.org/10.1111/j.1365-2702.2011.03814.x [Google Scholar]
  78. Cleveland, W. S. and McGill, R.
    1984 Graphical perception: Theory, experimentation, and application to the development of graphical methods. Journal of the American statistical association. 79(387), pp.531–554. 10.1080/01621459.1984.10478080
    https://doi.org/10.1080/01621459.1984.10478080 [Google Scholar]
  79. Conley, K. J.
    2017 Color theory in technical communication. Channels: Where Disciplines Meet. 2(1), p1. 10.15385/jch.2017.2.1.1
    https://doi.org/10.15385/jch.2017.2.1.1 [Google Scholar]
  80. Dee-Lucas, D. and Di Vesta, F. J.
    1980 Learner-generated organizational aids: Effects on learning from text. Journal of Educational Psychology. 72(3), p304. 10.1037/0022‑0663.72.3.304
    https://doi.org/10.1037/0022-0663.72.3.304 [Google Scholar]
  81. Dowse, R. and Ehlers, M.
    2005 Medicine labels incorporating pictograms: do they influence understanding and adherence?Patient education and counseling. 58(1), pp.63–70. 10.1016/j.pec.2004.06.012
    https://doi.org/10.1016/j.pec.2004.06.012 [Google Scholar]
  82. Dunlap, J. C. and Lowenthal, P. R.
    2016 Getting graphic about infographics: design lessons learned from popular infographics. Journal of Visual Literacy. 35(1), pp.42–59. 10.1080/1051144X.2016.1205832
    https://doi.org/10.1080/1051144X.2016.1205832 [Google Scholar]
  83. Dwyer, F. M. and Moore, D. M.
    1991 Effect of color coding on visually oriented tests with students of different cognitive styles. The journal of psychology. 125(6), pp.677–680. 10.1080/00223980.1991.10543330
    https://doi.org/10.1080/00223980.1991.10543330 [Google Scholar]
  84. Dyson, M. C.
    2004 How physical text layout affects reading from screen. Behaviour & information technology. 23(6), pp.377–393. 10.1080/01449290410001715714
    https://doi.org/10.1080/01449290410001715714 [Google Scholar]
  85. Dyson, M. C. and Haselgrove, M.
    2001 The influence of reading speed and line length on the effectiveness of reading from screen. International Journal of Human-Computer Studies. 54(4), pp.585–612. 10.1006/ijhc.2001.0458
    https://doi.org/10.1006/ijhc.2001.0458 [Google Scholar]
  86. Dzulkifli, M. A. and Mustafar, M. F.
    2013 The influence of colour on memory performance: A review. The Malaysian journal of medical sciences: MJMS. 20(2), p3.
    [Google Scholar]
  87. Elliot, A. J. and Maier, M. A.
    2014 Color psychology: Effects of perceiving color on psychological functioning in humans. Annual review of psychology. 65, pp.95–120. 10.1146/annurev‑psych‑010213‑115035
    https://doi.org/10.1146/annurev-psych-010213-115035 [Google Scholar]
  88. Farley, F. H. and Grant, A. P.
    1976 Arousal and cognition: Memory for color versus black and white multimedia presentation. The Journal of Psychology. 94(1), pp.147–150. 10.1080/00223980.1976.9921410
    https://doi.org/10.1080/00223980.1976.9921410 [Google Scholar]
  89. Friedman, R. S. and Förster, J.
    2002 The influence of approach and avoidance motor actions on creative cognition. Journal of Experimental Social Psychology. 38(1), pp.41–55. 10.1006/jesp.2001.1488
    https://doi.org/10.1006/jesp.2001.1488 [Google Scholar]
  90. Fuchs, J., Heyer, T., Langenhan, D. and Hippius, M.
    2008 Influence of font sizes on the readability and comprehensibility of package inserts. Pharmazeutische Industrie. 70(5), pp.584–592.
    [Google Scholar]
  91. Galitz, W. O.
    2007 The essential guide to user interface design: an introduction to GUI design principles and techniques. John Wiley & Sons.
    [Google Scholar]
  92. Gelman, A. and Unwin, A.
    2013 Infovis and statistical graphics: different goals, different looks. Journal of Computational and Graphical Statistics. 22(1), pp.2–28. 10.1080/10618600.2012.761137
    https://doi.org/10.1080/10618600.2012.761137 [Google Scholar]
  93. Gillan, D. J. and Richman, E. H.
    1994 Minimalism and the syntax of graphs. Human Factors. 36(4), pp.619–644. 10.1177/001872089403600405
    https://doi.org/10.1177/001872089403600405 [Google Scholar]
  94. Gkogka, E.
    2018 Gestalt principles in UI design. [Online]. [Accessed12 December]. Available from: https://medium.muz.li/gestalt-principles-in-ui-design-6b75a41e9965
  95. Graham, L.
    2008 Gestalt theory in interactive media design. Journal of Humanities & Social Sciences. 2(1).
    [Google Scholar]
  96. Hall, R. H. and Hanna, P.
    2004 The impact of web page text-background colour combinations on readability, retention, aesthetics and behavioural intention. Behaviour & information technology. 23(3), pp.183–195. 10.1080/01449290410001669932
    https://doi.org/10.1080/01449290410001669932 [Google Scholar]
  97. Hartley, J.
    1994 Designing instructional text for older readers: A literature review. British journal of educational technology. 25(3), pp.172–188. 10.1111/j.1467‑8535.1994.tb00105.x
    https://doi.org/10.1111/j.1467-8535.1994.tb00105.x [Google Scholar]
  98. 2004 “Designing instructional and informational text.” InD. H. Jonassen. (ed), Handbook of research on educational communications and technology (2nd ed.). pp.917–947. Mahwah, New Jersey: Lawrence Erlbaum Associates.
    [Google Scholar]
  99. Hawley, S. T., Zikmund-Fisher, B., Ubel, P., Jancovic, A., Lucas, T. and Fagerlin, A.
    2008 The impact of the format of graphical presentation on health-related knowledge and treatment choices. Patient education and counseling. 73(3), pp.448–455. 10.1016/j.pec.2008.07.023
    https://doi.org/10.1016/j.pec.2008.07.023 [Google Scholar]
  100. Hick, W. E.
    1952 On the rate of gain of information. Quarterly Journal of experimental psychology. 4(1), pp.11–26. 10.1080/17470215208416600
    https://doi.org/10.1080/17470215208416600 [Google Scholar]
  101. Hildon, Z., Allwood, D. and Black, N.
    2012 Impact of format and content of visual display of data on comprehension, choice and preference: a systematic review. International Journal for Quality in Health Care. 24(1), pp.55–64. 10.1093/intqhc/mzr072
    https://doi.org/10.1093/intqhc/mzr072 [Google Scholar]
  102. Hojjati, N. and Muniandy, B.
    2014 The effects of font type and spacing of text for online readability and performance. Contemporary Educational Technology. 5(2), pp.161–174. 10.30935/cedtech/6122
    https://doi.org/10.30935/cedtech/6122 [Google Scholar]
  103. Houts, P. S., Doak, C. C., Doak, L. G. and Loscalzo, M. J.
    2006 The role of pictures in improving health communication: a review of research on attention, comprehension, recall, and adherence. Patient education and counseling. 61(2), pp.173–190. 10.1016/j.pec.2005.05.004
    https://doi.org/10.1016/j.pec.2005.05.004 [Google Scholar]
  104. Hyönä, J. and Lorch, R. F.
    2004 Effects of topic headings on text processing: Evidence from adult readers’ eye fixation patterns. Learning and instruction. 14(2), pp.131–152. 10.1016/j.learninstruc.2004.01.001
    https://doi.org/10.1016/j.learninstruc.2004.01.001 [Google Scholar]
  105. Jacobs, K. W. and Suess, J. F.
    1975 Effects of four psychological primary colors on anxiety state. Perceptual and motor skills. 41(1), pp.207–210. 10.2466/pms.1975.41.1.207
    https://doi.org/10.2466/pms.1975.41.1.207 [Google Scholar]
  106. Jamet, E.
    2014 An eye-tracking study of cueing effects in multimedia learning. Computers in Human Behavior. 32, pp.47–53. 10.1016/j.chb.2013.11.013
    https://doi.org/10.1016/j.chb.2013.11.013 [Google Scholar]
  107. Jin, S. -H.
    2013 Visual design guidelines for improving learning from dynamic and interactive digital text. Computers & Education. 63, pp.248–258. 10.1016/j.compedu.2012.12.010
    https://doi.org/10.1016/j.compedu.2012.12.010 [Google Scholar]
  108. Josephson, S.
    2008 Keeping your readers’ eyes on the screen: an eye-tracking study comparing sans serif and serif typefaces. Visual communication quarterly. 15(1–2), pp.67–79. 10.1080/15551390801914595
    https://doi.org/10.1080/15551390801914595 [Google Scholar]
  109. Keller, T., Gerjets, P., Scheiter, K. and Garsoffky, B.
    2006 Information visualizations for knowledge acquisition: The impact of dimensionality and color coding. Computers in Human Behavior. 22(1), pp.43–65. 10.1016/j.chb.2005.01.006
    https://doi.org/10.1016/j.chb.2005.01.006 [Google Scholar]
  110. Kim, D. -Y.
    2010 The interactive effects of colors on visual attention and working memory: In case of images of tourist attractions. In: International CHRIE Conference-Refereed Track. 1.
    [Google Scholar]
  111. Koch, S., Holland, R. W. and van Knippenberg, A.
    2008 Regulating cognitive control through approach-avoidance motor actions. Cognition. 109(1), pp.133–142. 10.1016/j.cognition.2008.07.014
    https://doi.org/10.1016/j.cognition.2008.07.014 [Google Scholar]
  112. Kools, M., Ruiter, R. A., Van De Wiel, M. W. and Kok, G.
    2008 The effects of headings in information mapping on search speed and evaluation of a brief health education text. Journal of Information Science. 34(6), pp.833–844. 10.1177/0165551508089719
    https://doi.org/10.1177/0165551508089719 [Google Scholar]
  113. Korpela, K.
    2016 The Art of Data Visualization: A Gift or a Skill?Part 2 ISACA Journal 2.
    [Google Scholar]
  114. Kripalani, S., Robertson, R., Love-Ghaffari, M. H., Henderson, L. E., Praska, J., Strawder, A., Katz, M. G. and Jacobson, T. A.
    2007 Development of an illustrated medication schedule as a low-literacy patient education tool. Patient education and counseling. 66(3), pp.368–377. 10.1016/j.pec.2007.01.020
    https://doi.org/10.1016/j.pec.2007.01.020 [Google Scholar]
  115. Krug, D., George, B., Hannon, S. A. and Glover, J. A.
    1989 The effect of outlines and headings on readers’ recall of text. Contemporary Educational Psychology. 14(2), pp.111–123. 10.1016/0361‑476X(89)90029‑5
    https://doi.org/10.1016/0361-476X(89)90029-5 [Google Scholar]
  116. Kuhbandner, C., Spitzer, B., Lichtenfeld, S. and Pekrun, R.
    2015 Differential binding of colors to objects in memory: red and yellow stick better than blue and green. Frontiers in psychology. 6, p231. 10.3389/fpsyg.2015.00231
    https://doi.org/10.3389/fpsyg.2015.00231 [Google Scholar]
  117. Ling, J. and Van Schaik, P.
    2002 The effect of text and background colour on visual search of Web pages. Displays. 23(5), pp.223–230. 10.1016/S0141‑9382(02)00041‑0
    https://doi.org/10.1016/S0141-9382(02)00041-0 [Google Scholar]
  118. 2006 The influence of font type and line length on visual search and information retrieval in web pages. International journal of human-computer studies. 64(5), pp.395–404. 10.1016/j.ijhcs.2005.08.015
    https://doi.org/10.1016/j.ijhcs.2005.08.015 [Google Scholar]
  119. Ling, J. and van Schaik, P.
    2007 The influence of line spacing and text alignment on visual search of web pages. Displays. 28(2), pp.60–67. 10.1016/j.displa.2007.04.003
    https://doi.org/10.1016/j.displa.2007.04.003 [Google Scholar]
  120. Lonsdale, M.
    2014 Typographic features of text. Outcomes from research and practice. Visible Language. 48(3), pp.29–67.
    [Google Scholar]
  121. Lonsdale, M. and Lonsdale, D.
    2019 Design2Inform: Information visualisation. [Online]. The Office of the Chief Scientific Advisor, Gov UK. Available from: https://www.researchgate.net/publication/330825479_Design2Inform_Information_visualisation
  122. Macaya, M. and Perea, M.
    2014 Does bold emphasis facilitate the process of visual-word recognition?The Spanish journal of psychology. 17(3). 10.1017/sjp.2014.2
    https://doi.org/10.1017/sjp.2014.2 [Google Scholar]
  123. Mackiewicz, J.
    2009 The Newest Tool for Technical Communicators – Redux. Technical Communication. 56(1), pp.3–13.
    [Google Scholar]
  124. Madden, T. J., Hewett, K. and Roth, M. S.
    2000 Managing images in different cultures: A cross-national study of color meanings and preferences. Journal of international marketing. 8(4), pp.90–107. 10.1509/jimk.8.4.90.19795
    https://doi.org/10.1509/jimk.8.4.90.19795 [Google Scholar]
  125. Majooni, A., Masood, M. and Akhavan, A.
    2018 An eye-tracking study on the effect of infographic structures on viewer’s comprehension and cognitive load. Information Visualization. 17(3), pp.257–266. 10.1177/1473871617701971
    https://doi.org/10.1177/1473871617701971 [Google Scholar]
  126. Mansoor, L. E. and Dowse, R.
    2003 Effect of pictograms on readability of patient information materials. Annals of Pharmacotherapy. 37(7–8), pp.1003–1009. 10.1345/aph.1C449
    https://doi.org/10.1345/aph.1C449 [Google Scholar]
  127. Mayer, R. E.
    2009 Multimedia Learning. 2nd ed.New York: Cambridge University Press. 10.1017/CBO9780511811678
    https://doi.org/10.1017/CBO9780511811678 [Google Scholar]
  128. Mayer, R. E. and Moreno, R.
    2003 Nine ways to reduce cognitive load in multimedia learning. Educational psychologist. 38(1), pp.43–52. 10.1207/S15326985EP3801_6
    https://doi.org/10.1207/S15326985EP3801_6 [Google Scholar]
  129. McCready
    2016 6 Ways to Use Infographic Icons Like a Pro. [Online]. [Accessed17 April]. Available from: https://venngage.com/blog/infographic-design-6-ways-to-use-icons/
  130. Meeks, E.
    2019 Gestalt Principles for Data Visualization: Similarity, Proximity & Enclosure. [Online]. [Accessed26 June]. Available from: https://emeeks.github.io/gestaltdataviz/section1.html
  131. Mehta, R. and Zhu, R. J.
    2009 Blue or red? Exploring the effect of color on cognitive task performances. Science. 323(5918), pp.1226–1229. 10.1126/science.1169144
    https://doi.org/10.1126/science.1169144 [Google Scholar]
  132. Miller, G. A.
    1956 The magical number seven, plus or minus two: Some limits on our capacity for processing information. Psychological review. 63(2), p81. 10.1037/h0043158
    https://doi.org/10.1037/h0043158 [Google Scholar]
  133. Mollerup, P.
    2015 Data design: visualising quantities, locations, connections. New York: Bloomsbury Publishing.
    [Google Scholar]
  134. Moore, R. S., Stammerjohan, C. A. and Coulter, R. A.
    2005 Banner advertiser-web site context congruity and color effects on attention and attitudes. Journal of advertising. 34(2), pp.71–84. 10.1080/00913367.2005.10639189
    https://doi.org/10.1080/00913367.2005.10639189 [Google Scholar]
  135. Murray, I., Murray, A., Wordie, S., Oliver, C., Murray, A. and Simpson, A.
    2017 Maximising the impact of your work using infographics. The British Editorial Society of Bone and Joint Surgery London. 6(11), pp.619–620. 10.1302/2046‑3758.611.BJR‑2017‑0313
    https://doi.org/10.1302/2046-3758.611.BJR-2017-0313 [Google Scholar]
  136. Olurinola, O. and Tayo, O.
    2015 Colour in Learning: Its Effect on the Retention Rate of Graduate Students. Journal of Education and Practice. 6(14), pp.1–5.
    [Google Scholar]
  137. Ozcelik, E., Arslan-Ari, I. and Cagiltay, K.
    2010 Why does signaling enhance multimedia learning? Evidence from eye movements. Computers in human behavior. 26(1), pp.110–117. 10.1016/j.chb.2009.09.001
    https://doi.org/10.1016/j.chb.2009.09.001 [Google Scholar]
  138. Ozcelik, E., Karakus, T., Kursun, E. and Cagiltay, K.
    2009 An eye-tracking study of how color coding affects multimedia learning. Computers & Education. 53(2), pp.445–453. 10.1016/j.compedu.2009.03.002
    https://doi.org/10.1016/j.compedu.2009.03.002 [Google Scholar]
  139. Padilla, L. M., Creem-Regehr, S. H., Hegarty, M. and Stefanucci, J. K.
    2018 Decision making with visualizations: a cognitive framework across disciplines. Cognitive research: principles and implications. 3(1), p29. 10.1186/s41235‑018‑0120‑9
    https://doi.org/10.1186/s41235-018-0120-9 [Google Scholar]
  140. Park, J. and Zuniga, J.
    2016 Effectiveness of using picture-based health education for people with low health literacy: An integrative review. Cogent Medicine. 3(1), p1264679. 10.1080/2331205X.2016.1264679
    https://doi.org/10.1080/2331205X.2016.1264679 [Google Scholar]
  141. Patterson, R. E., Blaha, L. M., Grinstein, G. G., Liggett, K. K., Kaveney, D. E., Sheldon, K. C., Havig, P. R. and Moore, J. A.
    2014 A human cognition framework for information visualization. Computers & Graphics. 42, pp.42–58. 10.1016/j.cag.2014.03.002
    https://doi.org/10.1016/j.cag.2014.03.002 [Google Scholar]
  142. Pelli, D. G., Burns, C. W., Farell, B. and Moore-Page, D. C.
    2006 Feature detection and letter identification. Vision research. 46(28), pp.4646–4674. 10.1016/j.visres.2006.04.023
    https://doi.org/10.1016/j.visres.2006.04.023 [Google Scholar]
  143. Poulton, E.
    1972 Size, style, and vertical spacing in the legibility of small typefaces. Journal of Applied Psychology. 56(2), p156. 10.1037/h0032670
    https://doi.org/10.1037/h0032670 [Google Scholar]
  144. Puhalla, D. M.
    2008 Perceiving hierarchy through intrinsic color structure. Visual Communication. 7(2), pp.199–228. 10.1177/1470357208088759
    https://doi.org/10.1177/1470357208088759 [Google Scholar]
  145. Pušnik, N., Podlesek, A. and Možina, K.
    2016 Typeface comparison− Does the x-height of lower-case letters increased to the size of upper-case letters speed up recognition?International Journal of Industrial Ergonomics. 54, pp.164–169. 10.1016/j.ergon.2016.06.002
    https://doi.org/10.1016/j.ergon.2016.06.002 [Google Scholar]
  146. Richter, J., Scheiter, K. and Eitel, A.
    2016 Signaling text-picture relations in multimedia learning: A comprehensive meta-analysis. Educational Research Review. 17, pp.19–36. 10.1016/j.edurev.2015.12.003
    https://doi.org/10.1016/j.edurev.2015.12.003 [Google Scholar]
  147. Saariluoma, P. and Sajaniemi, J.
    1989 Visual information chunking in spreadsheet calculation. International Journal of Man-Machine Studies. 30(5), pp.475–488. 10.1016/S0020‑7373(89)80029‑X
    https://doi.org/10.1016/S0020-7373(89)80029-X [Google Scholar]
  148. Saltz, I.
    2009 Typography essentials: 100 Design Principles for Working with Type. Beverly, MA: Rockport publishers.
    [Google Scholar]
  149. Schaie, K. W. and Heiss, R.
    1964 Color and personality. New York: Grune & Stratton.
    [Google Scholar]
  150. Schindler, P. S.
    1986 Color and contrast in magazine advertising. Psychology & Marketing. 3(2), pp.69–78. 10.1002/mar.4220030203
    https://doi.org/10.1002/mar.4220030203 [Google Scholar]
  151. Shaikh, A. D.
    2005 The effects of line length on reading online news. Usability News. 7(2), pp.1–4.
    [Google Scholar]
  152. Smith-Gratto, K. and Fisher, M. M.
    1999 Gestalt theory: a foundation for instructional screen design. Journal of Educational Technology Systems. 27(4), pp.361–371. 10.2190/KVVE‑B0EL‑B0CJ‑92KM
    https://doi.org/10.2190/KVVE-B0EL-B0CJ-92KM [Google Scholar]
  153. Spence, I.
    2005 No humble pie: The origins and usage of a statistical chart. Journal of Educational and Behavioral Statistics. 30(4), pp.353–368. 10.3102/10769986030004353
    https://doi.org/10.3102/10769986030004353 [Google Scholar]
  154. Spence, I., Wong, P., Rusan, M. and Rastegar, N.
    2006 How color enhances visual memory for natural scenes. Psychological Science. 17(1), pp.1–6. 10.1111/j.1467‑9280.2005.01656.x
    https://doi.org/10.1111/j.1467-9280.2005.01656.x [Google Scholar]
  155. Spencer, H.
    1969 The visible word. Roxbury: Hastings House Book Publishers.
    [Google Scholar]
  156. Stone, M.
    2006 Choosing colors for data visualization. Business Intelligence Network. 2.
    [Google Scholar]
  157. Stones, C. and Gent, M.
    2015 The 7 Graphic Principles of Public Health Infographic Design. [Online]. University of Leeds. Available from: https://improvementacademy.org/documents/Projects/air_quality/The%207%20Graphic%20Principals%20of%20Public%20Health%20Infographic%20Design.pdf
  158. Tetlan, L. and Marschalek, D.
    2016 How Humans Process Visual Information: A focused primer for designing information. Visible Language. 50(3), pp.65–88.
    [Google Scholar]
  159. Tijus, C., Barcenilla, J., De Lavalette, B. C. and Meunier, J. -G.
    2007 The design, understanding and usage of pictograms. Written documents in the workplace. Brill, pp.17–31. 10.1163/9789004253254_003
    https://doi.org/10.1163/9789004253254_003 [Google Scholar]
  160. Tinker, M. A.
    1955 Prolonged reading tasks in visual research. Journal of Applied Psychology. 39(6), p444. 10.1037/h0041553
    https://doi.org/10.1037/h0041553 [Google Scholar]
  161. 1965 Bases for effective reading. Minnesota: University of Minnesota Press.
    [Google Scholar]
  162. Tinker, M. A. and Paterson, D. G.
    1928 Influence of type form on speed of reading. Journal of Applied Psychology. 12(4), p359. 10.1037/h0073699
    https://doi.org/10.1037/h0073699 [Google Scholar]
  163. 1942 Reader preferences and typography. Journal of Applied Psychology. 26(1), p38. 10.1037/h0061105
    https://doi.org/10.1037/h0061105 [Google Scholar]
  164. Tselentis, J., Haley, A., Poulin, R., Seddon, T., Leonidas, G., Saltz, I., Henderson, K. and Alterman, T.
    2012 Typography Referenced: A Comprehensive Visual Guide to the Language. Beverly: Rockport Publishers.
    [Google Scholar]
  165. Vanka, S. and Klein, D.
    1995 ColorTool: An information tool for cross cultural design. In: Proceedings of the Human Factors and Ergonomics Society Annual Meeting: SAGE Publications Sage CA: Los Angeles, CA, pp.341–345. 10.1177/154193129503900510
    https://doi.org/10.1177/154193129503900510 [Google Scholar]
  166. Wichmann, F. A., Sharpe, L. T. and Gegenfurtner, K. R.
    2002 The contributions of color to recognition memory for natural scenes. Journal of Experimental Psychology: Learning, Memory, and Cognition. 28(3), p509.
    [Google Scholar]
  167. Williams, T. R. and Spyridakis, J. H.
    1992 Visual discriminability of headings in text. IEEE Transactions on Professional Communication. 35(2), pp.64–70. 10.1109/47.144865
    https://doi.org/10.1109/47.144865 [Google Scholar]
  168. Zhang, Y.
    2017 Assessing attitudes toward content and design in Alibaba’s dry goods business infographics. Journal of Business and Technical Communication. 31(1), pp.30–62. 10.1177/1050651916667530
    https://doi.org/10.1177/1050651916667530 [Google Scholar]
  169. Zikmund-Fisher, B. J., Fagerlin, A. and Ubel, P. A.
    2008 Improving understanding of adjuvant therapy options by using simpler risk graphics. Cancer. 113(12), pp.3382–3390. 10.1002/cncr.23959
    https://doi.org/10.1002/cncr.23959 [Google Scholar]
/content/journals/10.1075/idj.20017.bax
Loading
/content/journals/10.1075/idj.20017.bax
Loading

Data & Media loading...

  • Article Type: Research Article
This is a required field
Please enter a valid email address
Approval was successful
Invalid data
An Error Occurred
Approval was partially successful, following selected items could not be processed due to error