Saturday, July 30, 2016

How to Turn Data into Different Infographics


 How to Turn Data into Different Infographics:


The best infographics are clear, easy to digest, and eye-catching. But the process of distilling data into a neat little chart, bar graph, or venn diagram usually requires pages and pages of messy preparatory sketches, which are rarely seen by the public.
In Infographic Designers’ Sketchbooks, Steven Heller and Rick Landers take readers behind the scenes of the creative processes of more than 50 information architects working today. This colorful collection of doodles, drawings, and digital mock-ups offers invaluable insight into how a pile of statistics can evolve into artful diagrams about anything from the shopping habits of American men to the adulteration of olive oil.

Thomas Porostocky describes working in a slightly chaotic, stream-of-consciousness fashion, which might seem counterintuitive when designing information: he starts with doodles in a notebook, many of which don't result in anything usable, then moves to Illustrator or InDesign. "I build an element or a rough overview of the piece, copy it over to another part of the page and modify it to see if I can make it better. Then I copy that new one over, and modify it again to see how that works. I build upon these elements over and over again, trying new approaches to see what works bets. There are lots of alterations and modifications," he says in the book. His work is all vector-based. "Because I tend to start off right away in a digital format, my sketches often evolve into finals organically."



As communications professionals, a significant part of our job is to tell well-developed stories that engage target audiences. With recent research suggesting that brands have less than four seconds to hold consumers’ attention on a web page before they move on, it’s important now more than ever to consider the various vehicles to tell our brands' and clients’ stories in a compelling way.
To do just that at Text100, we’ve introduced visual storytelling tools—from infographics to video to animations and more—to all our B2C to B2B clients, both big and small.
For example, Adobe was challenged with presenting the results from its email usage consumer survey in a way that captured various audiences’ attention, ensured message penetration and raised awareness for Adobe Campaign, its email campaign platform.
Visual Storytelling for Adobe
For the survey results, which included insight on how U.S.-based white-collar workers use email, Adobe wanted to not only highlight key findings, but also tell a visual story with the data that resonated with several different audiences: consumers, business executives and managers, as well as marketing professionals.
The end result needed to counter current misperception about how email usage was slowing down with the advent of new communication tools such as video conferencing and Slack; Adobe’s data actually showed that the average American spends six hours a day checking email. Additional key messages to highlight included: email will remain a cornerstone of workplace culture; email is causing “FOMO”; email obsession is affecting personal interactions; and finally, Americans look to email detox.
To successfully fulfill these goals, Text100 advised Adobe to develop two different infographics with varying design approaches and messaging.
Bringing Data to Life for Different Audiences: Creating Each Infographic

some reference :
  • http://www.fastcodesign.com/3040415/how-designers-turn-data-into-beautiful-infographics
  • http://www.pria.com.au/priablog/how-to-turn-data-into-different-infographics-for-different-audiences



info graphics tips: how to get your infographics memorized


Infographic  submissions can be a time-consuming process. Therefore, it is important to follow some general guidelines to ensure your infographic will be published.

First, be sure to mix up your infographics title as much as possible through submissions. You don’t want to cannibalize your original infographic on your website. And further, many infographic submission sites have stringent submission guidelines – which brings us to tip two..
Write an original description for your infographics. Infographic directories/blogs do not want duplicate content on their website, and therefore, require unique content. Some will even run your description through plagiarism tools like Copyscape to ensure uniqueness. Though this can be time consuming, it will pay off in the long run.
Read guidelines thoroughly. These websites tend to get a lot of submissions, so they can be picky. To increase your chances of getting published, read over all submission guidelines before starting. Many have content, size, or format requirements.


infographics

Perhaps one of the most popular forms of link bait is infographics. While infographics had been around for a while, it was GOOD magazine who made an art out of them, some of their best pieces being Drugged Culture and The Almighty Dollar.
The best infographics are the ones that you can scan and get the relevant information quickly. LinkedIn’s 100 Million professionals  is a good example.

WHAT FACTORS INFLUENCE YOUR DECISION TO RUN AN INFOGRAPHIC IN BI?

Would I read this, and would I care enough to share this? That’s the primary criteria. Every graphic we publish should inform, amuse, entertain, or otherwise create value for readers.

WHAT VISUALS GET THE MOST SHARES OR ENGAGEMENT ON BI?

The visuals that are most clear and intriguing are always the most popular. Our readers love narratives they can learn something from. 

WHAT ROLE DO YOU BELIEVE DESIGN PLAYS IN INFOGRAPHICS?

For us, the overall quality of an infographic rests on the right mix of good design and good content. Design alone isn’t enough to make people care about boring content. I see so many infographics out there that are beautifully designed but are about nothing—or something so niche that you have to wonder, “Who are they making this for?” So start with a solid story, then just use all your tools as a designer and illustrator to bring it to life. 

WHAT’S MOST LIKELY TO GET AN EDITOR’S ATTENTION?

A not-boring infographic will always grab our attention. Big percentage signs, lots of little guys in a grid, colorful pie charts—over it. I want to see something that I’m still thinking about one hour—or one day—later. Graphics that showcase the designer’s personality are the most memorable, and idiosyncratic design decisions are usually preferable to clichéd ones.
Overdesigned and otherwise fussy graphics are my biggest pet peeve. At BI we have a modern and straightforward aesthetic. We’re incredibly economical about every design decision we make. The fewer decisions the better! In our view, a simple and airy template is the ideal stage to let our content and creativity shine.

WHAT ARE SOME TIPS FOR PEOPLE WHO WANT TO GET THEIR INFOGRAPHICS PUBLISHED?

First of all, the content has to be interesting enough on its own. Consider if this is something you would read and care enough to share with your friends or network. And it’s important to be mindful about how you felt while making it. Was it fun? Are you excited to see how people (not just designers) react to it? Are you proud of it? There’s no excuse for more boring infographics, so if you push yourself to think a couple layers beyond the obvious, yours will stand out. 


WHAT TRENDS DO YOU ANTICIPATE FOR THE FUTURE OF VISUAL CONTENT ON PUBLICATIONS?

Interactives, mobile-first, and more bite-sized graphics are a newer area of focus for us. Interactive data-based maps and charts are incredibly popular and will only get more robust and compelling in the coming years. The idea of the static, tall, and skinny infographic is falling by the wayside. They don’t scale well on mobile, and the format is stale. Our solution has been to take a deconstructed approach to the infographic. Our templates are modular, which gives us the flexibility to easily excise certain sections to use in more abbreviated contexts, like Instagram.



some references:
  • http://www.modernmarketingpartners.com/top-20-free-infographic-directories-and-submission-tips/
  • https://www.searchenginejournal.com/a-quick-and-dirty-guide-to-modern-day-link-baiting/37115/
  • http://www.columnfivemedia.com/tips-how-to-get-your-infographics-published




Free tool for infographics : google chart


Today we will talk about   google chart


using google chart in as info-graphics tools  give a lot of advantages for developers especially whom working on web technologies 


here are simple pie chart example 

Here's a simple example of a page that displays a pie chart:


also it is easy to use and  here are sample code 

<html>
  <head>
    <script type="text/javascript" src="https://www.gstatic.com/charts/loader.js"></script>
    <script type="text/javascript">
      google.charts.load('current', {'packages':['corechart']});
      google.charts.setOnLoadCallback(drawChart);
      function drawChart() {

        var data = google.visualization.arrayToDataTable([
          ['Task', 'Hours per Day'],
          ['Work',     11],
          ['Eat',      2],
          ['Commute',  2],
          ['Watch TV', 2],
          ['Sleep',    7]
        ]);

        var options = {
          title: 'My Daily Activities'
        };

        var chart = new google.visualization.PieChart(document.getElementById('piechart'));

        chart.draw(data, options);
      }
    </script>
  </head>
  <body>
    <div id="piechart" style="width: 900px; height: 500px;"></div>
  </body>
</html>
you can get more detailes about google chart from here