The Evolution of the Web

The Evolution of the Web is a cool, interactive visualization from the Google Chrome team (along with Hyperakt and Vizzuality) that explores the evolution of web browsers over the last 20 years.

Over time web technologies have evolved to give web developers the ability to create new generations of useful and immersive web experiences. Today’s web is a result of the ongoing efforts of an open web community that helps define these web technologies, like HTML5, CSS3 and WebGL and ensure that they’re supported in all web browsers.

The color bands in this visualization represent the interaction between web technologies and browsers, which brings to life the many powerful web apps that we use daily.

Clicking on any of the browser icons brings up a cool visual history of the window design for each version.

Although there is a lot of data showning the version releases along the timeline, part of this design is just pretty.  The flowing colored bands seems to grow bigger over time implying increased usage of each technology, but their placement behind the broser lines doesn’t actual show which technologies were used by each browser. 

In fact, there’s a subtle marketing spin that has all of the lines converging behind the Google Chrome logo in 2008 and then exploding into the future.  And the HTML5 line seems to imply that it will take over the Internet in 2012.

Found on Flowing Data.

The Internet of Things

Intel has designed a large infographic, The Internet of Things that explores the growing number of devices connected to the Internet since 1960 through predictions up to 2020.  (NOT to be confused with The Internet of Things infographic released by Cisco earlier this year with the same name)  High-Resolution PDF version, additional information and the data files are available here.

The Internet is evolving, again. Every day, billions of people connect to the Internet through billions of devices – PCs, smartphones and TVs to name just a few. While the PC remains at the centre of this evolution, Internet connectivity is now embedded into cars, fitness equipment, factory robots and vending machines. This smarter, connected world has the potential to change how we live.

We’re entering a new phase of Internet evolution. It is expanding much more rapidly than it has done in the last decade. Increasing numbers of everyday appliances are connecting to the Internet, their environment and to each other. Cars, fitness equipment, factory robots, retail signage and vending machines are becoming ‘smart’ thanks to tiny embedded computer processors and sensors, just like those in your laptop or mobile phone.

I have mixed feelings about this one.  It’s visually attractive, and would make a really nice printed poster.  The data is valuable and interesting, apparently gathered from a large number of disparate sources, but the URL listed at the bottom to view the sources didn’t work for me.

However, all of the colored lines aren’t actually connecting any events or actually combining to create a visualization of the values on the left side of the page.  While it visually implies the growing connections to the Internet and complexity, it doesn’t have any connection to the actual data.

I like the circle diagram at the bottom of the growing millions of PCs sold every day, but the “80% of of all PCs shipped today have Intel Inside” turned a fun, informative infographic into an ad and could turn off some readers.

Thanks to Emma for sending in the link!

The 20 Most Expensive AdWords on Google

Where’s Google Making Its Money? is a great example of using data that your company has to showcase your services.  This one is from WordStream, and they analyzed their own keyword database to find the most expensive keywords from AdWords over a 90-day period.

From WordStream:

On the heels of Google’s blow-out Q2 2011 earnings announcement last week, we wanted to find out the most expensive keywords - what keywords demand the highest costs per click and are most competitive in terms of high search volume. Since the vast majority of Google’s profits come from AdWords advertising, these high CPC keyword categories are responsible for a large part of Google’s profits.

From TechCrunch:

WordStream, a venture capital-backed provider of hosted software that automates most of the manual work involved with creating and optimizing both paid and natural search engine marketing campaigns, has done some research to discover which keyword categories fetch the highest costs per click (CPC) in Google’s AdWords solution.

And of course, they made an infographic based on the results of their research

Found on Chart Porn and The Big Picture.

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.

Client Infographic: How Affiliate Marketing Works

Recently, InfoNewt (my company) designed How Affiliate Marketing Works for Internet Marketing guru Rae Hoffman-Dolan and her site: Sugarrae.com.  You can see the high-resolution version here.

After spending over a decade in the Internet marketing industry, I think I often forget – and have failed to address – the most obvious question most folks new to the industry have about affiliate marketing.

When I appeared as a guest on Weapons of Mass Marketing earlier this week to discuss the topic of marketing affiliate programs, the hosts evidenced the importance of the often overlooked question by leading off their interview with a variation of it…

“How does affiliate marketing work?”

No numbers, no statistics, no data visualizations.  This infographic is visualizing a process, and I do many of these for clients.  Business processes, strategies, workflows, business models, flow charts and explanations of how things work.

In this case, characters on a simple path visualizes a process of 10 steps.  Way more interesting than a text numbered list in a blog post don’t you think?

You should follow Rae on Twitter: @sugarrae

Real Estate: Social Media Killed the Blog Star

Another good infographic from Fixr.com about the how the real estate industry is changing.  Social Medai Killed the Blog Star: Real Estate looks at how buyers are finding their information online and who are the most influential blogs and real estate people on Twitter.

I like the use of company logos and Twitter profile images.  I also like that all of the data is built-in to the pie charts and bar charts to make it easier for the readers to comprehend.

The side-by-side Top 10 lists are interesting, but because they’re based on different measurements (followers vs. Alexa page rank), the graphic should give the reader some context of how to compare the different values.  Why do these lists support the overall message that social media is more important than blogging?

Some major technical errors as well.  Pie chart percentages should ALWAYS add up to 100%.  The pie charts here add up to 71%, 99%, 91% and 100%, which means that the visual of the slice sizes doesn’t match the data.  You never want your data visualizations to tell a story that isn’t supported by the data.

Thanks to Raul for sending in the link!

Demand Media - Breaking the Bank

Demand Media - Breaking the Bank is a cool infographic published on OnlineMBA.com by designer Ricky Linn.

The content itself in interesting, and I remember reading the Wired article listed in the sources.  I like that the infographic combines the process flow of content creation, but also visualizes relevant statistics about how big and profitable Demand Media has become.  Overall it tells a good story.

Found on SiliconValleyWatcher.

Real Estate Professionals & Social Media Infographic

From Mashable and Postling, the Real Estate Industry + Social Media Use infographic looks at how social media is reshaping how realestate agents communicate with potential buyers.

The real estate industry has seen a number of social media innovations over the past few years. Real estate pros are using social media to provide online property tours, schedule showings and showcase local expertise.

Alexis Lamster, VP of customers at Postling and creator of the infographic below, told us that the company analyzed more than 500 Postling accounts specific to real estate and more than 7,000 small business accounts to extract information on how the real estate industry is using social media.

Although the infographic is made up of mostly pie charts and bar charts, it clearly communicates the information in a clean, easy-to-read format.

The Current State of Social Networks #infographic

From ignite, a social media agency, comes The Current State of Social Networks.

It goes without saying that Facebook is the network du jour, but even though the reigning champion’s user stats keep soaring, social networking as a whole might be leveling off. Nevertheless, there are still scores of other highly competitive social sites that are waxing and waning; and different networks and apps are more popular in specific geographic areas, with certain genders or age groups, and even among various social classes.

For example, Plaxo is the network with the most users over the age of 65. Facebook is more popular with women, but Digg and Reddit tend to be more popular with men. LinkedIn is the “richest” social network, but Plurk outranks it when it comes to well-educated users who have graduate degrees.

They have a ton of traffic data to work with, and this infographic does a good job of summarizing some of the key findings at the top level. 

Found on Mashable and Social Media Graphics

The Map of the Internet

The Map of the Internet is an ambitious project from Peer 1 Hosting that maps the network of hosts and routing connections that are the foundation of the Internet.  Clicking on the image above takes you to the poster in an interactive zooming viewer so you can see the details.  You can also read about the making of the poster in this post on the Peer 1 Hosting blog.

It’s a layout of all the networks that are interconnected to form the internet. Some are run by small and large ISPs, university networks, and customer networks - such as Facebook and Google. It’s visual representation of all those networks interconnecting with one another, forming the internet as we know it. Based on the size of the nodes and the thickness of the lines, it speaks to the size of those particular providers and the connections. 

In technical speak, you’re looking at all the autonomous systems that make up the internet. Each autonomous system is a network operated by a single organization, and has routing connections to some number of neighbouring autonomous systems. The image depicts a graph of 19,869 autonomous system nodes, joined by 44,344 connections. The sizing and layout of the autonomous systems is based on their eigenvector centrality, which is a measure of how central to the network each autonomous system is: an autonomous system is central if it is connected to other autonomous systems that are central.

My apologies for being late posting this one here on the blog.  They were giving out free printed 24”x36” posters at SxSW in Austin, TX a couple weeks ago, but the high-resolution PDF is available from the Peer 1 Hosting site.

Thanks to Shobhita for sending me the information and the link!