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.

Infographic Design

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

InfoNewt Infographic Design

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 how-to (42)

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.

Wednesday
Jun272012

How to Properly Use Sunscreen


STACK How To Use Sunscreen Properly infographic

How-to topics are popular infographic designs, and How To Properly Use Sunscreen is a great topic to cover.  From STACK.com.  It’s over 100°F (over 37°C) here in Texas this week, so this is a very appropriate topic to share.

Most people know they should use sunscreen to protect themselves from the sun’s harmful rays. Unfortunately, few are fully aware of how to properly use sunscreen. This is particularly true of athletes who train and compete in the sun throughout the summer.

If you’re spending long hours in the heat this summer, sunscreen could become your most important piece of training equipment. Check out the graphic below to learn how to select the right SPF, understand application and find out how different conditions impact the need to use and reapply sunscreen. Don’t find yourself sunburned on the sideline this summer because you failed to educate yourself on how to properly use sunscreen.

As strong as the topic is, I see a number of design improvements that could be made:

  • The stats need to be visualized!  The definition of SPF would have been a great data visualization comparing one hour in the sun without sunscreen to 15 hours in the sun with SPF 15.
  • I love the varying degrees of transparency in the shadows behind the shield illustrations for the different levels of SPF
  • Overall, there’s too much text.  More than a normal reader will take the time to read.
Tuesday
Jun192012

11 Steps To Voice-Over Success

11 Steps To Voice-Over Success

Interested in trying to make money as an audio voice-over actor?  Thanks to 11 Steps to Voice-Over Success infographic from Voices.com, now you know how to get started!

Voice over actors give life to animation works, enlighten us through film narration and bring energy to radio commercials. The industry is estimated to be worth $12.3 billion worldwide, and is growing because of new digital mediums such as mobile radio, apps with audio podcasting. If you’re interested in voice acting, learn the 11 steps to voice-over success in this amazing infographic.

This design combines a process flow, some data visualizations, some illustrations and text descriptions in an easy to follow layout.  The large colored blocks for each step resemble following a board game path to make it simple for the reader to follow the process.

I think the design could have reduced the amount text much further.  I think there’s too much detail included to be quick to digest for the readers.  At the bottom there should have been the URL link to the original, full-size infographic (in addition to the Voices.com front page) and a copyright statement.

This design visualizes an 11-step process, and a good comparison would be the 10-step process design for How Affiliate Marketing Works I designed last year.  My approach was to give the reader the basics of the process, and then let them go to the website to get more details.  This design attempts to give the reader more complete information about each step of the process.  What do you think?

Thanks to Ashley for sending in the link!

Friday
Feb242012

See Mix Drink: Infographic Cocktails

The See Mix Drink Cocktail Guide is a fabulous infographic drink recipe book from Brian D. Murphy (@murph_e).  Currently available for about $10 on Amazon.com, it’s on my wish list.  Featured on GQ.com back in October when it was released, I have been totally remiss by not posting about it until now.  (My apologies Brian!)

Have you tried mixing a Mojito? What about a Rusty Nail? Or a Cosmopolitan? With See Mix Drink, the first-ever cocktail book to offer instruction through info-graphics, making the drinks you love at home is as easy as, well, See, Mix, Drink.

This unique, illustrated guide graphically demonstrates how to make 100 of today’s most popular cocktails. For each drink, color-coded ingredients are displayed in a line drawing of the appropriate glassware, alongside a pie chart that spells out the drink’s composition by volume for intuitive mixing. No other cocktail book is this easy or fun. Instantly understandable 1-2-3 steps show exactly how each drink is prepared, and anecdotes, pronunciation guides, and photographs of the finished drinks will turn newbie bartenders into instant mixologists. 

The GQ.com feature has the designs for ten of the recipes from the book.  They are all simple to understand, and easy to follow.

One thing I would suggest to improve the visualization design style is to combine the key and the ingredient portions.  No need to make the reader look to both sides of the glass illustration to figure out how much of each ingredient.  Just putting the name with the amount on the left side and getting rid of the color key would eliminate an eye motion for the readers.

Thanks to Brian for sending in the link (back in October!) and congratulations on the publication!

Wednesday
Jan182012

The Manual Photography Cheat Sheet

The Manual Photography Cheat Sheet by Miguel “Mig” Yatco is a very cool infographic for anyone who is ready to move off of Automatic Mode on their camera!  Yes, that means you!  Quit taking average photos with average settings!

No matter if you shoot with film or digital, understanding of these four aspects of photography are key to taking good shots.  I love how each one shows the reader the range of values, the impact of moving along the range to the pcitures and what the actual display looks like in the viewfinder on both Nikon and Canon cameras.

The only thing I would have liked to see was a visualization of the changes to depth of field.  How much range is in focus for each aperture setting?

Miguel has prints available on Zazzle.com.  You can buy a printed as a poster for $50, or as small as a 4”x6” card to carry around with you.  The standard size available is 23”x34.5”, but I wish the standard poster size was 24”x36” to fit in standard poster frames.

Great job Miguel!

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!

Friday
Nov112011

Broken Appliances: Repair or Replace?

 

PartSelect.com brings us a cool, interactive infographic that helps customers evaluate what to do with their Broken Appliances: Repair or Replace?  Obviously a design from an appliance parts retailer showing customers why they should buy repair parts instead of replacing their appliances, but it’s really good information and doesn’t feel like a hard sell.  It is actually very valuable information for consumers.

We created this diagnostic infographic to troubleshoot some of the common problems that affect household appliances. Clicking on the pulsing dots shows each common issue and the parts required to correct the problem. Many people replace an entire appliance, which is neither cost-effective nor environmentally responsible. We displayed the average cost of replacing the appliance as well as the cost of the parts required to fix the problem (and a scale of the difficulty of the repair).

I really like the design that places the replacement parts radially around the applicances.  The color coding for cost and difficulty also works well, but it would have been better without the legend (“Legends are Evil”).  Without the 1-2-3 as the text in the arc, it could have easily said Easy-Difficult-Very Difficult in the arcs.

Apparently the length of the arcs doesn’t have any meaning, although it looks like it should.  They are just designed long enough to fit the text and the images.

Figure 1 - Layering of the symptoms animation

In addition, PartSelect posted a lengthy, thorough post about the interactive infographic development process they went through.  This is fantastic!  While I may not agree with all of the decisions they made along the way, this type of transparency and under-the-hood information is what helps build credibility and trust with customers.

The Interactive Infographic Process

The process now looks like:

  1. Project Manager decides to make an infographic with some data.
  2. Project Manager brings on board a Programmer and Designer.
  3. Project Manager must decide on the balance of technology vs audience, based on discussions with the team.
  4. Designer fleshes out some rough concepts.
  5. The team meets to discuss; each has specific input:
    1. Project Manager: vision and potential target audiences.
    2. Designer: design concepts and how to make it clean.
    3. Programmer: what is possible. Ideas based on what the technology can do which PM and designer may not be aware of.
  6. Designer creates fleshed out design.
  7. Team meets again and iterates over designs until everybody happy.
  8. Programmer puts together technical spec on how it will be built, which will influence deliverables from designer.
  9. Designer sends across deliverables decided by programmer.
  10. Programmer builds the first functional version.
  11. Team meets and probably iterates and refines design in same process.

Thanks to Stephen for sending in the link!

Monday
Sep192011

US/China Trade Infographic [Making-of Video]

 

Back in 2009 Jess Bachman designed the Visualizing the US/China Trade infographic for Mint.com.  This design uses a sankey diagram visual that has line widths representing the relative size of all the country values.

Like it or not, the US and China have a trading relationship that has global repercussions. The plastic US flags that say Made in China don’t tell the whole story. No, not everything is made in China. In fact the US manufactures and exports almost as much as China but it consumes a great deal more. Hence, the trade imbalance. What’s interesting is exactly what the US imports, stuff like machinery and toys and as much steel and iron as it does shoes. And what we export — high-tech stuff like airplanes and medical equipment and, for some reason, 7 billion dollars worth of oleaginous fruit which is used to make cooking oil, presumably for Chinese food.

A cool infographic all by itself, but even better is that Jess captured screen shots every 10 seconds automatically using Snagit (a process he calls flowcapping), and recently put them together into a behind-the-scenes video and blog post showing his design process.  10-hours of design work, compressed down into a couple minutes.  View the high-resolution version if you can so you can actually read what’s on the screen.  This is the short version.

And the longer, 7-minute version let’s you see even more details behind his process.

Jess (ByJess.net) is best known for his annual Death & Taxes infographic poster of the U.S. Federal Budget, and recently joined the team at Visual.ly as Creative Director.  Great job Jess, and thanks for sharing your process with the world!

Friday
Sep092011

The Science of Salary

 

Salary Science builds on the information from Jim Hopkinson’s book, Salary Tutor, and the SalaryTutor.com site.  Designed by Shaun Sanders, the infographic is not actually from the book.  Instead, it shares information that goes above and beyond the book, as a great way to build awareness and help promote the book.

 

 

Jim has also published an in-depth, behind-the-scenes look at the making of the infographic on his blog: How to create a viral infographic to market your brand.  You learn about his planning process, the infographic design cycle that Shaun goes through and see early images of the infographic taking shape.

 

I really appreciate some of the design choices they made along the way, and think the infographic is a super way to attract interest and promote Jim’s brand.  If you’re interested, here’s a link to the book on Amazon as well.  A must-read in my library.

 

Tuesday
Aug232011

The Art and Science of S'mores

 

I love this cool infographic from REI, The Art and Science of S’mores

 A group of REI sweet tooths has put together what is perhaps the definitive infographic on s’mores. Check it out, and share it with your camping buddies. We’re betting The Art and Science of S’mores will make your next campground outing just that much more interesting.

This is a fantastic example of designing an infographic to be informative about a fun, interesting subject related to your brand.  Very shareable in social media channels, and it doesn’t feel like an REI ad.  You don’t have to be an outdoor enthusiast to enjoy the topic either, so the audience is a very wide array of people.  Even my 11 year old son loved it!

Found on Visual News.