Infographics: The Way Forward with Interaction

Infographics: The Way Forward with Interaction

More recently it has become apparent that Infographics have become quite popular and successful. Being able to portray information effectively in a visually appealing manner has led to an increase of these story telling images.

This article aims to touch upon what an infographic is, why they have become common, what the future holds for infographics design, and even touches upon the new format infographics – interactive infographics.

Infographics:  The Way Forward with Interaction

Inforgraphics: The Way Forward with Interaction

What is an Infographic?

An infographic is a graphical element which helps to visualise a particular piece or pieces of information. The information that it being represented can be in the form of images or text, and it aims to explain that in the simplest arrangement.

Why Have Infographics Become so Popular?

There are a number of reasons why infographics have become popular, the main ones can be thought of as being the following:

  • Easy to understand – Information that can be depicted in a style which is clear, concise and informative can naturally become easier to read and understand. This could be a leading factor in the increase of their popularity.
  • Easy to share – As they provide an easy way to understand potentially complex material, which is visually appealing and fun, it can be argued that people are encouraged to share it.
  • Easy links – if an infographic is easy to understand, easy to share, and provides easy access to deeper content, then as it becomes a link, it also becomes “link bait”.

The Future of Infographics?

It has to be said that since the “boom” of infographics there have been bundles of infographics online and offline. There have been tutorials, guides, and showcases, but what is next? Given the ever evolving nature of the internet and the continuous development of technology, it seems that interactive infographics may be the next generation of infographics.

What is an Interactive Infographic?

With the use of HTML5 and CSS3 interactive infographics could be the next step for static infographics.

The combination of these two technologies brings in interaction to the final “image” enriching the user experience and engaging the visitor for longer.

They are most useful and informative on websites where certain information is best represented in graphical form. Examples of interactive infographics can be seen below.

HTML5 Interactive Infographic featuring Dribbble
HTML5 Interactive Infographic featuring Dribbble

The Evolution of Western Dance Music!
The Evolution of Western Dance Music!

How Different Groups Voted in Republican Primaries
How Different Groups Voted in Republican Primaries

The State of the Internet Now
The State of the Internet Now

Mastering the Social Media Universe
Mastering the Social Media Universe

Coke Vs Pepsi: The Cola Wars
Coke Vs Pepsi: The Cola Wars

Scale of the Universe
Scale of the Universe

Top World Cup Players on Facebook, Day by Day
Top World Cup Players on Facebook, Day by Day

The World’s Best Countries
The World's Best Countries

Organised Crime: The World’s Largest Social Network
Organised Crime: The World's Largest Social Network

Web Design Related Infographics

Responsive Web Design
Responsive Web Design

Infographic: Website Privacy Standards
Infographic: Website Privacy Standards

WTF is HTML5 and Why We Should Care
WTF is HTML5 and Why We Should Care

How the Web Keeps Getting More Beautiful
How the Web Keeps Getting More Beautiful

The Life Cycle of a Web Page
The Life Cycle of a Web Page

Top 10 Fonts Web Designers Love
Top 10 Fonts Web Designers Love

The History of Web Design
The History of Web Design

New Features in Photoshop CS6
New Features in Photoshop CS6

The Colors of the Web
The Colors of the Web

12 Critical Elements Every Homepage Must Have
12 Critical Elements Every Homepage Must Have

Most Important CSS3 Properties
Most Important CSS3 Properties

Conclusion

For a while, static infographics were considered to be the best form of portraying information in a visual manner. More recently, with the development of certain technologies (HTML5 and CSS3) as well as the ever evolving development of mobiles, tablets and such devices, could it be that the future of infographics is with interaction?

Let us know your thoughts!

Krishna is a web designer based in Cambridge, UK. She is passionate about all things design related and loves learning about new techniques and technologies.

Comments

  1. / Reply

    Very cool! I’d never seen any of these interactive infographics before, but I think they’re awesome! The Evolution of Western Dance Music infographic is my favorite. I sure hope this is the future of infographics because it would seem like a waste of resources if it’s not. Thanks for sharing, Krishna!

    • Dave,
    • September 13, 2012
    / Reply

    The reason “infographics” (and I use the term with trepidation, as I’ll explain later) have become popular recently is because they’re easy to create. By and large, any second rate marketing drone with some time on their hands can create one, post it to their blog, and be sure that they’ll be applauded for their “interesting and informative infographic”.

    Of course the problem with this is that these things are rarely infographics in a true sense, and when they are they are usually poorly executed. A picture which contains no visual information other than clip art and text is not an infographic, which must by definition communicate information/data visually – a quick heuristic is to convert the image into text format and see if anything meaningful has been lost.

    The other reason for their popularity is that it’s easy to reblog/repost/repin them, since they’re just images. Build one in HTML5 that’s interactive, and I will happily praise you for it (I have a keen love for good data visualisation) – but I can’t signal-boost it, other than linking to the page. And unfortunately, most people making “infographics” have neither the skill to make them, the incentive to do them well, nor the inclination to produce content that can’t easily be caught up in the blogosphere’s endless cycle of reposts, aggregation, and empty applause.

    Maybe I’m just bitter.

  2. / Reply

    Very useful collection of infographics, thank you for sharing :) Despite an earlier comment from another critical person, I personally like infographics for their visual appeal. With pure chunks of text I tend to rub my eyes in boredom… maybe part of it is short attention span or just wanting some entertainment value while learning something new. I think that’s why infographics have become so popular, and I see nothing wrong with that as long as the information can be backed up by facts and / or statistics.

    • Rudee,
    • December 27, 2012
    / Reply

    Great article. I like infographics as most people don’t like to read a bunch of text as written like a newspaper. I think that Infographics compresses the information and you can visually make it a pleasing in a way so that you don’t miss the message. I like the interaction of the graphics

Leave a Reply

Your email address will not be published. Required fields are marked *

Deals

Iconfinder Coupon Code and Review

Iconfinder offers over 1.5 million beautiful icons for creative professionals to use in websites, apps, and printed publications. Whatever your project, you’re sure to find an icon or icon…

WP Engine Coupon

Considered by many to be the best managed hosting for WordPress out there, WP Engine offers superior technology and customer support in order to keep your WordPress sites secure…

InMotion Hosting Coupon Code

InMotion Hosting has been a top rated CNET hosting company for over 14 years so you know you’ll be getting good service and won’t be risking your hosting company…

SiteGround Coupon: 60% OFF

SiteGround offers a number of hosting solutions and services for including shared hosting, cloud hosting, dedicated servers, reseller hosting, enterprise hosting, and WordPress and Joomla specific hosting.

d
c