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

Entries in Huffington Post (7)

Monday
Oct102016

5 Great TED Talks about DataViz

DataViz is a broad term that has been trending for years, so what exactly is DataViz, and why does it matter? DataViz (or data visualization) is simply the visual representation of data or information. For example, charts, maps, diagrams, infographics, icons and illustrations are all forms of data visualization. It is commonly understood that humans are visual creatures. We understand visual information faster than reading text, and we are more likely to remember visual information later when it can impact a decision or behavior. As the amount of data we generate continues to increase, we need more efficient ways to understand and communicate insights from the data, and this is where DataViz is very effective.

The world is changing, and the world of DataViz is changing. In this ever evolving world, one thing is constant, TED’s ability to understand the pulse of what’s next. This is no more apparent than when TED talk influencers focus on the world of dataviz. From DataViz guru David McCandles talk on The Beauty of Visualization to medical doctor and statistician Hans Rosling talk on The Best Stats You’ve Ever Seen, you can experience the depth and breadth in the world of DataViz.

 

David McCandless - The Beauty of Visualization

“Design is about solving problems and providing elegant solutions, and information design is about solving information problems.”

McCandless' repertoire of visualized data has ranged from politics and climate to pop music trends. But it’s not the actual graphics that present McCandless’ true brilliance. Rather, it’s his ability to discover new ways to combine data in a fresh and interesting way. In his TED Talk, he discusses his process of turning complex data into simple yet engaging graphics.

TED Talk: http://www.ted.com/talks/david_mccandless_the_beauty_of_data_visualization

 

Chris Jordan -  Turning Powerful Stats into Art

“That's what I'm trying to do with my work, is to take these numbers… and to translate them into a more universal visual language, that can be felt. Because my belief is, if we can feel these issues… then they'll matter to us more than they do now.”

Artist and photographer Chris Jordan has a passion for American consumption. He strives for unique visualizations of some of Western culture’s most unimaginable statistics, solidifying the phrase, “a picture is worth a thousand words.” In his speech, Jordan invites the audience into the inspiration and process behind some of his best work- including his powerful visualization of America’s annual incarceration rate.

TED Talk: https://www.ted.com/talks/chris_jordan_pictures_some_shocking_stats

 

Aaron Koblin - Visualizing Ourselves… With Crowd-Sourced Data

“Our lives are being driven by data, and the presentation of that data is an opportunity for us to make some amazing interfaces that tell great stories.”

From Johnny Cash’s final music video to animating the paths of every North American airline flight, Aaron Koblin’s work is all about fun. As more and more social data becomes available, Koblin discusses how he feels it’s his obligation to tell stories through visualizations. Standing by his belief that data makes us more human, Koblin shares how interface can be used as a powerful narrative device.

TED Talk: https://www.ted.com/talks/aaron_koblin 

 

Hans Rosling - The Best Stats You’ve Ever Seen

“We want to see how the world is changing. Why are we not using the data we have? Because the data is hidden down in the databases. And the public is there, and the Internet is there, but we have still not used it effectively.”

It’s guaranteed that you've never seen data presented like Hans Rosling presents it. His genius stems from his ability to transform development statistics into animations that make the information clear, intuitive, and playful. In this legendary TED Talk (the first of many TED Talks he has given), Rosling discusses the idea that making information more accessible has the potential to change the quality of the information itself.

TED Talk: https://www.ted.com/talks/hans_rosling_shows_the_best_stats_you_ve_ever_seen   

 

Jer Thorp - Make Data More Human

“I believe that this world of data is going to be transformative for society… By bringing the human element into this story, I think we can take it to tremendous places.”

Deeply inspired by science, Jer Thorp creates beautiful data visualizations to put abstract data into a human context. At TEDxVancouver, he shares some of his finest work, and delves deeper into why his art focuses on bringing big sets of data to life.

TED Talk: https://www.ted.com/talks/jer_thorp_make_data_more_human

Tuesday
May172016

Even Major News Outlets Get DataViz Wrong

 

Data visualization can be the most powerful, inspiring, and effective tool of a storyteller—as long as it’s accurate. However, a visualization can go horribly wrong if the designer uses the design tool incorrectly or gets the math wrong.

All too often, the underlying data is correct, but the visualization doesn’t accurately represent the corresponding values. Most of the time, it’s safe to chalk up the false visualization to an honest mistake by the designer, because it’s actually easier than you think.

Take a bubble chart, for example. A great visualization method, but it’s a common source of flawed dataviz. The reason is that design software only allows scaling or width and height adjustments to size shapes. So designers, upon reviewing the data, will sometimes mistakenly scale a circle's diameter instead of the circle’s area. This, in turn, produces radically incorrect sizes. The approach has logic to it (to some degree), but it’s inherently wrong. What should instead be done takes a bit of geometry and a spreadsheet.

“Just think about it: if you tell a software tool to scale something 200 percent, it will make it twice as tall and twice as wide. Therefore, you aren’t doubling the size of your original circle. You’re making it four time larger.”

- The Truthful Art, Alberto Cairo (@albertocairo)

For a real-world example of this problem, take a look at CNN’s recent “ISIS goes global: 90 attacks in 21 countries have killed nearly 1,400 people,” an insightful article, serious topic, credible source with inaccurate data visualizations. Unsurprisingly, it’s a bubble chart at fault. Assuming the data gathered by CNN is accurate, the maps included in the article don’t match the data and are way off.

CNN ISIS Goes Global Incident Map Bad DataViz

Take a close look and the size key. The circle size for five incidents is clearly shown as five times the diameter of the circle for only one incident, which creates a circle for “5 incidents” that is actually 25 TIMES LARGER, not five times larger. This drastically over emphasizes the locations on the map for the Middle East! I’ve designed the correct sizes so you can see what the bubble sizes should be.

CNN ISIS Circles DataViz Key Corrected

“It’s key for data visualization designers to understand that we visually compare the sizes of objects based on the their area (not their height). Numerical values are one-dimensional, but objects on a page or screen are two-dimensional. This is where designers need to remember to use the math learned from high-school geometry class. If you didn’t do well in geometry, it’s time to take another look.”

- Cool Infographics, Randy Krum (@rtkrum)

Bubble charts are in no way the only kind of dataviz that lends itself to mishaps. In print, broadcast, and online, you’ll see a variety of charts incorrectly showing the data — pie charts not adding up to 100%, logo sizes that don’t match the data, lines of icons with a different quantity than the data, etc.

Inaccurate dataviz certainly doesn’t always happen by accident either. Creating deceptive visual context is an unethical tactic employed by researchers, companies and publications alike, typically to promote a persuasive argument. Differences can be blown out of proportion or hidden by changing the axis scale or ignoring relevant data.

Once you start looking at data visualizations as a critical thinking reader, you’ll start notice many charts that don’t match the data. Always look to make sure the designer accurately represented the information before you take any data visualization at face value.

Friday
Aug212015

Visual Storytelling: The Big Trend for SXSW 2016

It’s only August, but voting is already underway for the March 2016 South By Southwest (SxSW) Interactive conference. Long thought of as the breeding ground for new ideas and creative technologies, we can gleam industry insights from the SXSW Interactive Festival. This year, I decided not to wait until the conference to delve into the veritable buffet of groundbreaking panels vying for festival space. This year’s PanelPicker interface received more than 4,000 proposals, which is an all-time record!

While a quick search of infographics yields only 11 results, a mere TWO actually have the word “Infographics” in the title. The industry discourse has shifted away from “how-to” models to “how to do it right.” Infographics have become a key format of the larger conversation: Visual Storytelling.

A quick search for “Visual Storytelling” yields over 200 talks in PanelPicker, along with hundreds more for “data visualization” and “visual content”.  Infographics are now used as one of many effective tools in the Marketer’s toolbox, and an accepted part of the larger conversation happening in the content marketing industry.

Visual storytelling is vital to content marketing success. The following types of visual content are at the forefront of the proposals for next year’s SXSW Interactive Festival.

1.    Animated GIFs

Source: Animagraffs by Jacob O'Neal

The social media world has been slow to adopt GIFs, with Facebook only just embracing the truncated clips this year. The average human attention span in 2015 is 8.25 seconds, so these bite-sized animations are the perfect for telling a complete story in a short amount of time. The motion in the image also captures attention on an already crowded news feed.

Check out these GIF-centric presentations, “Why GIFs are turning into the New Emojis on Mobile” and “Visual Storytelling - GIFs, Graphs, and Napoleon.


2.    Visual Presentations

Slideshare and other presentation-style platforms provide a visual and interactive way to share lots of information. With millions of visitors per month, Slideshare is an easy way to have your presentations seen by a large audience.

Perfect your visual presentations with “Sucking Less When Presenting Creative” and “The Power of Poise: Chi for Pitch and Presentation.”     

 

3.     Real-time storytelling

Real-time storytelling has increased in popularity with the rise of live feed social platforms like Periscope and Meerkat. The ease of execution and the sheer scope of the audience made these two platforms instantly successful. While Meerkat took the prize for most buzzed app at last year’s SXSW, Periscope has the weight of Twitter behind it and has become the more successful of the two.

Use these two tools to live broadcast your events, host a Q&A, or even share professional tips to a larger audience. Perfect your live-streaming with the “Live Streaming Killed Cable TV Star” and “Igniting Creativity with Periscope” PanelPicker proposals.

Twitter Periscope

Source: AdWeek

 

4.    Infographics

I couldn’t get through my list without mentioning infographics. Still one of the best ways to convey complex information in a shareable and visually appealing format, infographics should be worked into your content marketing strategy. While they are no longer the only way to tell a visual story, they remain a marketing industry staple.

Round out your visual storytelling prowess with great infographics. Learn how to rock your next infographic with my own proposal, “7 Deadly Sins of Infographics Design and How to Fix Them.

The Process of Designing an Infographic

 

Source: Visme 

Buzzword or not, visual storytelling is something we’ve all been doing since we first snapped a picture with a polaroid camera, we’re just getting better at it. Judging by PanelPicker entries alone, the 2016 SXSW Interactive Festival will be another great year for the content marketing industry.

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.