Infographic Design Technology & Digital Applications 5 — Questions and Answers
Question 1: Which social media platform's specifications require infographics to be formatted in a vertical 1080×1920 pixel ratio for optimal display?
- Twitter/X
- Instagram Stories (Correct answer)
- Facebook Feed
Correct answer: Instagram Stories
Instagram Stories uses a 9:16 vertical format (1080×1920 px) to fill the full mobile screen, which is the recommended dimension for story infographics.
Question 2: In Visme or Piktochart, what does 'animation entrance effect' allow you to add to infographic elements?
- Auto-generated narration audio for each chart
- Motion that reveals elements as the user scrolls or the presentation advances (Correct answer)
- Transition filters between color themes
- Automatic resizing for print output
Correct answer: Motion that reveals elements as the user scrolls or the presentation advances
Entrance animation effects make infographic elements appear with motion (fade, slide, zoom) when triggered by scrolling or slide transitions, increasing engagement.
Question 3: What is the advantage of linking an infographic chart directly to a Google Sheets data source in tools like Flourish?
- The chart automatically updates whenever the spreadsheet data changes (Correct answer)
- It compresses the chart into a smaller file size
- It applies Google's brand colors to the visualization
- It generates SEO metadata for the infographic automatically
Correct answer: The chart automatically updates whenever the spreadsheet data changes
Linking to Google Sheets creates a live connection so that when the spreadsheet is updated, the published chart reflects the new data instantly.
Question 4: Which of the following best describes 'dark mode' support in a web-based infographic?
- Using only black-and-white color palettes in the design
- Applying CSS media queries to switch color schemes based on the user's system preference (Correct answer)
- Disabling all animations to reduce battery usage
- Using a dark background regardless of user settings
Correct answer: Applying CSS media queries to switch color schemes based on the user's system preference
The CSS `prefers-color-scheme` media query detects the user's OS dark mode setting and switches the infographic's colors accordingly.
Question 5: When exporting a high-resolution infographic for a Retina display, what pixel density (DPI/PPI) is typically recommended?
- 72 PPI
- 150 PPI
- 300 PPI (Correct answer)
- 96 PPI
Correct answer: 300 PPI
300 PPI is the standard for high-resolution output that appears sharp on Retina and other high-density displays as well as for print use.
Question 6: In the context of infographic SEO, what is the main reason to add alt text to an infographic image on a webpage?
- To set the display dimensions of the image
- To help search engines understand the image content and improve accessibility for screen readers (Correct answer)
- To enable lazy loading for the image
- To specify the image's file compression level
Correct answer: To help search engines understand the image content and improve accessibility for screen readers
Alt text describes image content to search engine crawlers and assistive technologies, improving both SEO discoverability and accessibility compliance.
Question 7: Which technology is used to create scroll-triggered animations in an interactive web infographic?
- FTP
- Intersection Observer API (Correct answer)
- WebSocket
- IndexedDB
Correct answer: Intersection Observer API
The Intersection Observer API detects when elements enter the viewport and triggers animations or data reveals as the user scrolls through the infographic.
Infographic Design Technology & Digital Applications 5
Which social media platform's specifications require infographics to be formatted in a vertical 1080×1920 pixel ratio for optimal display?