Infographic Design

Looking for help creating your own infographics?  Randy’s infographic and data visualziation design company:

InfoNewt Infographic Design

About

Randy Krum infographic designerRandy Krum

President of InfoNewt.
Data Visualization, Infographic Design, Visual Thinking, Product Development and Marketing professional fascinated by good infographics.  Always looking for better ways to get the point across.

DFW DataViz Meetup

Join the 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

Google Insights

Entries in web (187)

Wednesday
Jun272012

12 Things To Do After You've Written A New Blog Post

 

12 Things To Do After You've Written A New Blog Post infographic

The 12 Things To Do After You’ve Written A New Blog Post infographic from DivvyHQ is a self help guide that everyone who likes to post blogs could use. Also, it’s in a comically large printable design that I recommend! Instructions are below.

In early 2011, I was asked to guest blog for the Content Marketing Institute, which actually came from a consistent blog commenting strategy that I have executed for years. With their heavy focus on “how-to” content, I whipped up a post on the “12 Things You Need to Do After Writing a New Blog Post”. The checklist-style post was well received with thousands of retweets, likes and shares.

Now fast forward to March 2012. The infographic craze is in full swing, so I was perusing my content archives looking for something that I could turn into a good visual. I quickly recalled many CMI comments talking about how they had printed out the text-based checklist and had it pinned to their cube wall. BINGO! The rest is history…in the making.

Printing Instructions

  1. Click the infographic above to open the PDF version.
  2. Save it to your computer/hard drive.
  3. Open the PDF in Adobe Acrobat or any PDF Reader application.
  4. Hit Print.
  5. In the PDF print setting dialog box, look for “Tile Scale” or “Print Scale” and set the percentage to 54%. Your print preview should now be showing that the infographic will print on three 8.5 x 11 sheets. If not, adjust the scale percentage until it fits.
  6. Hit Print.
  7. Tape the pages together.
  8. Check your to-dos.
  9. Hang it on your wall.
  10. If you need help managing your blog or social media activities, you may want to try our 30-day free trial.

There’s no data shown in this design, it’s more of a process flow infographic.  Although it would have been nice in the infographic version of Brody’s process to show some of the stats behind why each of these activities is valuable to online marketing.

As a process infographic design, the content is very cool and the design matches.  It’s easy-to-read, icon illustrations support the content, minimal text descriptions and I love the added instructions to print it out across three pages to become a reference guide in the real world.

Tuesday
Jun262012

Ruby on Rails Popularity Index 2012

Ruby on Rails Popularity Index 2012

Ruby on Rails isn’t about the gem, but to some people it is just as valuable. It allows people to enter the basic programming world as painless as possible. The Ruby on Rails Popularity Index 2012 infographic created by exist.com (found on infographicjournal.com) illustrating its popularity!

Ruby on Rails has taken the web development world by storm since its first full release in 2005. Yet with new web platforms arriving each day, usage share of frameworks has become quite fragmented. So in this post, I compiled the latest trends and figures of Ruby on Rails from different sources, as well as some stats of the Ruby language.

Here’s an infographic we’ve created that visualizes how far Ruby on Rails has gotten since its release in 2005.

This design from Exist.com comes from Philippines, so there are a couple English grammars errors like “oftenly”, which isn’t a real word.  The design does a good job gathering a number of stats from different sources together to show the general trend of growing usage of Ruby on Rails over the last 5 years or so.

Wednesday
Jun132012

Digital Anatomy of the Affluent Male

Digital Anatomy of the Affluent Male infographic

Busy busy busy! The affluent male is always searching online! The Digital Anatomy of the Affluent Male from iprospect.com describes who the affluent male is and what he searches for.

There are 19 million affluent males on the Interent and they are shopping online and spending more than ever before.  Forty percent of them are shopping online 2x a week or more and spending over $30k annually.

I really like the design style and the colors on this one.  The correctly-highlighted map in his pocket and the cowboy boot are a nice touch.

The data visualizations do a good job, but there are a bunch of statistics that aren’t visualized and are left just in text.  Visually, this makes these other statistics less important because they didn’t warrant being visualized.  The favorite brands could use the actual logos, and the “What he’s searching for” could use some icons.

From an SEO perspective, the URL at the bottom really should be the landing page address, and once you get to the landing page, there aren’t any social sharing buttons so you are left to your own to figure out how to share it.

Also available as a PDF download.

Thanks to Douglas for sending in the link!

Monday
May072012

How Has Internet Changed Education?

How Has Internet Changed Education? infographic

How has internet changed education infographic from SEO.com explores what kind of impact the Internet has on education. Ever had a question and found yourself on wikipedia? Apparently your not the only one!

If you want evidence of the way the internet is pervading every aspect of our lives, you need look no further than its effect on education. The internet and social media have dramatically changed both teaching and learning.

In fact, most students’ (an incredible 93 percent) first instinct when confronted with a research problem is to turn to Google or Bing to get information rather than going to the library, and despite the best efforts of faculty to discourage its use, Wikipedia is the research resource that is used most often. It’s not only students that are turning to the web, however. A whopping 90 percent of faculty uses social media in the courses they’re teaching, and 8 in 10 have used online video in class. In addition, colleges and universities are reaching out to students in a way they never could before—85 percent of admissions offices use some sort of social media, from video blogging to social networking.

Great clean design.  Easy to read and the visualizations are easy to understand.  The only visual I had an issue with was the grid of icon people.  It’s hard for readers to grasp quantity when the rows aren’t 10 people across, but 33 people across is a very odd number.  33x17=561, 561x10,000=5,610,000, which is less than the “Over 6 million” number on the text.

I’m not sure why the 8 out of 10 faculty data point is shown as 6 out of 8 people in the visualization???

The sources are all listed on the original landing page, but because they are in the infographic design, they are lost whenever someone shares the infographic on another site (like this one), and that hurts the credibility of the design.  That’s one more reason the original landing page URL should be included in the design as well.

Found on WiredAcademic

Monday
Apr232012

The Rise of the Slacktivist 

Ever had this feeling that you were a Slacktivist? Well wonder no more! The Rise of the Slacktivist infographic from sortable.com will put a rest to all your questions!

Is there any value in a Slacktivist? Can 500,000 people on twitter actually change something? Is hitting the streets and protesting the only real way to cause social change? Sortable takes a look at the rise of slacktivism, and the power this movement has.

This design does a good job of telling a story to the reader that is easy to understand in a linear fashion top-to-bottom.  It starts with the background of “What is a Slacktivist,” then shares a number of behavioral stats about Slacktivists, a few successful Slacktavist campaigns and finally the “10 Signs you might be a Slacktivist” is a self-check for the readers.

The illustrations are mostly relevant, and the overall design isn’t too crowded with information.  I don’t understand some of uses of the social media icons, like why is Twitter representative of volunteering and Facebook representative of taking part in events?  They missed the opportunity to visualize some of their data point too, like the Red Cross stats related to the Haiti earthquake.  Even at least an illustration of five days on a calendar would help.

Even though there are a lot of Sources, they were thorough and correctly included them in the infographic design.  They are also listed on the landing page, but none of that text gets carried along when someone reposts the infographic.

The bottom of the design is missing a copyright statement, and it would be nice to give the designer credit.  Readers are generally more receptive to a design when the designer is mentioned because it comes from somebody and not just a corporation.

Thanks to Brenden for sending in the link!

Tuesday
Feb212012

The United States of Craigslist

Welcome to The United States of Craiglist! This infographic map, found on the IDV User Experience blog, shows approximately how craigslist divides its geographic zones across the U.S.! Very important for a website who bases its usefulness on location!

WHY?  Locality is inherent to the value of craigslist; I go to craigslist.org but I get kicked over to the local instance of craigslist (my IP address sources me to somewhere in the illustrious Lansing, MI).  But how does craigslist know where to send me?   Some mysterious system of assigning a geocoded IP address to just the right site must be in place…I wonder what that map looks like.


When Ian Clemens proposed the idea, I looked around to find an existing map of craigslist sites-to-areas -maybe even find the lookup that they themselves use. I couldn’t find anything like it.
Whether it matches their system well or not, here is a map that approximates geographic coverage to individual sites using a Voronoi process as a base (more info on process below).  It is at least a start at visualizing the geographic coverage and distribution of the community-driven instances of craigslist.  Shapes like this might provide some useful context for other data, demographic or market information, for instance.  Also, when pulled into VFX, it can serve as an input to some spatial querying on those other metrics.

It’s worth noting that this is not from Craigslist at all, but an outside analysis of the cities from the craigslist site and approximates the geographic areas covered by each.  A complete post about how this map was generated is available here, and they have even made all of the data files available in a number of different formats.  Bonus!

Craigslist doesn’t care about state lines, counties, time zones or voting districts.  They care about defining an area that covers certain population levels that effectively use their service.

Thanks to Jim for sending in the link!

Wednesday
Feb152012

Website Hosting Decisions

The Hosting Decisions, From the Chalkboard infographic from Rackspace UK Hosting helps customers to choose how to host their site with this visually decision map.

OK so you already know that we’ve been helping customers define their hosting needs for some years now.

But as customers adopt more service based computing resources like cloud hosting, it’s only logical that they will also now ask more of their hosting provider to ensure they are getting the correct solution.

So we thought hey, let’s produce an infographic to take customers through a simple decision making process on a route to the solution that’s right for them.

This one is a clear, focused topic.  Easy to read, and not a lot of illustrations or images to get in the way.  This decision for companies is actually a little more complicated, but the infographic does pose the right questions.

Thanks to Sav for sending in the link!

Friday
Dec092011

The Anatomy of a Perfect Website

The Anatomy of a Perfect Website from R.O.I Media does a really good job of looking at the primary components of a good website design.  There are many decisions that need to be made by website owners and designers in each of the different sections, and of course data should be driving those decisions.

Websites need a formula – a vivid blueprint that painstakingly weaves technicality, design and detail into something iconic and memorable. Without it, most wouldn’t function for more than a moment and they certainly wouldn’t impress. You may have navigation and usability down, but in today’s fast paced climate you’ll crash and burn without social media. What about SEO, where would it be without content? These are all the things we have to consider, if we are to succeed – from vital tracking and analytics to the often disregarded footer, every detail oils the machine. With that in mind, we bring you the Anatomy of a Perfect Website…

A couple things bother me about the visualizations used in the design.  Designers need to get the “area” of objects correct for the data visualizations to be accurate.  In the Social Media section, the size of the clocks with the site logos should represent the scale of the time spent on each of the sites, but the sizes aren’t actually connected to the values at all.  They’re only a series of increasing shapes without any meaning.  The Facebook clock should be at least five times the diameter shown.

Also, the Browser Statistics section is another victim of the “area” challenge.  I LOVE the visual design style of the color saturation only extending up on the logos as far as the statistics show!  However, you can’t just use the height of the percentage because all of the logos are round shapes.  You need to use the Area of a Circle Segment to calculate the appropriate height to use.  This visual design is probably close, but it’s not accurate.

Thanks to Francois for sending in the link!

Tuesday
Nov012011

The Life Cycle of a Web Page on StumbleUpon

 

StumbleUpon.com has shared a number of the differetn stats behind it’s social sharing service in the infographic The Life Cycle of a Web Page on StumbleUpon.  Designed by Column Five Media, the infographic focuses on the half-life of a link and the length of time users view pages and interact with StumbleUpon.  This information shows that the half-life of a StumbleUpon link is much longer than other social media sites that were shared by bit.ly in September.

You may have heard the stat that StumbleUpon drives more traffic referrals than any other social media site. We wanted to shed some light on this by describing the lifecycle of a web page in StumbleUpon, especially how long you could expect the average web page to keep getting visitors.

StumbleUpon doesn’t get as many mentions in the media as Facebook and Twitter, but the data indicates that they have more referrals than those two combined.  I see that here on the Cool Infographics blog occassionally.  When one of my posts is picked up in StumbleUpon is usually gets thousands of stumbles.

Found on Visual News and Fast Company Design.

Tuesday
Oct042011

Social Media Usage in the UK

Social Media Usage in the UK is a new infographic from Umpf.co.uk

We then analysed the results to bring what we believe is the most up-to-date snapshot of social media usage in the UK.  If you like statistics, you can view them all here.

Our infographic, created by Vapour, helps visualise statistics; it outlines the gender and age differences in social media usage.

It needs a title.

I love that they included a link to the data file in GoogleDocs in the original posting.

I like the idea of the Man/Woman stacked percentages.  Although, I’m guessing they didn’t calculate the icon shape areas to get the section sizes right, which makes the visualization false.  They probably just calculated the height of each section, which visually misinterprets the data.  YouTube is shown to be much bigger than it really is because the shape is widest there.

They don’t need the Key/Legend at the bottom (“Legends are Evil”).  The social media icons were clearly used in the first bar chart, and could have been included in them all for clarity.  Build the data right into the charts, and you don’t need a legend.

At the bottom should be a copyright (or creative commons license), the URL to the original infographic, the Umpf company logo,  the sources listed and the designer credit.  Once this infographic is posted elsewhere on the Internet (like here on the Cool Infographics blog) all of the information that was included in the original posting is lost.  (unless a good blog author, like me, includes the links)

Thanks to Jon for sending in the link!