Article published in:
Information Design Journal
Vol. 26:2 (2021) ► pp. 124–156

Utilising design principles to improve the perception and effectiveness of public health infographics

| University of Leeds , United Kingdom
| University of Leeds , United Kingdom
| University of Leeds , United Kingdom
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.
Article outline
  • 1.Introduction
    • 1.1Background
    • 1.2Limitations of existing research
    • 1.3Aim of the present study
  • 2.Testing material development
    • 2.1Infographic design
    • 2.2Usability testing
    • 2.3Testing material questionnaire (preliminary research)
  • 3.Experimental testing methodology
    • 3.1Participants
    • 3.2Apparatus
    • 3.3Procedure
      • 3.3.1Information location
      • 3.3.2Questionnaire
      • 3.3.3Short-term memory test
      • 3.3.4Long-term memory test
  • 4.Results
    • 4.1Performance results between designs
      • 4.1.1Information location time
      • 4.1.2Number of fixations
      • 4.1.3Short-term memorability accuracy
      • 4.1.4Long-term memorability accuracy
    • 4.2Qualitative results
      • 4.2.1Preferential design
      • 4.2.2Likert scale findings
      • 4.2.3Microsoft desirability toolkit
    • 4.3Results of opinion questionnaire
      • 4.3.1‘Good’ design
      • 4.3.2‘Average’ design
      • 4.3.3‘Poor’ design
    • 4.4Heat maps
  • 5.Discussion and conclusion
    • 5.1Discussion of results
      • 5.1.1Quantitative results
      • 5.1.2Qualitative results
    • 5.2References to previous research
    • 5.3Conclusions and recommendations for future research
  • References
Published online: 01 December 2021
https://doi.org/10.1075/idj.20017.bax
References
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. CrossrefGoogle Scholar
Atenstaedt, R.
2019 Is it time we developed an internationally agreed set of health-related infographic images? Chinese Medical Journal. 132(24). CrossrefGoogle Scholar
Baddeley, A.
2000 The episodic buffer: a new component of working memory? Trends in cognitive sciences. 4(11), pp.417–423. CrossrefGoogle Scholar
Baddeley, A. and Hitch, G.
1976 Verbal reasoning and working memory. The Quarterly Journal of Experimental Psychology. 28(4), pp.603–621. CrossrefGoogle Scholar
Balkac, M. and Ergun, E.
2018 Role of Infographics in Healthcare. Chinese medical journal. 131(20), p2514. CrossrefGoogle Scholar
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). CrossrefGoogle Scholar
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. CrossrefGoogle Scholar
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
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. CrossrefGoogle Scholar
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. 971, pp.86–94. CrossrefGoogle Scholar
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. CrossrefGoogle Scholar
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. CrossrefGoogle Scholar
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. CrossrefGoogle Scholar
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. CrossrefGoogle Scholar
George, C. A.
2005 Usability testing and design of a library website: an iterative approach. OCLC Systems & Services: International digital library perspectives. CrossrefGoogle Scholar
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. CrossrefGoogle Scholar
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. CrossrefGoogle Scholar
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. CrossrefGoogle Scholar
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. 441, pp.81–95. CrossrefGoogle Scholar
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. CrossrefGoogle Scholar
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. CrossrefGoogle Scholar
Jamet, E.
2014 An eye-tracking study of cueing effects in multimedia learning. Computers in Human Behavior. 321, pp.47–53. CrossrefGoogle Scholar
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
Krum, R.
2013 Cool Infographics: Effective Communication with Data Visualization and Design. New York, United States: John Wiley & Sons Inc.Google Scholar
Kurz, T. B.
1999 A Review of Scoring Algorithms for Multiple-Choice Tests.Google Scholar
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. CrossrefGoogle Scholar
Linghammar, F.
2007 Usability and Aesthetics: is beautiful more usable. thesis.
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
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
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
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
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
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
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. CrossrefGoogle Scholar
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. CrossrefGoogle Scholar
Mayer, R. E. and Moreno, R.
2003 Nine ways to reduce cognitive load in multimedia learning. Educational psychologist. 38(1), pp.43–52. CrossrefGoogle Scholar
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. 1001, pp.132–133. CrossrefGoogle Scholar
McCoubrie, P.
2004 Improving the fairness of multiple-choice questions: a literature review. Medical teacher. 26(8), pp.709–712. CrossrefGoogle Scholar
McCrorie, A., Donnelly, C. and McGlade, K.
2016 Infographics: healthcare communication for the digital age. The Ulster medical journal. 85(2), p71.Google Scholar
Moran, K.
2019 Usability Testing 101. [Online]. [Accessed 5 March]. Available from: https://​www​.nngroup​.com​/articles​/usability​-testing​-101/
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. 521, pp.113–124. CrossrefGoogle Scholar
Parrish, P. E.
2009 Aesthetic principles for instructional design. Educational Technology Research and Development. 57(4), pp.511–528. CrossrefGoogle Scholar
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
Pernice, K. and Nielsen, J.
2009 How to Conduct Eyetracking Studies. [Online]. Available from: https://​www​.nngroup​.com​/reports​/how​-to​-conduct​-eyetracking​-studies/
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. 291, pp.128–140. CrossrefGoogle Scholar
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. CrossrefGoogle Scholar
Reyna, J.
2013 The importance of visual design and aesthetics in e-learning. Training & Development. 40(5), p28.Google Scholar
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. CrossrefGoogle Scholar
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. CrossrefGoogle Scholar
Siricharoen, W. V. and Siricharoen, N.
2018 Infographic utility in accelerating better health communication. Mobile Networks and Applications. 23(1), pp.57–67. CrossrefGoogle Scholar
Stones, C. and Gent, M.
2015a 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
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
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. CrossrefGoogle Scholar
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. CrossrefGoogle Scholar
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. CrossrefGoogle Scholar
Tractinsky, N., Katz, A. S. and Ikar, D.
2000 What is beautiful is usable. Interacting with computers. 13(2), pp.127–145. CrossrefGoogle Scholar
Tumpey, A. J., Daigle, D. and Nowak, G.
2018 Communicating during an outbreak or public health investigation. CDC, Epidemic Intelligence Service. [Accessed 30 January 2020].Google Scholar
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. CrossrefGoogle Scholar