Join Shane Snow for an in-depth discussion in this video Examining the Social Good infographic, part of Infographics: Planning and Wireframing.
Infographics are more than just a collection of charts thrown together on…a funky background,…although that's often what new designers do. In this video, we're going to walk…through an infographic about charity donations that originally appeared on…mashable.com, and I am going to explain the considerations that went into…planning and wireframing the layout.…Since Mashable is a blog, it had a dimension constraint of 640 pixels in width.…There was no height constraint,…so I had to take advantage of that, and build this infographic in a vertical layout.…
Because the dimensions of this graphic will likely require a lot of scrolling, I…wanted to draw attention with a powerful statistic, and an image to draw viewers…in to the rest of the graphic.…As you can see from the zoomed out view, I divided the graphic into four…horizontal sections, each of which had its own different way to visualize a…different set of data.…There is a lot of text, but all of it was positioned deliberately to convey…curvature, and flow from top to bottom.…
- Planning a wireframe
- Finding stories in the data
- Choosing the right visualizations
- Planning the dimensions of the infographic