Infographic Design Case Studies & Practical Application 3 — Questions and Answers
Question 1: A travel brand's infographic on 'Top 10 Destinations' performs well on Instagram but poorly on Pinterest. The most likely reason is:
- The aspect ratio is optimized for Instagram's square format rather than Pinterest's tall format (Correct answer)
- Pinterest users dislike travel content
- The color palette was not saved correctly for Pinterest
- The infographic contains too much text for any platform
Correct answer: The aspect ratio is optimized for Instagram's square format rather than Pinterest's tall format
Pinterest favors tall, vertical formats (2:3 ratio) while Instagram historically favored square or landscape, so a single layout rarely performs equally on both.
Question 2: A financial services firm wants to explain compound interest to millennials unfamiliar with investing. Which approach best balances simplicity and accuracy?
- A step-by-step sequential diagram showing growth at specific year intervals with a concrete dollar example (Correct answer)
- A dense table of compound interest formulas for various rates
- A glossary of financial terms with no visual elements
- A pie chart of asset classes
Correct answer: A step-by-step sequential diagram showing growth at specific year intervals with a concrete dollar example
A concrete example with a step-by-step diagram makes an abstract concept tangible and follows how novice audiences build understanding.
Question 3: When an infographic is embedded in a blog post, which technical consideration most directly affects SEO performance?
- Adding descriptive alt text to the image and a text transcript of key data below it (Correct answer)
- Using a PNG file instead of SVG
- Ensuring the infographic is exactly 800px wide
- Disabling lazy loading for the image
Correct answer: Adding descriptive alt text to the image and a text transcript of key data below it
Search engines cannot read text in images, so alt text and a written summary allow crawlers to index the infographic's content.
Question 4: A public health agency's infographic about hand-washing steps is being translated into 12 languages. Which design decision makes localization easiest?
- Placing all text in separate editable layers from the graphics in the source file (Correct answer)
- Embedding fonts directly into the exported PNG
- Using decorative script fonts for step labels
- Merging text and graphics into a single flattened layer
Correct answer: Placing all text in separate editable layers from the graphics in the source file
Separating text into editable layers allows translators to swap copy without rebuilding the entire layout.
Question 5: A tech company's infographic comparing processor speeds uses 3D bar charts. A design consultant recommends switching to 2D. Why?
- 3D perspective distorts bar heights, making accurate comparison difficult (Correct answer)
- 3D charts are not supported by most browsers
- 2D charts are always smaller in file size
- 3D bars cannot display negative values
Correct answer: 3D perspective distorts bar heights, making accurate comparison difficult
The depth perspective of 3D charts causes bars to appear different heights depending on their position, introducing systematic visual error.
Question 6: An NGO's infographic about deforestation uses before/after satellite imagery side by side. To strengthen the comparison, the designer should ensure:
- Both images use identical scale, alignment, and time-stamped labels (Correct answer)
- The 'before' image is slightly smaller to emphasize how much changed
- The two images use different color treatments for visual variety
- Only the 'after' image includes a map scale
Correct answer: Both images use identical scale, alignment, and time-stamped labels
Consistent scale and alignment allow viewers to make direct comparisons; any asymmetry introduces unintended bias.
Question 7: A data journalist creates an interactive infographic where hovering over a country shows detailed statistics. For users on mobile touch screens, the best adaptation is:
- Replace hover states with tap-to-reveal panels or persistent visible labels (Correct answer)
- Remove all interactivity for mobile users
- Shrink the entire infographic to fit a phone screen without changes
- Add a 'desktop only' notice to the page
Correct answer: Replace hover states with tap-to-reveal panels or persistent visible labels
Touch interfaces have no hover state, so interactive data must be accessible through tap events or always-visible labels to work on mobile.
Infographic Design Case Studies & Practical Application 3
A travel brand's infographic on 'Top 10 Destinations' performs well on Instagram but poorly on Pinterest.
The most likely reason is: