How to Make an Infographic in 5 Steps

By Midori Nediger, Feb 13, 2018

how to make an infographic

From the perspective of someone who isn’t a designer, making an infographic that’s both beautiful and effective can seem like an impossible task…one that’s best left to trained professionals.

But that’s far from the truth. With thousands of infographic designs under their belts, the talented designers at Venngage have developed a pretty robust system for making infographics, and we’ve translated that system into a foolproof guide to teach non-designers how to make an infographic in 5 steps.

If you want to make an infographic that engage, summarize, and inform, but have the design skills of a toddler, this guide is for you.

Learn how to make an infographic with Venngage:

 

 

1. Outline the goals of your infographic

Before you begin to think about design, layout, charts, or aesthetics, you need to think hard about the goals of your infographic.

When I say goals, I don’t mean high-level goals like “summarize complex information” or “improve website traffic”.

I mean clear, concrete, achievable communication goals.

Step one: define the burning problem

Recognize that you’re creating this infographic so that your audience can gain something very specific from reading it. That very specific thing should be a burning problem that your audience has in their lives, and that your infographic is going to solve.

Step two: use a question pyramid

From there, use a question pyramid to take that burning problem and turn it into 3-5 actionable questions to tackle in your infographic:
how to make an infographic


 

These questions will become the framework around which you’ll build your infographic, and will help you tell a compelling story.

The supporting questions should reveal the basic information your audience will need to know to understand the main topic, and the probing questions that will reveal broader insights which should ultimately solve the burning problem.

Let’s work through an example. These infographics outline a method for pairing wines:

how to make an infographic

Source

how to make an infographic

Source


 

The burning problem they’re trying to solve is “how to pair food and wine”. Their question pyramid might look something like this:

how to make an infographic

Defining the burning problem and using the question pyramid to break it down into actionable questions is the first step to making an effective infographic. If you’ve gone through this process and you’re still not sure what story should to tell, read more about discovering your infographic story.

 

2. Collect data for your infographic

You’ll need some data to help you answer each question you defined in step one.

If you have your own data, great–you can move on to step three! If not, don’t worry. There’s a ton of public data available to you (the U.S. alone produces about 2.7 million GB of data per minute), if you just know where to look.

Let’s review some strategies for getting your hands on useful data, without having to conduct your own research.

Refine your Google searches

Google is often the best place to start your search. Target your Google searches more efficiently with symbols and data-specific search terms:

  • Use quotes to search for an exact phrase
    • For example, “food and wine pairing”
  • Use a minus sign to exclude terms from your search
    • For example, food and wine pairing -red
  • Append ‘data’ to your search phrase
    • For example, food and wine pairing data
  • Append a data-specific file format (e.g. xls, csv, tsv) to your search phrase
    • For example, food and wine pairing xls

Search existing data repositories

While Google searches are fast and easy, often you’ll end up with messy data that needs some cleaning, which can take a lot of time. Peruse these data repositories to find data that’s ready to use:

If both of these strategies fail you, you might have to collect your own data. To learn more, review our suggestions for conducting your own research, and read our comprehensive guide to data collection.

 

3. Visualize the data in your infographic

Now you’ve got the questions you want to answer and the data you need to answer them. Your next step should be to decide how to present that data visually.

We’ve developed the ICCORE method to help you pick the best charts for your data. First, for each piece of data you want to visualize, determine whether the primary goal will be to:

  • Inform,
  • Compare,
  • Change,
  • Organize,
  • Reveal relationships, or
  • Explore.

Then use the best practices for that goal to find the right chart for your data.

Let’s review for each goal in turn:

Inform

You want to convey an important message or data point that doesn’t require much context to understand.

Make a numerical stat stand out with large, bold, colorful text:

how to make an infographic

Demand extra attention by pairing icons with text:

how to make an infographic

Highlight a percentage or rate with a donut chart or a pictograph:

how to make an infographic

Compare

You want to show similarities or differences among values or parts of a whole.

Use a bar chart, column chart, bubble chart, or bubble cloud to compare independent values.

how to make an infographic

Use a pie chart, donut chart, pictograph, or tree map to compare parts of a whole.

how to make an infographic

Use a stacked bar chart or stacked column chart to compare categories and parts of a whole.

how to make an infographic

Use a stacked area chart to compare trends over time.

how to make an infographic

Change

You want to show trends over time or space.

Use a line chart or an area chart to show changes that are continuous over time.

how to make an infographic

Use a timeline to show discrete events in time.

how to make an infographic

Use a choropleth map to show spatial data.

how to make an infographic

Use a map series to show data that changes over both space and time.

how to make an infographic

Organize

You want to show groups, patterns, rank or order.

Use a list to show rank or order when you want to provide extra information about each element.

how to make an infographic

Use a table to show rank or order when you want readers to be able to look up specific values.

how to make an infographic

Use a flowchart to show order in a process.

how to make an infographic

Use simple boxes or borders to show organized groups (as seen in Venn diagrams and mind maps).

how to make an infographic

Otherwise, show rank or order with a bar chart, column chart, bubble chart, or pyramid chart.

how to make an infographic

Relationship

You want to reveal more complex relationships among things.

Use a scatter plot when you want to display two variables for a set of data.

how to make an infographic

Use a multi-series plot when you want to compare multiple sets of related data.

how to make an infographic

Explore

You want the reader to explore the data and discover insights for themselves.

There’s no magic bullet for exploration–the visualization style will really depend on the specifics of your data. Interactive charts like this one that allow for filtering, sorting, and drilling down are the often best choice, but these can be costly and time-consuming to develop. If you’re a visualization beginner, try to stick to the other choices.

That’s a quick rundown of our ICCORE method. Now, you should have everything you need to pick appropriate charts for each set of data you want to visualize. Just think about what you want to emphasize, and pick your chart accordingly.

For more examples and chart best practices, take a look at our full guide on how to choose the best charts for your data.


 

4. Layout the elements of your infographic design

All that’s left is layout and design.

Putting your first element on the page can be daunting, but there are a few hacks that will remove some of the guesswork from the equation.

Create a natural information flow

Use the question pyramid you developed in the first step to guide your layout and information flow.

Start by telling your reader what they’ll gain from your infographic (i.e. turn the burning problem into your header), follow up with the charts that address the “supporting questions”, and then drive it all home with the charts that address the “probing questions”.

Use a grid layout to add structure and balance to your infographic

Laying out your elements with a predefined symmetrical grid is an easy tactic that will instantly elevate your infographic.

It will give your elements some essential order and, keeping in mind that we naturally read from left to right and top to bottom, it can be used to direct your reader’s gaze from element to element.

how to make an infographic

Use a centered, single-column layout for content with a linear flow:

how to make an infographic

Sources: Everlane.com, Ziploc.com

Use a two-column layout to make comparisons:

how to make an infographic

Sources: RemoteRelief, The Guardian, FoodBeast

Consider using a multi-section layout when reading order is less important:

how to make an infographic

Sources: Lauren Conrad, Lemonly

Whatever layout you use, spacing your elements at regular intervals will create a satisfying sense of structure and balance.

Use a ready-made infographic template

If building a layout from scratch is too intimidating, we offer ready-made infographic templates that you can personalize to fit your data. The trick is to pick one that works well with your content.

The best way to do that is to forget about colour, style, and chart types for the time being. Pick an infographic template based on its structure first, and play with its style second.

Have a list or a process? Find centered, single-column infographic template to ensure each step is read in order:

how to make an infographic


 

Want to contrast two charts? Find a two-column infographic template:

how to make an infographic


 

Have 3 equally important stats? Find a three-column infographic template:

how to make an infographic


 

Have tons of data? Find a minimal infographic template with 4 or 5 sections:

how to make an infographic


 

Everything we talked about in the previous section applies here. Think how many elements you have and how your story should flow when choosing your infographic template.

Once you have an infographic template, just swap in your content and you’re off to the races.

 

5. Add style to your infographic design

Now comes the fun part–manipulating design elements to add some flair and make sure your infographic is aesthetically pleasing and clear.

How to pick fonts for your infographic

Start with your text.

Try to keep it simple. Think of an infographic as a visual summary–the text that’s there should be absolutely necessary to understand the major concepts and supplement the visuals.  Reduce your text to short paragraphs (at most) at about a grade six reading level.

Once you have your copy figured out, choose a readable font for the bulk of the text, then amp up the size and style of your main header, section headers, and data highlights so that the gist of your infographic is immediately apparent:

how to make an infographic


 

Want to master the art of typography? Get our full rundown on how to choose fonts for your infographic.

 

How to use repetition, consistency, and alignment in your infographic

Next, add some extra graphic elements to give your compositions some rhythm and visual interest.

Remember those grids we talked about earlier? An easy way to pull your composition together is to repeat basic shapes to reinforce the underlying grid:

how to make an infographic


 

Or use basic shapes to emphasize headers and list elements:

how to make an infographic


 

Or add icons to reinforce important concepts in the text. Keep icon color, style, and size consistent, and pull everything together with extra background shapes:

how to make an infographic


 

Whatever you do, make sure the repeated elements you add are aligned! Even slight misalignments will throw things off balance:

how to make an infographic


 

Those are just a few the ways we like to add flair to our infographics. The important thing to remember is that repeated, aligned elements create visual rhythm, which can make a composition feel more complete.

How to use negative space in your infographic

Negative space (a.k.a. whitespace) refers to the areas of the page that don’t contain any text or images. Any designer will tell you that negative space is just as important as any other element of a design.

In the same way that when you take a photo, you leave space on either side of your subject, you should leave space around each main element grouping in your infographic.

That means ensuring you have margins around the edges of the infographic:

how to make an infographic


 

And gaps between unrelated elements, making it easier to immediately understand which elements are grouped together:

how to make an infographic


 

Whitespace also affects the way we read color–it’s much easier to make colors play nicely with each other by adding little whitespace:

how to make an infographic

A mark of an expert designer is mastery of negative space. As an amateur, your designs will improve as soon as you start thinking about negative space!

How to pick colors for your infographic

Finally we come to color. There’s a reason I’ve left it till the end. While color is a powerful communication tool, a truly great design should communicate effectively in black and white. Think of color like an added bonus–a way that you can help your reader understand your content.

Use color to highlight important information:

how to make an infographic


 

Or to group related elements:

how to make an infographic


 

Don’t overlook neutrals. They’re easy to work with, and when used to offset bright colors they can really pull together a composition:

how to make an infographic


 

When it comes to combining colors, we’ve got you covered. We’ve put together a number of color schemes that will work for a range of infographics.

how to make an infographic


 

That’s it! If you remember to think about fonts, repetition and alignment, negative space, and color, your infographic is sure to turn out well.

Let’s review the main steps you should follow to make a successful infographic:

  1. Outline the goals of your infographic
  2. Collect data for your infographic
  3. Visualize the data in your infographic
  4. Layout the elements of your infographic design
  5. Add style to your infographic

If you’ve made it this far, your design skills are miles ahead of most non-designers. You should have a good grasp on how to make an infographic in 5 steps, and have all the tools you need to make you first infographic.


 



TAGS:
About Midori Nediger

Midori spreads visual communication tricks and tips as Venngage’s Design Evangelist. She’s particularly interested in helping people communicate complex information.