Northwoods

Northwoods Forest

Everything You Need to Create an Infographic

Jenna DehnJenna Dehn/Digital Marketing Strategist
January 27, 20178 min read

People love infographics. They read them avidly and share them readily. Infographics are hot.

But don’t make them just because the cool kids make infographics. Do it because text and images combined convey your information clearly and comprehensibly. Or do it because it’s a fun way to tell a story.

Don’t let Photoshop or Illustrator illiteracy hold you back. You can design your own infographic without them by following these steps.

1. Outline your story

Infographics turn data into memorable stories, but they don’t create data. Before you design, know your topic and exactly what you want to say. Organize your information in a logical way that will be useful to your audience. For example, I created an infographic on the user experience. It puts my readers in the shoes of a user navigating a poorly designed website and demonstrates the problems that user encounters. It tells a story with a beginning, a middle and an ending, in which the user decides that the website isn’t worth the hassle of trying to navigate through it. The story even has a moral: Always make your website user-friendly.

2. Reduce the word count

Some of my first infographics embarrass me now. I can’t believe how much text I crammed into them. Remember, infographics differ from traditional articles because they focus on the visual and are easy to skim. The fewer words, the better. Big blocks of text scare readers off. Let your visuals tell your story.

3. Choosing a Color Palette

A style guide governs your website and makes it coherent. Make a guide for your infographics, too. (What?! You don’t have a style guide for your website? Stop reading this and go to Keep Your Brand Looking Sharp with Web Style Guides. I’ll wait right here until you return.)

(You’re back. Great.)

Once you have a style guide for your website, making a style guide for your infographic design should be easy. Use the same color palette as your website, but add a few accent colors that look good with your brand. I use Adobe’s color wheel to help me pick a good collection.

Do include some darker shades. This gives you more flexibility in your design without straying from your branding scheme. For example, I use eight different colors for our infographics. (You probably won’t need that many. I do because I create my own illustrations from scratch and need slightly more variation.) You can see that I have selected lighter and darker versions, within a narrow range, of each color. This is handy when adding shading, shadows or subtle patterns.

Northwoods color palette

4. Choosing Visual Aids 

Visual aids carry the information load and make that load comprehensible and fun for your readers. Your infographics should harmonize with your website design, but feel free to stray from your website style guide and give your infographics a new look.

Illustrations give you more flexibility in choosing colors that match your palette and can give your infographic a unique look. For example, check out this infographic by Microsoft Azure. They created a character with orange hair and a mustache. But the look of their character (on the left) differs dramatically from a character I created with the same features.

Both Microsoft and I intended these images to add fun to the infographic design. Some companies prefer a more serious tone. You can establish that tone in several ways.

  1. You can use photography, as in this infographic. Just make sure that your images are cohesive and flow well together. Photography can eliminate the cartoony feel of illustrations, but you will probably spend a little money for high-quality images that work for your design. It is also harder to match photography to your color scheme, which is easy with illustrations.
     
  2. Charts and graphs convey a great deal of information and promote a serious tone, as in this infographic. Charts and graphs can work with illustrations and photographs. The mix can make large amounts of data easier for your readers to grasp. Don’t overwhelm them.
     
  3. Icons add visual elements that promote a clean, simple look, as in this example. Icons provide a quick solution for smaller infographics, but don’t work for longer content. An excess of icons can confuse readers and clutter your graphic.

5. Consider your layout

Infographics come in all shapes and sizes. However, 81% are vertical. This orientation works better on a phone or tablet. I also find it more intuitive to read than short, wide or square infographics. Wider infographics offer the eye too many possible paths and thus demand too many decisions from the reader. Don’t make them work so hard.

However, wider infographics work well in the case of a large image with a list of facts. If your infographic isn’t data heavy, a wider infographic can fit the information a little easier, per this example.

Regardless of layout, leave room at the bottom to cite your sources. Citations lend credibility.  

6. Love Those White Open Spaces

Respect the power of white space. (Take one look at this infographic to see what I mean.) Space helps content feel more digestible and eases navigation around the infographic. You want users to skim your infographic easily. Clutter prevents that.

7. Design your own infographic using online tools

Online tools can help you avoid learning such programs as Photoshop, Illustrator, or InDesign. I surveyed online tools and recommend three of them.

  1. Canva

Canva is a great resource for making quick infographics. The drag-and-drop interface is intuitive and you can add your own custom colors. Canva offers a handful of free graphics and many more options for $1 each. You can change the colors of some of the illustrations they provide to make them better match your brand. You can also upload your own images free of charge. The infographic below took me 15 minutes to put together and did not cost me a dime. (I just pulled the text from one of our blogs, which is a great way to reuse content.)

  1. Piktochart

Piktochart offers fewer template options than Canva but somewhat more flexibility in designing your own template. Tips and tricks pop up as you work within the tool, which makes it very easy to use.  Chat live with an expert if you get stuck. You have the option to upload your own graphics, but Piktochart provides the best graphics of the three tools and great ease in finding the graphic you want. Here’s my 15-minute Piktochart infographic (again, another freebie):

Piktochart Infographic Example

  1. Venngage

Venngage offers little in its free package, which pushes you toward the paid options. Check out their pricing here. They offer a very wide range of templates, ranked as beginner, intermediate, and advanced. You can ease your way into the harder templates as you become familiar with the tool. However, this tool is the least intuitive of the three. I had to turn to their online chat feature for help. That said, they were very quick and helpful when I got stuck. The infographic below took 20 minutes to prepare and that includes my quick online chat.

Venngage Infographic Example

8. Optimize your Infographics for SEO

People love infographics, but search engines don’t. Search engines cannot read or interpret any content on images, and infographics are images.

So how are you supposed to optimize your infographic for SEO? I thought you might ask that.

Help both people and search engines find your infographic by writing content to introduce it and summarize its purpose. Include keywords in this copy, but don’t try to rank for too many. Focus on one or two. (Check out our SEO Writing blog for more information on how to write data-driven content.)

Inbound links boost your search ranking. You can acquire them by allowing others to share your infographic to their websites. Embedded codes come in handy with this. Don’t worry if you don’t know any code; this website makes it easy. Just fill out the form and copy the code into your website.

Finally, make sure to optimize for SEO the webpage where the infographic resides. This means filling out the meta data, alt text, having a friendly URL, and a quick load time. Our blog can help get your started.

9. Include a PDF Version of Your Infographic

You might have resized your infographic to fit your website. This could make some of the text hard to read. A downloadable PDF file gives users access to the infographic in its original size. They just might attach it to an email and send it off to all their coworkers and friends. That’s the dream!

10. Share Your Infographics on Social Media

Infographics can become social media stars. People love sharing them. Pinterest is one of the best platforms for sharing infographics. Pinterest enforces no height restriction, so it will display your entire infographic with ease.

Infographics on Pinterest

Other social media platforms aren’t as accommodating; review their image size restrictions here.

Wait -- you spent all this time creating the perfect infographic, and now you can’t even share it on Facebook?

Fortunately, you can. Simply reuse an important part or key statistic from your infographic. Place it into a separate image that meets any size restrictions. When you post this new image, be sure to link back to the infographic on your own website. Along with shares on social media, you’ll get traffic to your site. Win – win.

Sharing Infographic on Facebook example

Bonus Tip: You can even use different sections of your infographic to create more than one image to use on social media. This gives you the ability to create multiple social media posts with just one infographic.

 

Want to go custom? Contact Northwoods and we will create a custom infographic to match your brand and that stands out from a templated look.

 

 

Jenna DehnJenna Dehn/Digital Marketing Strategist

Jenna Dehn is the WordPress Lead at Northwoods and manages projects all the way from sales to build. She creates responsive web designs that match the design aesthetic of the client. During each website build, Jenna makes sure to use current best practice techniques to create not only beautiful, but smart websites. Meeting with clients to understand their challenges and goals is an important part of Jenna’s role at Northwoods. She makes sure to design websites that addresses these challenges and provides clients with one-on-one training to empower users to easily maintain and manage their own websites.

Connect with Jenna on LinkedIn | Read Jenna Dehn's Blogs

Related Blog Posts

Google Analytics 101

Understanding the terminology of Google Analytics is important, but you also need to know what good data looks like. Our infographic will help you understand your website’s analytics, which will help drive your digital marketing strategy.

Conducting a Technical SEO Audit

A technical SEO audit of your website can shed light on how search engines view your site and interact with your content while boosting your overall SEO strategy.

View All Blog Posts

X

EXPERT INSIGHTS IN YOUR INBOX!

Subscribe to our blog for expert tips, insights and analysis on digital trends, best practices, and more.

Share Your Thoughts

The following required items were not provided or are in the wrong format. Please provide the required responses and submit again:

Name:
  Please enter your name
  Please enter a valid email
Comment: 250 characters left
  Please enter a comment
Cookie Settings