5 awesome interactive infographics and why they work

Categories Articles

Interactive infographics are representations of information that use color and data and allow the user to interact with it to reveal more. The interaction lets users discover more pieces of information as they click, scroll, zoom, pan and do a mouse over on the infographic to explore further.

These may or may not be animated infographics, also known as “gifographics”. Interactive infographics involve interaction from the user’s end so as to boost engagement. Does that mean standard or static infographics are dead? Not really. They are still alive and well. But since a lot of them are being produced, infographics have gone a little boring.

Why do interactive infographics work

People are visually wired. You’re more likely to remember what you saw than what you read and process the visuals 60,000 times faster than plain text. But there is an even better way to learn and that is by combining seeing with doing. In short, visual + kinetic information that yields much more interaction.

When you have to do something to yield information, you are more likely to remember it. There’s also the need to reveal what’s in store and the curiosity to explore, so you’re more engaged with the infographic.

Interactive infographics let you go the extra mile and can be created using HTML5 and JavaScript. You do need fair bit of coding experience to create these.

Let’s look at 5 exceptional interactive infographics and what makes them “click”.

1. You vs John Paulson

This is a fun infographic from MahiFX that asks for your annual salary and reveals the number of minutes or hours (if you’re earning a lot) it takes John Paulson to make the same amount.

You interact with the representation by punching in your salary, so you tend to remember it well. It also works well because it’s fun, light-hearted yet frustrating that someone can earn that much in matter of minutes.

2. How much goes unclaimed every year

This infographic invites you to click on certain parts of the map to reveal the specific data. It talks about the unclaimed tax refund money that piles up every year. By clicking a territory, you can view each state’s individuals, median potential refund and total potential refunds.

3. Why your brain craves infographics

This is by far my most favorite infographic. It’s got bright (and right) colors that make it appealing. The infographic keeps you engaged as you keep scrolling to learn more tidbits. It’s also got some social media share buttons embedded that work effectively making stats shareable.

It proves why visuals are so effective with fun facts such as “80% recall what they see and do” and “10% recall what they hear”.

4. Beneath the Thinking Map

This one explains brain’s functioning when you click each area of the brain. It covers cerebral cortex and its four lobes, cerebellum and brain stem.


5. How search works

Ever wonder how Google search works? You don’t have to, because this infographic tells you all about it. The Google team came up with this visual when they realised there’s nothing that easily and quickly explains their process.

Although there were plenty of resources on the topic, none of them were in infographic format that were super consumer-friendly.

Creating infographics doesn’t have to be too hard or expensive either. There are tons of great tools online that let you research for and create awesome infographics, such as Visua.ly and or the newer kid on the blog Visme. Know of any other beautiful interactive infographics? What do you think makes them work?

Author bio: Payman Taei is the founder of HindSite Interactive, an award winning web design and development company that creates custom web and mobile sites and applications for businesses and organizations.

Catalin is the founder of Mostash – a social marketing boutique – and he’s always happy to share his passion for graphic design & social media.