SxSW

Attend_Mentor

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

Infographics Design | Presentations
Consulting | Data Visualizations

DFW DataViz Meetup

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

Search the Cool Infographics site

Custom Search

Strata Conference Discount Code
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 Huffington Post (4)

Monday
Jun152015

Infographics Are Evolving into Many Formats

The internet is full of noise, and your job is to break through that wall of information with something that resonates with your target audience. When you are communicating any message, you want to ensure that your audience will understand and remember the valuable takeaways about your products or services. You want your communication to be clear and concise. This is where infographics come in.

Infographics are your opportunity to convey complex ideas and information in a simple and easily digestible manner. Simply put, our brains love visual information. Infographics can make your marketing and advertising stand out in the crowded world of visual content.

As the Internet, our computing devices and out screen sizes continue to evolve and change, infographics need to evolve as well. Moving past the original static images, infographic storytelling with data visualizations and illustrations can now be found in a number of different formats.

Below, are great examples of different ways to leverage the five different types of infographics to make your product or services more memorable.

 

1. Static Infographics - Kitchen Conversion Guide

Static infographics are the most simple and most common infographic format out there. They are usually saved as an image file to be easily distributed and consumed (JPG or PNG format). Static infographics are easily shared using email and social media since there are no moving parts to consider.

The Common Cook’s How-Many Guide to Kitchen Conversations

Source: https://shannon-lattin.squarespace.com/how-many-guide/

This type of infographic is also easily split up into segments in order to focus on one piece at a time. This is ideal for giving presentations or sharing on social media.

 

2. Interactive Infographics - Daily Dose of Water

Interactive infographics are great to utilize when you want people to move beyond simply looking at the information. Ideally your audience should get intimate with the facts you’re presenting by following a specific storyline told through your data. By giving your audience something to interact with, they are engaging more of their attention with the data, and will become more immersed in the information.

For example, this infographic from Good.is and Levi’s walks users through their typical routine and calculates how much water is used for each task. This allows a personalized experience for each person that views the infographic, creating a stronger connection to the information being shared.

Your Daily Dose of Water

Source: http://awesome.good.is/transparency/web/1204/your-daily-dose-of-water/flash.html

 

3. Video Infographics - The Fallen of WWII

Video infographics have been gaining popularity over the years in part for a lot of the same reasons static infographics work: the ease of sharing and the ability to embed it almost anywhere.

In this video infographic that has recently gone viral, the creator uses data visualization to make a powerful statement about the sacrifice soldiers made during World War II. Data visualization is used in such a way to show the stark juxtaposition between the Second World War and more modern conflicts.  Check out this quick motion graphic titled, The Fallen of World War II from Austin-based developer Neil Halloran. His use of sound and motion brings the information to life.

The Fallen of World War II from Neil Halloran on Vimeo.

 

4. Zooming Infographics - The History of Film

Some infographic topics tackle a large amount of information, and a larger design is required to display all of its information. This infographic from Historyshots is a great example of a zooming infographic:

The History of Film

Source: http://www.historyshots.com/products/history-of-film

The History of Film plots out the most important films of the last 100 years into a beautiful, flowing timeline that visually separates the films into 20 different genres. As can be seen above, if this infographic was just left as a static image, it would be difficult to read everything because it is so detailed and complex. In the web browser, a large design is reduced in size so that the entire design can be viewed all at once on the screen, and the zooming controls are made available to the reader to view the small details clearly.

 

5. Animated Infographics - Flight Videos Deconstructed

Some topics for infographics are best created to feature motion, none more so than one that shows the the flight patterns of an Egyptian Fruit Bat, Dragonfly, Canada Goose, Hawk Moth, and Hummingbird. Flight Videos Deconstructed is an animated infographic about flight patterns within the animal kingdom. Covering five winged animals the and the motion their wings use while taking flight, this animated graphic uses vibrant colors and geometric shapes to convey the beauty and simplicity of flight.

Animated infographics create some motion or change in the design as the reader watches. It might be the bars in a bar chart growing, a color change, or (in the case of these winged animals) an animated character. These are differentiated from the video infographics because these are not video files. These are animated with HTML code or an animated GIF image file format to create the animation but can exist as a stand-alone object on a web page.

 

Flight Videos Deconstructed

Source: http://tabletopwhale.com/2014/09/29/flight-videos-deconstructed.html

 

With so many new and different formats of infographics available to today’s marketers, providing your audience with a story that conveys your message has never been more exciting. Sharing the key takeaways from your product or services can be done in an expertly designed way that appeals to your audience and leaves them wanting more. 

Friday
Aug292014

False Visualizations: Sizing Circles in Infographics

Accuracy is the most important aspect of an infographic design!

Last week, the article The Truth about the Ice Bucket Challenge by Julia Belluz on Vox Media included the infographic, Where We Donate vs. Diseases That Kill Us, that used proportionally sized circles as its data visualization. The problem with this design is that the circle sizes don’t match the values shown. This is a false visualization and significantly over exaggerates the smaller amounts of money contributed to each charity and the deaths attributed to each cause.

This causes problems because readers often just look at the visuals without reading the actual numbers. They start with the assumption that a visualization accurately represents the data. The Vox Media story and infographic already have over 12,000 shares on Facebook, and this is a great case study for designers to understand how important it is to visualize data accurately.

As readers, we see the area of two-dimensional shapes on the page to represent the different values, but design software only allows width and height adjustments to size shapes. Designers make the mistake of adjusting the diameter of circles to match the data instead of the area, which incorrectly sizes the circles dramatically. It takes some geometry calculations in a spreadsheet to find the areas and then calculate the appropriate diameters for each circle. To demonstrate, I created this corrected version of the infographic.

False Visualizations: Sizing Circles in Infographics Revised

My Google Docs spreadsheet of the correct circle area and diameter calculations is available here.

Assuming this was a design mistake, and there was no intent to deceive the audience, this is a common mistake that many designers make.  So many designers, that I included an entire section on this topic in the Cool Infographics book to help designers understand how to size the area of circles.

I made one other improvement to the corrected design above by removing the color legend and listing the charities and causes of death right next to the appropriate circles. This makes the whole visualization easier for the audience to read by eliminating the need to look back-and-forth from the circles to the color legend to figure out what each circle represents.  Placing the text next to each circle keeps the information in the reader’s field of view which minimizes eye movement.

Sticking with the circles data visualization style, I wanted to take the design a little bit further. I would recommend one of two alternate improvements.  First, adding colored connecting lines is one way to make it easier for the audience to find the related circles in the columns sorted in descending order.

False Visualizations: Sizing Circles in Infographics Revised Lines

A second alternative would be to sort the lists to line up the related circles.  This makes it much easier for the audience to see the direct comparisons between charitable contributions and death rates related to the same cause.

False Visualizations: Sizing Circles in Infographics Revised Descending Sort

I’m passing over any discussion about whether using proportionally sized circles (a bubble chart) is the best visualization method for this data. If a designer makes the choice to use sized shapes, my point is that the data visualizations in the infographic must match the numbers using area.  David Mendoza published a good analysis worth reading and designed an alternative way to visualize the data in his article, This Bubble Chart Is Killing Me.

How else would you improve this design?

NOTE: I was able to contact the designer who created the infographic at Vox Media, and he had already realized his error after the infographic had been published. As I had guessed, he had mistakenly adjusted the diameter of the circles instead of the area. He told me that he’s working on updating the official infographic design in the article, but it hasn’t been published on the Vox Media site yet.


 

Tuesday
May132014

Marketing FAIL: Infographics Hidden Behind Registration Walls

There’s a growing marketing practice that I think is a huge marketing mistake. I’ve seen a number of infographics being published by companies that require the reader to enter their name, email address and other contact information before they can even view the design. This “registration wall” is a way for marketers to gather the contact information from the readers so they can send out additional marketing emails later. In my opinion, publishing an infographic behind a registration wall just doesn’t make any sense.

Here’s an example of what you might see on one of these registration wall pages:

Infographics Registration Wall Fail Example

I completely understand putting valuable content behind a registration wall as a method to capture the contact information from potential leads. I get it.  Assuming the hidden content is closely related to the company’s business, the audience interested in that content is likely to represent a pool of potential customers. If they’re willing to give up their valuable email address to gain access to that content, they are probably a fairly strong potential customer (or a competitor checking out your valuable content!).

However, infographics are the wrong type of content to use for this purpose. The companies I see that are hiding infographics behind registration walls are missing the benefit of infographics, which is to deliver easy to understand information to the audience in a format that’s also easy to share because it’s completely contained within the image file.

First, online infographics are meant to be shared. Infographics are popular online for two reasons, easy to understand information and easy to share. Much easier than text articles or blog posts. As soon as one reader shares the hidden infographic image file on their blog or posts it in social media, the infographic is released to the public and available to everyone without registering. Even if you ask people not to share it publicly, the accepted practice online is to freely share infographics.

Second, the research commissioned by Janrain from 2012 indicates that 86% of people may leave a website when asked to create an account. Most of the audience will just leave instead of going through with the registration process to gain access to the infographic. They never see the infographic, never read the data and never hear the message. 

Lost Infographic Audience

Third, the search engines can’t see past the registration wall. No keywords, no meta-data, no text. The search engines can’t index the content behind the registration wall, so your infographic won’t show up in search results. Only the short, publicly accessible teaser information on the registration page has any chance of being indexed to appear in results.

Here’s what I recommend. Use a compelling infographic as a top level summary of the more detailed content you put behind the registration wall. All of the people that share your infographic, are effectively advertising your more detailed information. You could even make the infographic landing page on your website also the registration page to get more information.  

This way the infographics are available publicly to view and share, and the free content draws in readers to the registration page. The truly interested readers will also give you their contact information to gain access to the more-detailed report or white paper that you have available behind the registration wall.  Now you have built your brand credibility with a widely shared infographic, and you have gathered a pool of potentially valuable leads.

For more statistics and information about registration walls, check out The Registration Challenge infographic from Janrain:

The Registration Challenge infographic

How to Solve the Online Registration Challenge infographic published by Janrain in 2012.

How often have you become frustrated filling out online registration forms? There is a better way. Janrain has compiled data on some of the most challenging aspects of online registration forms and simple solutions to improve the user experience…and conversion rates.

Monday
Mar172014

The State of Infographics at SxSW 2014

The State of Infographics at SxSW 2014

I post all types of infographics and data visualizations from designers all over the world here on Cool Infographics, and as a recap, I wanted to take stock of the state of infographics and data visualization at this year’s SxSW Interactive conference in Austin, TX.

I’ve been going to SxSW for a few years now, and infographics have been a growing presence in the Interactive portion of the conference every year.  You can find hidden sessions about data visualization, visual communication and infographics in different portions of the conference like the new SXsports, Health and Business sessions.

Check the links and search the presentation hashtags on Twitter to find more information and audience comments from each event.  I know I didn’t catch everything, so send me links to anything (Events, notes, slides, etc) I missed through the Contact page or the comments and I’ll add appropriate ones into the post!

*Sessions I was able to attend

Official Events:

 

Unofficial Sessions:

 

  • The Attention Economy with Walter, book signing by Ekaterina Walter @Ekaterina, co-author of The Power of Visual Storytelling
    • “Attention is the new commodity. Visual storytelling is the new currency,” say co-authors Ekaterina Walter and Jessica Gioglio in their new book The Power of Visual Storytelling.  The first 100 attendees for Ekaterina’s signing will get a copy of her book. Come chat with Ekaterina about the visualization revolution and her thoughts about SxSW Interactive 2014.
    • Hosted by Vocus @Vocus
    • http://www.eventbrite.com/e/wtf-sxsw-visualize-a-powerful-future-tickets-10822280733
  • FH Black Box lounge at the Four Seasons (#FHBlackBox)
  • Column Five announced the release of Visage
  • Cool Infographics Meetup
    • Special thanks to the team at the Fleishman Hillard Black Box Lounge!  They allowed me to host the Cool Infographics @Coolinfographic meetup event after my book signing on Monday for anyone that wanted to hang out.  It was also an opportunity to meet fans and sign books for people that didn’t have official SxSW badges.

 

Please help add anything I missed by posting in the comments below or sending me a note through the Contact page.  I’ll add new content into the post above.