Interactive Infographics

Let’s be honest, nobody wants to stare at their computer screen forever reading facts, information, charts or what have you in order to understand a point. It’s monotonous, taxing, and just plain boring to try to digest information this way.

Cue interactive infographics!  

An infographic is exactly what it sounds like—information displayed in more interesting, graphic terms. It can be an illustration, photograph, animation, or other visual way to represent a topic. Infographics not only make facts and information easier to digest and comprehend, but they also add a level of entertainment for the user. Interactive infographics are a balance of visual (graphic) and kinetic (interactive) learning that encourage engagement in order to make sense of the information at hand.

This blog on Creative Bloq lists some additional resources and tips to keep in mind while creating interactive infographics in order to maintain the reader’s interest and make the information as easy to understand as possible. Some of the tips are as follows:

  1. Understand the psychology: it helps to have a clear idea in your head of the purpose of your infographic before you start designing. Why and how would an infographic be the best way to display the data?
  2. Add spice with scrolling effects: if scrolling is required, make it fun for the user! Add transitions, animations and other subtle effects that draw the users into the story you are trying to tell and make them want to stick with it to the end.
  3. Make multiple pages for easy digestion: if the information has more distinct sections, it would be beneficial to create a multipage interactive infographic. This allows users to move through one section of information at a time to comprehend gradually, or simply skip to a specific area of interest.
  4. Let users highlight certain areas: this is helpful when there is a large amount of information so the viewer can focus in on what they want to see. This feature is helpful to minimize confusion for a user who is easily overwhelmed or distracted by a ton of information.
  5. Make clicks and rollovers reveal further detail: Instead of looking at an extensive chart or graph, users can hover over certain areas to reveal the specific information they need.
  6. Encourage user participation: some infographics encourage the user to input their own information to display personalized facts or data. It’s compelling for a user to see a more individualized and unique display of information when they know they had some sort of influence in it.

For example, Arnold Clark’s infographic uses simplistic graphics to deliver the information at hand in a relatable way. It’s a good example of using scrolling effects to add interest and keep a constant flow of information. If the user needs to stop the animation at all, they can do so with the scroll bar and arrows and even scroll at their own pace. There is also a link in the lower right hand corner that is always visible and available for the user to click to get more facts about the challenge in a static format.

Arnold Clark Savings Challenge

Another solid example of an interactive infographic is the Evolution of Insight, which is an interactive timeline. It not only displays the information in a more pleasing way, but it also portrays the setting of the era in the background, which is an additional visual element to help comprehend the overall feeling of the time period. The viewer can use the arrows to move along the timeline to gain information sequentially, or they can skip ahead to a certain era by clicking on the timeline below. Even if they skip ahead, the background still displays the setting shifts throughout the years, so the scene flows and they can be sure not to miss anything important.

Evolution of Insight

As we see a shift from static infographics to interactive infographics, will be plenty of great examples out there to find inspiration. Interactivity makes information more easily understandable, relatable, and exciting for the audience.


Leave a Reply

Fill in your details below or click an icon to log in: Logo

You are commenting using your account. Log Out /  Change )

Google+ photo

You are commenting using your Google+ account. Log Out /  Change )

Twitter picture

You are commenting using your Twitter account. Log Out /  Change )

Facebook photo

You are commenting using your Facebook account. Log Out /  Change )

Connecting to %s