Design

Infographic Hack #5: Get Inspired by Interactive Infographics

Posted by on .

What is an interactive infographic?

First off, I tried to collect several types of interactive infographics. Here are some common recurring types.

  • Scrolling — Some websites have made it popular to scroll vertically and horizontally to be able to see animated elements.
  • User-driven data content—You can explore the dataset and decide how you want to view the data. You can manipulate the graphic by filtering, selecting, and searching the data.
  • Animation— Some elements can be animated but not the entire infographic is animated.
  • Multipagination—It resembles a slide-by-slide presentation like those we see in Powerpoint.

We have found various types of interactive infographics on the Web and here are some cool examples. We hope these 10 interactive infographics examples will get you thinking about what’s possible. We’re constantly listening to feedback although none of the following is currently available yet on Piktochart.

1. Main Street USA

Main Street USA presents facts and statistics with multiple interactivity elements—multipage, user-driven data content with subtle animation. This infographic contains many different aspects of information. Hence, segregating the content into multiple pages and keeping the data hidden, which only reveals itself when users click or mouseover, unclutter the content and make it easier to consume.

2. Eastern Tennessee

The Eastern Tenessee is a scrolling infographic with subtle animation. Scrolling makes the content more captivating as the elements, i.e. text and background, move at different speed when reader scroll the infographic with some visuals slowly reveal itself. It gives the readers a more immersive reading experience, which in turn makes the content more memorable versus a static infographic.

3. Arnold Clark Savings Challenge

Arnold Clark uses flashier animation. It gives users two options to browse the infographic, they can either view it using scrolling or tap on the arrow button to browse it like a multi-page infographic. With an animation like time-lapse photography and effective use of animated visual aids, they made the data comes alive. The presentation-style animation where each data point is being revealed one-by-one makes it easier for readers to stay focus on one data at a time.

4. Daily Dose of Water

Your Daily Dose of Water is presented to you in a guided animated content. This is a good example that shows us sometimes your content is best designed in multipage form. Besides, readers get to explore the information with a simple mouseover on the visuals, discovering facts about their own water consumption behavior. The interactions alter and improve reading experience.

5. LRA Crisis Tracker

LRA Crisis Tracker uses user-driven data content to generate interactivity. This allows you to explore the data, change the views, and discover information at your own pace. It’s a great example of how you can simplify complex data without having to deliver it in a boring, bullet point list or similar format.

6. Don’t Drink & Drive

Don’t Drink and Drive delivers personalized content. With its user-driven data content feature, you can select the type of drinks and specify the amount taken. Then, you’ll get data informing you if you are fit to drive. It is a good way to catch your attention before revealing the facts and statistics with subtle animation that spices up the content, which otherwise you might simply brush off.

7. Future of Car Sharing

Future of Car Sharing uses horizontal scrolling. While most infographics scrolls vertically, it makes more sense for cars to move in a horizontal direction. The information comes to life as the car traverse to the right as you scroll. This creates a realistic context of the data points in the infographic.

8. Beneath the Thinking Cap

Beneath the Thinking Cap is an educational infographic that lets you explore and learn about brain functions. By clicking on various parts of the brain you will get more details. The use of user-driven data content, in this context, enriches the learning experience without the distraction of all information at once. It is also quite engaging, in a way, where you get to decide to learn about the Temporal Lobe or the Occipital Lobe first.

9. You vs. John Paulson

You vs. John Paulson is a true personalized content infographic that prompts you to participate in the comparison infographic. You will need to input your data to reveal the content. With this user-driven data content, you will compare your income with John Paulson’s that reveals mindblowing statistics and provoke you to respond to its CTA. This infographic also delivers scrolling experience. This is a good conversion optimization technique compare to a static infographic.

10. The Hand Washing

The Hand Washing infographic provides subtle animation that is sufficient to attract viewers, which is the handwashing part. The more fun and informative you can make a mundane task, such as handwashing, the more likely you are to connect with people and make them understand why they need to perform the task.

What’s in the future?

Do you like these interactive elements, (scrolling, user-driven data content, animation and multipagination)? Tell us what has been getting your interest in the comments below.

5 Shares
Tweet
Share
Share1
Pin4
Buffer
+1