Why Chart Legends Should Be Avoided
Legends are frequently used in data visualization to tell viewers which colors or other graphic elements represent which data series in a chart. Unfortunately, chart legends can actually make data more difficult to understand. Krum notes that “chart legends make readers work twice as hard to understand a particular chart because they have to look back and forth between the chart and the color key multiple times to understand the different sets of data represented in the chart” (Krum, 2013). The same information can be more effectively presented by labelling data sets directly on the chart. Nediger states “By placing labels as close as possible to their respective data points, you can reduce the work required of your reader to interpret your chart” (Nediger, 2018). Replacing the text in legends with a graphic icon also reduces reading and makes the chart easier to understand.
Optimal Sizes for Infographics
The majority of infographics are designed with a vertical layout because viewers have become accustomed with scrolling up and down rather than side to side. But what is the optimal size? Krum states “As a general rule of thumb, the original full-size version of an infographic is published online at an image size that is 800 pixels wide and as long as necessary to tell the story” (Krum, 2013). This size fits the window width of most web browsers. McCready (2017) agrees on the 800 pixels width, adding that text should still be legible even at smaller resolutions. An infographic that uses vector graphics and strong visual hierarchy will look good at any size, from posters to social media posts.
Motion in Infographics
Infographics elevate data visualization by telling a story with the information in a way that is visually appealing to the viewer. Motion can elevate the story further. Travers states “By enhancing your image with motion, it will naturally draw the attention of the human eye” (Travers, 2020). Once the animation has attracted the audience, it should keep them engaged with informative content. Crooks, et al. (2012) add that motion infographics can also use music, voiceovers, and imagery that communicate the intended message and connect with viewers on an emotional level that is difficult to achieve with a static image.
References:
Crooks, R., Ritchie, J., & Lankow, J. (2012). Infographics: The Power of Visual Storytelling. John Wiley & Sons.
Krum, R. (2013). Cool Infographics: Effective Communication with Data Visualization and Design. John Wiley & Sons.
McCready, R. (2017, June 20). How to Pick the Right Infographic Size For Your Blog Post. https://venngage.com/blog/infographic-size/
Nediger, M. (2018, May 14). 10 Do’s and Don’ts of Infographic & Chart Design. https://venngage.com/blog/chart-design/
Travers, D. (2020, January 29). 25 Best Animated Infographic Examples Online. https://www.spielcreative.com/blog/animated-infographics/
Joshua Siegel's Mastery Journal 