How To Make Your Infographic Stand Out In The Crowd?

Infographics aren’t new; neither is interactivity! As a matter of fact, interactivity and communication has been redefined with the evolvement of multiple data-driven sites and the medium (read: devices) through which they are consumed. Users like graphics and fall for anything that presents data graphically. This is the reason why infographics have garnered tremendous popularity. Furthermore, viewers gotten keener in browsing data via handheld devices such as mobile phones and tablets, hence building those graphics in HTML5 is the way to go!

In this post, we will cast light upon three pertinent ways to ensure your HTML5-based interactive infographics stand out from the crowd.

1) Analyze Your Objective Of Making Infographic
Even before storming your brain about technology, think of creating an infographic from the perspective of a viewer. Evaluate the reason you are creating it in the first place! HTML5 provides a new medium for presenting the story, but it does not render actual purpose or narrative to the piece you create.

Users seldom fail to understand when a project gets slapped together in the last minute, compromising its quality or usability. Essentially, there are few things you need to consider, rather think astutely before using the CSS tricks to create an interactive piece of infographic:

  • How can your design break through the clutter?
  • Are you coming up with intriguing facts?
  • Does your information have that x-factor to engage viewers?
  • Is your infographic freshly dictated?

 

Analyzing these four points can guide you map your core objectives and convey your views to the target audience. Your end-product should lucidly uphold your idea. So, while is necessary to be creative, it is also important to be disciplined. The design should hook the visitor in, and the data presented needs to be succinct. Always remember, it is easier for an audience to grab data via infographic and they love them. Don’t disappoint them!

2) Make It Move
You can use an HTML5 animation tool, for example, Adobe Edge Animate, to add motion to web graphics. This will enable you to deck your designs with movement, making it more interactive. There are some good templates on the showcase page that can help you get started.

3) It’s All about Data
Infographic is all about data and you got to use powerful data sources. Data sources, again, can vary – you can research on your own or refer to relevant sources. The important thing, however, is not to clutter the data through out;  rather it should be adorned with innovative, creative and graphic elements.

There are tons of resources available in the web that will help you get started.  I have listed the top three:-
I.    Piktochart- It offers a free service (you need to pay for using its pro option) and comes with a whole lot of customizable themes as well as data importing attributes.

Piktochart

Photo Credit :http://goo.gl/OIN3X3

 II.  Infogr.am- This is again a free service (you need to pay for using its pro option) that offers spreadsheets, templates and other useful features, helping you to create visual graphs.

Infograph

Photo Credit :http://goo.gl/qrB1Il

  III.   Visual.ly- It is a popular graphics community. The price of visual.ly is steep but is probably second to none especially when you are kicking-off an infographic project by your own.

Visual.ly

Photo Credit :http://goo.gl/ykiEcB

Comments are closed.