Thursday, May 29, 2014

20 Animated And Interactive Infographics You Have To See

'; } else if (google_ads.length > 1) { s += ''; for(i = 0; i '+google_ads[i].line1+''+google_ads[i].visible_url+' '+google_ads[i].line2+' '+google_ads[i].line3+'
'; } } if (google_ads[0].bidtype == "CPC") { google_adnum = google_adnum + google_ads.length; } document.write(s); return; } google_ad_client = 'pub-8918970543424762'; google_ad_channel = '3314947916'; google_ad_output = 'js'; google_max_num_ads = '1'; google_ad_type = 'text'; google_feedback = 'on'; google_skip = google_adnum;

Everyone loves infographics, sure, but static infographics are a bit old hat now. With so many infographics out there, it’s easy to overlook a lot of infographics with good content just because they just don’t stand out from the rest of the pack. And, if you’re a designer, you’ve probably racked your brains trying to figure out how to attract viewers and create infographics that do stand out from the rest.

Well, one of the ways you can do that is with animated infographics.

Evolution Of Insight

Animated and interactive infographics, especially those designed using HTML5, are quite possibly the future of infographics. Animated infographics engage with viewers better and can help add interest to topics that might otherwise come across as mundane.

Here’s a list of 20 animated and interactive infographics that you can enjoy and find some inspiration from. Do click into the links to get to the full version of the infographics, complete with the animation.

The Complete History Of Social Media. This infographic uses Flash to show you a quick overview of the history of social media. [Visit page]

The Complete History Of Social Media

Hungry Tech Giants. This interactive infographic is a sortable timeline of acquisitions from five of the world’s biggest tech companies over the past 15 years. [Visit page]

Hungry Tech Giants

HTML5 & CSS3 Readiness. This interactive infographic is a breakdown of HTML5 and CSS3 support in all the major web browsers up to 2013. [Visit page]

HTML5 & CSS3 Readiness

The Evolution Of The Web. This infographic uses SVG elements, the timeline of browsers and technologies, as well as the growth of the Internet itself. [Visit page]

The Evolution Of The Web

Plugging In: How Small Businesses Use Technology. This interactive infographic harnesses HTML5 to show how small businessses are harnessing technology to improve productivity. [Visit page]

Plugging In: How Small Businesses Use Technology

Web Browsers & Resolutions. This animated infographic uses its animated elements cleverly to show the importance of testing a website with multiple resolutions, browsers, and even operating systems. [Visit page]

Web Browsers & Resolutions

Evolution Of Social Collaboration. This interactive infographic takes you through a quick history and evolution of social collaboration from before the 1960s up to the present day. [Visit page]

Evolution Of Social Collaboration

Evolution Of Insight. This is an interactive infographic that tells the story of market research, from the start of the 20th Century all the way up to the 2000s. [Visit page]

Evolution Of Insight

Evolution Of the Games Console. With its charming vector graphics, this interactive infographic is a good, albeit very quick run through of the history and evolution of video game consoles. [Visit page]

Evolution Of The Games Console

8 Epic Journeys From Console Gaming. This interactive HTML5 infographic features quick overviews of some epic journeys from recent hit console videogames. [Visit page]

8 Epic Journeys From Console Gaming

Retail Security Threats. This animated and interactive infographic takes you through all the typical parts of a retail store where hackers might choose to try and gain access into the network. [Visit page]

Retail Security Threats

Inception. This infographic uses animations to great effect to help explain what happened in the movie ‘Inception’. The minimalist design defintiely helps it achieve this goal. [Visit page]

Inception

Flights Interactive. This infographic is an aviation buff’s dream. Not only is it an interactive world map that tracks all the planes and flight routes in real time, it’s also a presentation on the history of commercial flight. [Visit page]

Flights Interactive

Bond: Licence To Drive. This wonderfully animated, designed and drawn infographic charts the evolution of Bond cars, from the Sunbeam Alpine in ‘Dr. No’ up to the Land Rover Defender in ‘Skyfall’. [Visit page]

Bond: Licence To Drive

World’s Biggest Data Breaches. This interactive infographic is a visualization of all the biggest data breaches since 2004. [Visit page]

World's Biggest Data Breaches

Thirteen Reasons Why Your Brain Craves Infographics. This charmingly animated infographic takes a quick look at why we love infographics so much. [Visit page]

Thirteen Reasons Why Your Brain Craves Infographics

How Search Works. This interactive infographic details how Google search works, from the initial crawling and indexing stages to how they fight spam to ensure the quality of your search results. [Visit page]

How Search Works

Dribbble: What’s It Used For? This interactive HTML5 infographic explains Dribbble, from what it’s used for to some common terms used on the service. [Visit page]

Dribbble: What's It Used For?

How A Flat Panel Display Works. This animated infographic, made in HTML5, dissects a flat screen display to show exactly how one works. [Visit page]

How A Flat Panel Display Works

How A Car Engine Works. This HTML5 animated infographic shows you how a car engine works in brilliant detail. [Visit page]

How A Car Engine Works

No comments:

Post a Comment