About
Randy Krum
President of InfoNewt.
Data Visualization and Infographic Design

Infographic Design

Infographics Design | Presentations
Consulting | Data Visualizations

DFW DataViz Meetup

Join the DFW Data Visualization and Infographics Meetup Group if you're in the Dallas/Fort Worth area!

Search the Cool Infographics site

Custom Search

Subscriptions:

 

Feedburner

The Cool Infographics® Gallery:

How to add the
Cool Infographics button to your:

Cool Infographics iOS icon

- iPhone
- iPad
- iPod Touch

 

Read on Flipboard for iPad and iPhone

Featured in the Tech & Science category

Flipboard icon

Twitter Feed
From the Bookstore

Caffeine Poster

The Caffeine Poster infographic

« UK Tax Burden Infographic Video | Main | A World of Languages »
Monday
Jun082015

The Process of Designing an Infographic

The Process of Designing an Infographic

The Process of Designing an Infographic is an interactive design that outlines my own infographic design process. My data visualization and infographics design company, InfoNewt, uses this process when designing infographics for clients, and I teach this process in my workshops and classes. The team at Visme.co created an interactive infographic version of it using the Visme design platform. Visme.co is a fantastic online design platform for infographics, presentations, reports and more.

Most of my designs follow this 5-step process:

  1. Data Research - Start with the data. What's the insight or story?
  2. Wireframe - Wireframe your story before you start any design work 
  3. Design Concepts - Experiment with design ideas by creating rough concepts that visualize your data in a handful of different ways
  4. Iterate - Choose one design direction or combine a few different ideas from your concepts.
  5. Finalize - The final step is to finalize your design with the appropriate Copyright or Creative Commons license, and export the final design to a few different file formats as necessary. 

One of the advantages of using Visme as the platform to design your infographic is that you can create interactive elements in your design. In this case, you can see the original interactive version on the Visme site, that includes additional information when you mouse over each process step. This is built in Javascript, and anyone can share the interactive version by using the embed code on their own website.

You can embed the interactive infographic on your own site by using this HTML code:

 

PrintView Printer Friendly Version

EmailEmail Article to Friend

Reader Comments (6)

Thank you, Randy, for sharing this insight into your design process.

I got your book a few weeks ago & am thoroughly enjoying it. Even better, my husband stumbled across it & now he is looking through it, too. If you knew my hubby you'd realize what a compliment this is!
June 8, 2015 | Unregistered CommenterBarbara Paciotti
Great "5 steps" explanation, very usefull!
June 9, 2015 | Unregistered CommenterNEWS
An extremely wonderful blog entry. We are truly thankful for your blog entry. You will discover a ton of methodologies subsequent to going to your post. I was precisely scanning for. Much obliged for such post and please keep it up. Awesome work.
August 23, 2016 | Unregistered CommenterProfessional Logo Design
A greatly magnificent site passage. We are genuinely grateful for your website section. You will find a huge amount of techniques resulting to setting off to your post. I was accurately checking for. Thankful for such post and please keep it up.
http://www.webdesigntree.net/company-logo-design/
August 31, 2016 | Unregistered CommenterCharles
Great article with excellent idea!Thank you for such a valuable article. I really appreciate for this great information.
January 31, 2017 | Unregistered Commenterbryanparker
Great infographics design and develop, it's too much information and gives us great technical hints about work of designing pattern. we have also design logos and infographics designs. keep it up

PostPost a New Comment

Enter your information below to add a new comment.
Author Email (optional):
Author URL (optional):
Post:
 
All HTML will be escaped. Hyperlinks will be created for URLs automatically.