Gains:
- Ability to establish a clear flow by choosing the appropriate infographic type for the purpose and reducing the information to 3-7 key points
- Being able to apply the rule of not printing the text to the image by having the artificial intelligence produce order to the artificial intelligence that produces text/structure and visuals.
- Ability to create an honest infographic by contextualizing numbers and verifying their source, avoiding area/scale bias
An infographic is a design that explains data, steps or a concept in a single visual, in a fluent and memorable way. "X in 5 steps" shared on social media, a summary visual on the cover of a report, a training poster... are all infographics. Its difference from a presentation slide is that it stands alone: it should be understood without the speaker present. In this unit, we will learn how to use artificial intelligence to establish the content, flow and visual of the infographic.
When and what type of infographic?
Infographics are not for every data; Ideal for sharing a small amount of powerful information, summarizing a process, or spreading a message. Common types:
- Statistics infographic: Highlights a few striking numbers (“1 in 3 people…”).
- Process/step infographic: Divides a job into steps (1→2→3).
- Comparison infographic: Puts two options side by side.
- Timeline: Shows events chronologically.
- Geographic/map: Connects information to space.
Purpose
Infographic type
Attention
Some striking numbers
Statistics
Number must have context
"How to"
Process/step
Number of steps: 3-7
A or B?
Comparison
Fair, same scale
History/road map
timeline
Scale consistent
Regional distribution
map
Normalize by population
Hint: The infographic lives “on its own.” Once you have prepared it, show it to someone without any explanation; If he doesn't understand it, it's too crowded or the flow is unclear.
Step by step: infographic with artificial intelligence
- Identify the single message and target audience.
- Select 3-7 key pieces of information; throw away the rest (the infographic asks for a summary).
- Establish the flow: where should the eye go? (top to bottom, left to right, circular).
- Print the text: title + short tag and number for each section.
- Generate image/layout: AI or design tool that produces the image; icons and color are consistent.
- Verify: does each number match its source, is the flow understood?
For text and structure:
Your role: infographic content editor. Topic: [ ... ]. Target audience: [ ... ]. Single message: "[sentence]". Information I have: [raw notes/numbers]. Task: Choose 5 steps for a PROCESS infographic (each step: tagline ≤5 words + single sentence description + number if applicable). Suggest a striking main title at the top and a one-sentence closing at the bottom. DO NOT MAKE UP THE NUMBER; If the source is unclear, write [confirmation]. Flow: top to bottom.
For visual/layout (to the AI generating the image):
Produce a vertical (9:16) infographic BACKGROUND/layout.Subject: [ ... ]. Style: simple, flat, line icons, 1 main color + 1 highlight. Leave 5 evenly spaced areas (numbered) for a vertical flow of 5 steps. ADDING text/numbers (I will put the text).Do not use too much detail and shadows; Make sure it is readable and has plenty of space.
For icon language:
Suggest consistent, line-style icon ideas for these 5 steps (1 icon per step, all in the same visual language). Steps: [...].Give a 1-sentence description for each icon, do not ask for complex scenes.
Showing the number honestly and understandably
The most common distortion in infographics occurs in number visualizations:
- Area fallacy: When representing a number with a circle, if you double the diameter, the area becomes 4 times larger; The viewer thinks it is 4 times bigger. Give the value in net numbers and on a linear scale, not in area.
- Large number without context: "1,000,000 people" alone is abstract; "1 in every 5 people" are more likely to be comprehended.
- Cherry picking: Just putting in the one impressive statistic and omitting the context.
poor showing
strong impression
Huge "400%" (no context)
"4 floors: 200 to 800"
"2 floor" with two flats (the space swells)
Clear "2×" label + equal scale
"1,284,000 users"
"≈1.3 million (1 in every 8 people)"
Caution: When using symbol repetition (pictogram), each symbol should represent an equal value; Showing "2.5" with a half symbol is readable, but making the symbols larger or smaller is misleading.
three mini cases
Case 1 — From report to infographic. A non-governmental organisation, no one was reading the 20-page report. They distilled the main 5 findings into one vertical infographic. Sharing on social media increased more than 6 times; Report downloads also rose because the infographic sparked curiosity.
Case 2 — Correcting the field fallacy. One team demonstrated the budget increase with two flats; When the diameter was 2 times, the increase looked like 4 times. AI realized this; instead they used an equal-scale bar and a clear “2×” label. The misleading impression has disappeared.
Case 3 — Step count diet. An educator was explaining a process with an 11-step infographic; no one could follow. The steps are logically grouped into 5. In the comprehensibility survey, the "I could follow" rate increased from 52% to 85%.
Weak prompt / Strong prompt
Weak:
Make an infographic about this.
There is no single message, audience, genre, or flow; the output becomes crowded and messy, and the model prints garbled text on the image.
Strong:
Your role: infographic content editor. Topic: saving water. Audience: high school students. One message: "small habits, big savings".Type: 5-step process. Each step: ≤5 words title + 1 sentence + number (I'll give the number, it's fictitious). Striking title at the top, call at the bottom. The flow is top to bottom. I will produce the image separately; You give the text and structure.
The second gives the message, audience, genre and flow; separates text and image (prevents the risk of garbled text).
Common mistakes
- Information overload: Trying to fit 15 numbers into a single image.
- Printing text on the image: The text produced is distorted; Add the text in the design tool.
- Area/scale fallacy: Exaggerating the value by showing the circle diameter.
- Number without context: Not converting a large number into a comprehensible ratio.
- Flow uncertainty: Not knowing where the eye will go.
- Unsourced statistics: Putting unconfirmed numbers in the infographic.
In summary
The infographic explains a small amount of powerful information in a single visual, understandable on its own. Choose the type by purpose (statistics, process, comparison, timeline, map), narrow it down to 3-7 key information, establish a clear flow. AI is helpful in text/structure and visual generation; but do not print the text on the image, avoid area/scale errors, and contextualize each number and verify it with its source.
Application task
Choose a topic and single message. (1) Have the AI produce text for a 5-step process infographic (title + step labels + numbers, no fabrications). (2) Have the image-generating AI produce a layout with the “add text” rule. (3) Write a number in the infographic in a way that makes it look both striking and honest (ratio + clear label). (4) Show it to someone and test whether it can be understood without explanation.
checklist
- [ ] The single message and target audience of the infographic are clear.
- [ ] I narrowed it down to 3-7 key pieces of information; I threw the rest away.
- [ ] The flow the eye will follow is clear.
- [ ] I did not print the text on the image; I added it in the design tool.
- [ ] I contextualized the numbers; I avoided the area/scale fallacy.
- [ ] I have verified the source of each statistic.