Creating Infographics Research and wireframing

Step 1: Gathering Content & Resrouces

Like the annotated bibliographies you just submitted.

Step 2: Create a Wireframe

A wireframe is the outline or “skeleton” of your infographic. It’s a blueprint for developing it BEFORE you spend the time creating with a design platform (e.g. Illustrator, InDesign, Canva, Spark, Pkitochart, Easel.ly, Visme). I recommend using paper and pen or a whiteboard - digital or analogue - but there are online software options (for pay) like balsamiq.

But BEFORE you start, consider the following questions:

  1. Who will be using it?
  2. What problem/feature does this infographic solve/illustrate/ellucidate for them?
  3. What type of information are you trying to illustrate? If you’re trying to show something about data or numbers oriented information, you’ll want to use graphs or charts: bar or line graph, scatter plot, which are often used to show trends over time while pie charts show how parts make up a whole. Maps show trends of geographic space. A timeline will offer a quick visual of a history while a diagram or flowchart will illustrate a process.
  4. What type of glyphs (tiny icons that are representative of something) will you need to illustrate your point.

When starting your wireframe, you should consider the following:

  • Determine the TYPE OF INFORMATION you need to illustrate (see above)
  • Make room for your title/intro
  • Outline the sections and organize them logically
  • Make space for images or illustrations
  • Collect and insert rough renderings of data visualization that you intend to use
  • Start with WORDS rather than PICTURES but remember that you’ll want to make more pictures than words in the final design


A good design should be a good storyteller! And it should tell a story with images more than with words.


Created with images by FirmBee - "ux design webdesign"