Cover not available
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

ORCID logo | University of Leeds, United Kingdom
ORCID logo | University of Leeds, United Kingdom
ORCID logo | 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: 1 December 2021
DOI logo
https://doi.org/10.1075/idj.20017.bax
References (59)
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. DOI logoGoogle Scholar
Atenstaedt, R. 2019. Is it time we developed an internationally agreed set of health-related infographic images? Chinese Medical Journal. 132(24). DOI logoGoogle Scholar
Baddeley, A. 2000. The episodic buffer: a new component of working memory? Trends in cognitive sciences. 4(11), pp.417–423. DOI logoGoogle Scholar
Baddeley, A. and Hitch, G. 1976. Verbal reasoning and working memory. The Quarterly Journal of Experimental Psychology. 28(4), pp.603–621. DOI logoGoogle Scholar
Balkac, M. and Ergun, E. 2018. Role of Infographics in Healthcare. Chinese medical journal. 131(20), p2514. DOI logoGoogle 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). DOI logoGoogle 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. DOI logoGoogle 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. DOI logoGoogle 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. DOI logoGoogle 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. DOI logoGoogle 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. DOI logoGoogle 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. DOI logoGoogle 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. DOI logoGoogle Scholar
George, C. A. 2005. Usability testing and design of a library website: an iterative approach. OCLC Systems & Services: International digital library perspectives. DOI logoGoogle 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. DOI logoGoogle 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. DOI logoGoogle 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. DOI logoGoogle 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. DOI logoGoogle 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. DOI logoGoogle 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. DOI logoGoogle Scholar
Jamet, E. 2014. An eye-tracking study of cueing effects in multimedia learning. Computers in Human Behavior. 321, pp.47–53. DOI logoGoogle 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. DOI logoGoogle 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: [URL]
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. DOI logoGoogle 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. DOI logoGoogle Scholar
Mayer, R. E. and Moreno, R. 2003. Nine ways to reduce cognitive load in multimedia learning. Educational psychologist. 38(1), pp.43–52. DOI logoGoogle 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. DOI logoGoogle Scholar
McCoubrie, P. 2004. Improving the fairness of multiple-choice questions: a literature review. Medical teacher. 26(8), pp.709–712. DOI logoGoogle 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: [URL]
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. DOI logoGoogle Scholar
Parrish, P. E. 2009. Aesthetic principles for instructional design. Educational Technology Research and Development. 57(4), pp.511–528. DOI logoGoogle 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: [URL]
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. DOI logoGoogle 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. DOI logoGoogle 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. DOI logoGoogle 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. DOI logoGoogle Scholar
Siricharoen, W. V. and Siricharoen, N. 2018. Infographic utility in accelerating better health communication. Mobile Networks and Applications. 23(1), pp.57–67. DOI logoGoogle Scholar
Stones, C. and Gent, M. 2015a. The 7 Graphic Principles of Public Health Infographic Design. [Online]. University of Leeds. Available from: [URL]
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. DOI logoGoogle 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. DOI logoGoogle 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. DOI logoGoogle Scholar
Tractinsky, N., Katz, A. S. and Ikar, D. 2000. What is beautiful is usable. Interacting with computers. 13(2), pp.127–145. DOI logoGoogle 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. DOI logoGoogle Scholar
WHO. 2020. Coronavirus (COVID-19) and tobacco use. [Online]. [Accessed 1 September]. Available from: [URL]
Cited by (6)

Cited by six other publications

Butdisuwan, Sujin, Lovely M. Annamma, A. Subaveerapandiyan, Biji Thomas George, Sanjay Kataria & Xuqing Wu
2024. Visualising Medical Research: Exploring the Influence of Infographics on Professional Dissemination. The Scientific World Journal 2024:1 DOI logo
Gonella, Silvia, Paola Di Giulio, Federica Riva-Rovedda, Luigi Stella, Maria Marcella Rivolta, Eugenia Malinverni, Mario Paleologo, Giancarlo Di Vella, Valerio Dimonte & Elvan Wiyarta
2024. Supporting health and social care professionals in serious illness conversations: Development, validation, and preliminary evaluation of an educational booklet. PLOS ONE 19:5 ► pp. e0304180 ff. DOI logo
Baxter, Matthew & Maria dos Santos Lonsdale
2023. Improving the design of public health infographics using a motion graphic educational resource to enhance design principle application. Information Design Journal 28:2 ► pp. 141 ff. DOI logo
Carollina, Donna, Victor Adiluhung Abednego, Lutfi Tri Atmaji, Mita Purbasari Wahidiyat, Nurul Aqmarina Ardhani, Fairuz Iqbal Maulana, T.N. Mursitama, Noerlina, D.N. Utama & S.A. Abrori
2023. Mapping Research of Color in Visual Communication Design During 2011-2021. E3S Web of Conferences 426 ► pp. 02099 ff. DOI logo
Lor, Maichou, Nancy B Yang, Uba Backonja & Suzanne Bakken
2023. Evaluating and refining a pain quality information visualization tool with patients and interpreters to facilitate pain assessment in primary care settings. Informatics for Health and Social Care 48:4 ► pp. 353 ff. DOI logo
Perez Vila, Angel, Rana Soleimani & Justin Zuopeng Zhang
2023. Motion Infographics for Stakeholder Engagement. In Handbook of Research on Revisioning and Reconstructing Higher Education After Global Crises [Advances in Higher Education and Professional Development, ], ► pp. 400 ff. DOI logo

This list is based on CrossRef data as of 4 july 2024. Please note that it may not be complete. Sources presented here have been supplied by the respective publishers. Any errors therein should be reported to them.