Professional Documents
Culture Documents
S U P P L E M E N T A R TIC LE
With the advent of social media, using visual methods of com- principles for creating them, and provide resources for those
munication has become increasingly important. Many scientists interested in developing this skill.
and health professionals feel comfortable preparing figures, ta-
bles, and slideshow presentations but may be less familiar with
creating newer visual media, such as infographics and visual ab- THEORY SUPPORTING VISUAL MEDIA
stracts. Learning how to develop these visual tools will enhance Visuals help us interpret complex information more quickly
their ability to share their scientific work and educate other than text alone [3, 4]. Intuitively, most of us understand this
health professionals and the general public. based on our experiences watching slideshow presentations.
Infographics are visual representations of information using Simple slides with relevant graphics and limited text make it
a combination of charts, icons, or illustrations with minimal easier to digest complex information. Presenting information
text. Visual abstracts, also known as graphical abstracts, are in a visual manner decreases the cognitive load, or “mental
similar to infographics, but this term specifically refers to con- energy,” required to interpret information [5]. Cognitive load
cise visual summaries of the main findings of an article. They theory describes 3 components that contribute to this mental
were first popularized by Andrew Ibrahim [1] and have now energy: (1) intrinsic load, which refers to the inherent com-
been adopted by many journals [2]. Although some journals plexity of a topic; (2) extraneous load, which refers to external
have staff who create visual abstracts, most require authors to factors that affect learning (eg, distracting images not relevant
submit their own. Visual abstracts are frequently posted on to the topic); and (3) germane load, which refers to the mental
social media to highlight an article’s main findings. In this ar- energy expended to organize and understand content [6]. The
ticle, we will use the term “infographic” as an all-encompassing cognitive theory of multimedia learning explains why adhering
term referring to any visual used to represent information, in- to certain multimedia principles reduces cognitive load and en-
cluding visual abstracts. We will use the term “visual abstracts” hances learning [5, 7].
only when discussing content specific to visual abstracts. In Well-crafted visuals reduce intrinsic load, optimize germane
this review, we will discuss the utility of infographics, outline load, and eliminate extraneous load. Intrinsic load is reduced
when using visuals because images allow our brains to store in-
formation differently, as explained by dual coding theory [8].
Correspondence: Jennifer O. Spicer, 46 Armstrong St, Woodruff Extension Bldg, Office 211, Dual coding theory describes how our brain processes informa-
Atlanta, GA 30303 (jennifer.spicer@emory.edu).
tion using 2 channels—a verbal channel for processing language
Clinical Infectious Diseases® 2022;74(S3):e14–22
© The Author(s) 2022. Published by Oxford University Press for the Infectious Diseases Society and a nonverbal channel for processing other stimuli, such as
of America. All rights reserved. For permissions, e-mail: journals.permissions@oup.com. images or sounds [9]. When we see a picture of something, our
https://doi.org/10.1093/cid/ciac058
Figure 1. Explanation and illustration of multimedia design principles that can decrease cognitive load. Abbreviations: HIV, human immunodeficiency virus; INSTIs, integrase
strand transfer inhibitors; NNRTIs, nonnucleoside reverse-transcriptase inhibitors; NRTIs, nucleoside reverse-transcriptase inhibitors. Image created with BioRender.com.
communicates information accurately yet facilitates rapid un- literature and recommendations from others with experience
derstanding of key points. The sections below outline how in building infographics [1, 2, 21–23]. Those readers familiar
to build infographics, as summarized in Figure 2. These re- with design thinking will recognize the similarities between
commendations are based on a compilation of research-based those principles—empathize, define, ideate, prototype, and
findings from graphic design and scientific communication test—with the process we recommend here [24].
Figure 2. Illustration of the steps used to create an infographic or visual abstract. Note that although this figure is also used as the visual abstract for the current article,
this practice is not typically recommended.
Figure 3. Examples of potential layouts for infographics based on their underlying primary goal. The image in example 1 was created by Emma Levine, MD, for the Clinical
Problem Solvers (https://clinicalproblemsolving.com/) and has been reused with their permission. The image in example 2 was created by Miriam Ahmed, PharmD, and has
been reused with her permission.
servier.com/), a free service, and BioRender (https://biorender. Other graphic elements can be used to communicate more
com/), which provides more options but requires a paid sub- complex concepts. Flowcharts or numbered illustrations are
scription. Choosing consistent images (ie, similar styles of icons helpful for explaining a process. Tables and bar graphs are
or illustrations) in a single infographic improves cohesiveness helpful for making comparisons, such as outcomes across 2
and aesthetics. groups in a study, and these are more easily interpreted than
pie charts, which should generally be avoided [38]. Line graphs on social media sites and in publications, although some require
can be used to show trends in data. Two-dimensional graphics a subscription to download materials. Web sites containing col-
should be used instead of 3-dimensional ones, as the latter in- lections of icons and illustrations have information on their
crease complexity and make it more difficult for individuals to sites regarding how images can be used. If searching for images
make visual comparisons [38–40]. using an internet search engine, check the license of the images
If using a chart, it is important to ensure that the chart type before using them. Some images have Creative Commons copy-
selected matches the primary goal of the visual (eg, comparing right licenses that allow reuse with minimal restrictions.
2 entities or showing change over time). Selecting the best
method for data presentation is a skill, and there are resources Ask for Feedback
to help guide chart selection based on the intended goal [27, After creating an infographic, it is helpful to ask for feedback
38]. Figures from a manuscript should not just be reused in an from others to confirm that the message is clear and concise.
infographic. All extraneous information should be removed Having someone from the target audience review the info-
from the graph, including unnecessary numbers, words, and graphic is essential to ensure that it is interpreted accurately,
lines, in order to emphasize the main point. Simplicity is key. especially for infographics developed for patients or the general
Finally, check the copyright license before using an image. public [41]. Collaborating with a graphic artist can result in an
Most software programs allow use of their images and products even better product [42].
InkScape Free to download and allows users to draw/create graphics and text https://inkscape.org/ Free
Canva A tool for making infographics that includes premade graphics https://www.canva.com/ Free/$
Mind the Graph A tool for making infographics that contains premade graphics, https://mindthegraph.com/ Free/$
including medical illustrations
BioRender A tool for making infographics that contains premade graphics, https://biorender.com/ $$
including medical illustrations
Adobe Illustrator More advanced graphic design software that can be used to create https://www.adobe.com/products/illustrator. $$
infographics or other graphics html
a
The examples in this table are not an exhaustive list of options.
$ indicates less than $200 per year and $$ indicates more than $200 per year.
The number of $ signs correlates with the cost of the product.