The Content Grid v2

First, The Content Grid v2 is a cool, new infographic collaboration between Eloqua and JESS3.  The infographic maps out the different ways that companies can deliver information to potential customers, how that content can effect the buying process and the different distribution channels for that information.

It’s a complex set of data, and this infographic does a fantastic job of summarizing the different tools available onto one page.  This would work as a fantastic tool to use when planning a strategy to release a new product, and choosing the different ways you could successfully reach your customers.

The Content Grid v2 picks up where its predecessor left off. Intact is the prescriptive connection between content type and distribution channel. New is the perspective of the buyer, a multi-stage purchase funnel, and a comprehensive collection of KPIs (like they say, “What isn’t measured, isn’t purchased.”). Although v2 contains significantly more information than the original, the new design is infinitely more simple. This achievement is a tribute to the unrivaled design team at JESS3 – and the clarity of client/agency communication that comes only with time and trust.

Enjoy The Content Grid v2. It’s not only the next generation of the Web’s most popular and award-winning content marketing infographic, but it’s also a how-to for marketers looking to operationalize content marketing programs.

Second, Jesse Thomas, CEO of JESS3, has posted a good “The Making of an Infographic” article on Forbes.com looking behind the scenes at the infographic design process, and sharing some of the other design options that were explored during the process.  A couple of the other designs are included above.

And finally, third, Joe Chernov has a good article about designing Planned Obsolescence into the infographic as an effective markleting practice.  Eloqua and JESS3 released the original Content Grid (above) in June of 2010 knowing it was interesting data, but not quite useful yet as a tool.

We knew the graphic was interesting visually, and we also knew it could be used by marketers. But deep down we felt that something was “off,” but we couldn’t quite put our finger on what was wrong. We could have sat in the drawing room until it was “perfect” (translation: indefinitely), but we didn’t. Instead we published the content as-is and deliberately planned to revisit it one year later.

During that time, we solicited feedback (in blog comments, on Twitter, from colleagues, even from the audience at speaking engagements) and preserved all comments in a spreadsheet. By provoking widespread feedback (positive and negative), we were deliberately rendering obsolete the infographic we had worked so hard to develop.

A fascinating look at how infographics are made and used as effective marketing tools.

Bye Bye Space Shuttle infographic

I really like An Uncertain Future, a tribute infographic for the Space Shuttle program’s last launch of Atlantis scheduled for Friday.

Designed by Alberto Cuadra for the Washington Post

Last week I published what could be my very last Space Shuttle infographic. As a space exploration enthusiast and a professional visual artist, NASA’s spacecraft will be sorely missed. Over the years, the Shuttle was the focal point in many of the most fun projects I’ve been involved, directly or indirectly.

I really like the arc timeline.  Not only is it a different design than you usually see, but it also indirectly implies the flight paths of the shuttles up into space and back down to Earth.

Found on Visual Loop

Client Infographic: Waste in the Texas Energy Market

Waste in the Texas Energy Market from ChooseEnergy.com is a new infographic by InfoNewt and designer Jeremy Yingling.  This one tells the story of how much money is NOT being saved by households that don’t take advantage of lower pricing since Texas has a deregulated electricity market.

As the economy struggles to recover and households continue to cut back on spending, one of the easiest ways to save money might just be in your electric bill. In these tough economic times, consumers realize the importance of watching how every penny is spent. Today we look at the “Waste in the Texas Energy Market” and how pennies can certainly add up quickly to improve consumer finances.

Following the Infographic Release Strategy from InfoNewt, ChooseEnergy also did a great job setting up a dedicated landing page and custom URL for the infographic.  All of their links then drive traffic to this single page.  So the company blog post, Twitter feed and Facebook posts provide additional descriptions and links to this landing page.

While highlighting the fact that the Texas energy market is the 11^th largest in the world, the infographic also shows that 48% of the electricity consumed is from residential use.  So what’s the big deal?  On average Texas residents pay about 11.5 cents per kWh for their home electric use when they could be paying 8.5 cents per kWh.   Doesn’t sound like much does it?  Well, those 3 pennies can add up fast and they add up to $3.7 billion for the Texas consumer market.

You can follow ChooseEnergy on Twitter at @texas_electric

Caffè Italiano: 50 Types of Italian Coffee

Caffè Italiano is another mouth-watering infographic from CharmingItaly.com.  I love how they took what could have been a standard drink ingredients visualization one step further and designed it as a menu board for an Italian coffee bar.

For Italians, coffee break is a sort of ritual in which the conviviality is a key point. Around a good coffee you can have a chat, take a few minutes for yourself and relax. It’s not just about inserting something into the stomach.

For Italians, drinking a good coffee is a pleasure: it is something to be sipped and not to be swallowed down; it is something to relish in the fullness of its flavour.

This is why a bad coffee gets Italians in a bad mood, while a good coffee can make their day!

When you enter an Italian Bar, around the clock, pay attention on what’s around you: we bet you won’t find 10 people ordering the same type of coffee!

The types of coffee in the Infographic are written in Italian, so you will be able to order them in the right way at the Bar!

The only problem is that there isn’t any guide or legend for the reader to understand the meaning behind the different colored portions of each drink.  They look carefully designed to be accurate to the how the drinks are mixed, but that effort is lost without an explanation.

Thanks to Paolo for sending in the link!

White House Infographic: The Resurgence of the American Automotive Industry

The team at the White House released The Resurgence of the American Automotive Industry infographic on the White House Blog last week in conjunction with President Obama’s visit to Toledo, OH and the JEEP manufacturing plant there.

Today, President Obama will travel to Toledo, Ohio where he will visit the Chrysler Group’s Toledo Supplier Park – an operation that employs more than 1,700 workers producing Jeep Wranglers, Jeep Liberties, and Dodge Nitros.  Just two years ago, Chrysler was filing for bankruptcy, and President Obama made the tough decision to support the restructuring of the company rather than allow it to fail – which would have cost tens of thousands of American jobs.

Today, Chrysler is repaying its government loans six years ahead of schedule and posted five consecutive quarters of operating profit.  Earlier this week, the National Economic Council released a new report on the resurgence of the American automotive industry.  Over the past two years, the auto industry has added 113,000 jobs - the fastest pace of job growth in the auto industry since 1998.

Check out this infographic that highlights some of the key successes in the auto industry since 2009.

I wrote a long critique of the last White House infographic about Obama’s Energy Plan (The Obama Energy Agenda: The White House attempts an #Infographic).  This one improves on some of the design issues I had with the last one.  I like that the White house is being consistent with the design style, and you can tell at a glance that this one is obviously in the family of official infographics from the White House.

Citing sources is still an issue for these infographics from the White House.  There are two sources cited and referenced, but many more statistics are included without any source.  For example, where does the “39% increase in exports of vehicles and parts to China” come from?  There are many statistics that could have been visualized to reduce the amount of text as well.  Listing a bunch of numbers in bold text doesn’t make for a good infographic design.

I love the inclusion of the Jeep photo with information mapped on top.  Much more interesting and engaging to the reader than what could have been a list of 17 suppliers, and more interesting than plotting them on a map of the U.S.

The timeline is pretty boring.  The dotted line could have been tire tracks, and way too much text that could have been data visualizations.

Thanks to Mary Kaye for sending me the link!

DataVis Contest from Postgrad and David McCandless

Postgrad.com is sponsoring a data visualization contest using data gathered by David McCandless.  There’s a brand new iPad2 for the winner, and the top 3 will receive signed copies of ‘Information is Beautiful’ by David McCandless.

It Started With A Tweet…

Data journalist and information designer, David McCandless recently gathered data revealing surprisingly low numbers of black students accepted into Oxford and Cambridge.  However, despite being genuinely passionate about the data, David didn’t have time to visualise it himself.  So he posted the following message on Twitter…

We contacted David and offered to put up a prize as a competition for the best visualisation of this data. To our delight, David accepted our offer.

Like David, we feel strongly that this data should be made visible to many. And we’re challenging you to do it.

UPDATE:  Although the initial findings related to the number of black students, there’s a lot of information within the datasets about the ethnic heritage, and socioeconomic background of students attending different institutions.  You are free to pick out whatever story you wish and present it in a visual format.

Enter Now To Win…

It’s easy to enter the competition and you could win:

• Recognition from our panel of industry experts in journalism, data visualisation and design
• Your name and work promoted across the web
• A proud and noteworthy addition to your portfolio, website or CV
• A full post profiling you and your work, and the design process you followed
• A signed copy of Information is Beautiful by David McCandless
• A brand new iPad2

Expert Judges From The BBC, .net Magazine And More…

Assisting David in the judging, we are thrilled to have judges from the BBC, .net Magazine, Tableau Software, Visualising Data, and marketing agency 97^th Floor.

The judges will consider a range of criteria including design, effective visualisation, and presentation of the story.

• Andy Kirk, Founder, Visualising Data Ltd
• Chris Bennett, President, 97^th Floor
• David McCandless, Author, Information is Beautiful
• Elissa Fink, VP Marketing, Tableau Software
• Katherine Mann, Director, Postgrad.com
• Rob Bowen, Art Editor, .net Magazine
• Russell Smith, Editorial Development, BBC News

It’s An Open Brief

The competition is based on the data collected by David, and other sources listed within the dataset.  However, you are free to mashup the data with any other source you wish, provided the sources are publicly available and cited in your entry to the competition. 

Your visualisation can be static, moving or interactive

You can include as little or as much text as you like

It can be as simple as a single chart or a full-blown infographic

You’ve A Good Chance of Winning…

People are often put off entering competitions assuming there will be hundreds of entrants. In reality, this is rarely the case. Simply entering really could put you in the running for a prize. 

There’s a brand new iPad2 for the winner. And the top 3 will receive signed copies of ‘Information is Beautiful’ by David McCandless.

Entries from amateurs and newbies are very much welcome. We’d love to see what you come up with.

Remember, it doesn’t have to be a masterpiece. A simple yet effective piece of visualisation could be just the ticket.

And all highly recommended pieces, will receive recognition by our expert panel alongside the winners when results are announced.

Remember The Important Stuff

The competition rules are posted here.

You can grab the data here (be sure to check out the other sources listed within it).

To enter the competition, simply email your visualisation as a jpeg attachment to mark.johnstone@postgradsolutions.com and include your Full Name and the best email address to reach you on. As an alternative to sending your entry as an attachment, you are welcome to post your entry on your own site, and simply send us the link. In fact, we’d love it if you did that.

If your entry is interactive or moving, you will have to publish it on a separate site (your own site is preferable but social sites like YouTube are perfectly acceptable). Just remember to send us the link.

The competition closes at 11pm GMT on Monday 20th June 2011.

Winners will be announced by Monday 4th July 2011.

The Datasets

You can find the data collected by David McCandless here.

You may also find the following resources useful:

Guardian DataBlog post on Oxbridge Elitism

UCAS Annual Datasets

And Remember, the Competition Closes at 11pm GMT on Monday 20th June 2011.

Artfully visualizing our humanity: Aaron Koblin's TEDTalk

In March 2011, Aaron Koblin, Creative Director of Google’s Data Arts team, gave a good TEDTalk presentation, Artfully Visualizing our Humanity, looking at a number of his visualization projects, and how visualizing data is becoming our interface to large datasets.

Artist Aaron Koblin takes vast amounts of data — and at times vast numbers of people — and weaves them into stunning visualizations. From elegant lines tracing airline flights to landscapes of cell phone data, from a Johnny Cash video assembled from crowd-sourced drawings to the “Wilderness Downtown” video that customizes for the user, his works brilliantly explore how modern technology can make us more human.

Found on FlowingData.com and Infosthetics.com

The video is now also available on YouTube:

Sitting All Day is Killing You [infographic]

Via: Medical Billing And Coding

You might want to stand up for this…

From MedicalBillingandCoding.org comes a new infographic about the health risks of sitting all day: Sitting Is Killing You.  A fun look at how sitting down will shorten your life.

As we enter the second decade of the 21st century, there is one thing nearly all modern Americans have in common: we sit all the time. Though our great shift towards computer-based work has done great things for productivity, it has, unfortunately, done terrible things for our health. From increased risk of heart disease and obesity in the long term, to sharply hampered cholesterol maintenance in the short term, the negative health effects of sitting are starting to weigh heavily against the benefits. Even the medical field – the greatest advocates and reducing sitting time – is plagued by this new health issue. Though doctors and nurses get plenty of walking time, it usually falls to the secretaries, billers, and coders to do all the sitting. And, as we can see, something has to change.

I wish some of the data visualizations had been designed better, but the overall infographic tells a story to the reader, and gets the point across well.  I would remove the data legends and axis labels, and put the data right into the charts.

Great design elements of non-rectangular sections and illustrations that break boundaries.  Long list of data sources, but there should be a designer credit. 

Found on Mashable.

The Obama Energy Agenda: The White House attempts an #Infographic

On Friday, the White House (yes, that White House) released this infographic, The Obama Energy Agenda & Gas Prices.  This is one of the very few “official” infographic designs we’ve seen from the U.S. Government, so I think it deserves a little more critique than normal.  There are some things I like about this one, and some things I don’t.

The Good: 

• The fact that this was released by the White House, is a really big positive.  I generally praise companies that experiment with infographics to get their messages out, and an official one like this from the government says big things about infographics continuing to grow in relevance in today’s society of information overload.  If you want your information to reach a bunch of people online (especially the younger crowd) then using an infographic is your best bet.
• Nice layout telling a story.  The best infographics tell a story well, and the progression of topics top-to-bottom tell the story Obama’s team wants to share.  One topic leads into the next.
• Bold colors.  The dark background stands out nicely in most online news and blog formats, even on the white background color of the White House Blog.  The color gradient matches the new, official White House logo with the blue gradient background you see at the top.  Makes the overall infographic feel very official.
• Good use of illustrations.  Sometimes, visualizing a point is effectively done with an image or illustration so the reader immediately knows what you’re talking about.  The car with a power cord, the bus, the fuel gauge and the oil wells designed into the separator line near the top.
• I like the color scheme too.  Some infographics go so crazy with clashing colors it’s hard to read, but the consistent light blue, yellow and white is easy on the eyes.
• They included a social sharing button at the bottom of the blog posts.  They use a combined social button that expands to show many sharing services.  I generally find that less people actually use combined buttons, but they certainly save screen real estate and there’s a way to share online.  There’s no logo or company name included in this button either, so the White House isn’t endorsing a particular company.
• I like the line chart.  They removed the y-axis labels and put the data right onto the chart, along with additional comments.  This makes the whole chart easier to understand.

The Bad: 

• NO DATA SOURCES!  Where did the numbers come from?!?  You want readers to engage and debate your story, not challenge your facts.  Citing all of your data sources keeps the conversation on your story.  This design, without sources, almost invites readers to focus on challenging the facts instead of becoming engaged in the conversation about energy.
• Way too much text!
• The infographic above is the blog-size version.  The high-resolution version is tough to find because clicking on the image only takes you to the blog-size image.  Separately, in the text of the White House post, you have to click “Download Full Size” to view the higher-resolution version. (Click the image above to view high-resolution)
• Text too small.  The font is so small in some places, it’s hard to read, and many people won’t find the text link to the high-resolution version.
• Not many data visualizations.  Big numbers are not visualizations. and there are only three actual data visualizations (line chart, column chart and color filled factory illustrations).  There are so many more numbers included that should have been visualized to give them context!  
  • How does 35.5 mpg from 2012-2016 compare to the last four years?
  • “Over 2 billion barrels of American crude oil produced in 2010.”  Show the last 20 years to provide context.
  • “…would reduce oil consumption of about 750 million barrels through 2010.”  Is that a lot?  Making the text bold makes it feel important, but it doesn’t give the reader any frame of reference.
• The stacked column chart could be much better.
  • They could have removed the Y-axis labels and the background lines
  • Legends are evil.  In the 2012 column, they could have identified the color-coding of the different sources of renewable energy instead of putting a separate legend under the chart.  Makes the reader work harder to look back-and-forth at a legend.
  • Why isn’t “Solar” the yellow color instead of “Geothermal”?  Yellow…like the sun.
• The factory visual at the bottom is tough.  For any shape visualizations, it’s the AREA of the shape that conveys meaning, and I think the designer missed it here.  It looks like the green color height matches the data, but not the area of the factory shape.  Readers understand this intuitively, so to most readers the factory showing 2035 data will just look wrong, even if they don’t know why.
• No designer credit.  Who designed it?
• No single landing page.  The infographic is actually included in two different blog posts: The President on Jobs & Gas Prices: Read His Remarks, Download the Graphic on May 6th and Weekly Address: Clean Energy to Out-Innovate the Rest of the World on May 7th.
  • This makes tracking more difficult because they would have to look at links and views for both individual blog posts.
  • The infographic is actually the secondary topic to both blog posts, so it’s never truly highlighted as the focus of the blog post.  It’s just included in blog posts about energy topics.

Don’t get me wrong.  I LOVE that the White House staff is experimenting with infographics, and I hope they do many more in the future.  They just need some more practice. 

What do you think?

Self-Described Mac vs. PC People infographic

Profile of a Self-Described Mac Person vs. PC Person is a fun infographic looking at personality and preference differences.  Based on 388,315 survey respondents from Hunch.com, it illustrates topics like who throws parties, math aptitude, taste in art, cocktail drinks of choice and would they ride a Vespa or a Harley.

Our latest data project was to analyze how self-described Mac and PC people are different. The infographic below, designed by the talented folks at Column Five Media, breaks it down.

Back in ye olden days of Hunch — November 2009 — we explored the differences in personality, aesthetic tastes, and media preferences between Mac and PC users. Since then, the Hunch user base and question pool have grown many times over. The 2009 report started with more than 76,000 responses to its base “Mac or PC?” question. The same question now has nearly 400,000 responses. This is all in the context of the more than 80 million “Teach Hunch About You” questions which have been answered on Hunch to date.

From a research standpoint, even though the number of respondents is high, these are voluntary survey participants that haven’t gone through a screening process.  So while the results are fun, I don’t think they can be considered a statistically accurate representation of the population as a whole.

Very funny, and a great job by the design team at Column Five Media!  Found on FlowingData and Visual News