Difference between revisions of "Infographic"

Difference between revisions of "Infographic"

From Learning and training wiki

Share/Save/Bookmark
Jump to: navigation, search
(Created page with "{{Term|INFOGRAPHIC|Blend of the words ‘information’ and ‘graphic’, the term indicates a visual representation of complex data or concepts through images, colours, graphs ...")
 
 
(65 intermediate revisions by 5 users not shown)
Line 1: Line 1:
{{Term|INFOGRAPHIC|Blend of the words ‘information’ and ‘graphic’, the term indicates a visual representation of complex data or concepts through images, colours, graphs and illustrations. They are designed to make large amounts of complex data understandable ‘at a glance’; in fact, the visual element enhances the decoding and retention of the message.  
+
{{Term|INFOGRAPHIC|Blend of the words ''information'' and ''graphic'', the term indicates a visual representation of complex data or concepts through images, colours, graphs and illustrations. They are designed to make large amounts of complex data understandable ‘at a glance’; in fact, the visual element enhances the decoding and retention of the message. Well-designed infographics have perceptual, motivational, and cognitive characteristics that make them exceptionally valuable for instructional content, including improving:  
Well-designed infographics have perceptual, motivational, and cognitive characteristics that make them exceptionally valuable for instructional content, including improving:  
+
  
 
* clarity and conciseness
 
* clarity and conciseness
Line 8: Line 7:
 
* ease of remembering.  
 
* ease of remembering.  
  
This type of visual representation is used worldwide in every discipline and many examples can be found in our everyday environment, from street signs and underground maps, to weather charts and newspaper articles.  
+
This type of visual representation is used worldwide in every discipline and many examples can be found in our everyday environment, from street signs and underground maps, to weather charts and newspaper articles.<ref>[http://www.onextrapixel.com/2010/05/21/huge-infographics-design-resources-overview-principles-tips-and-examples/  www.onextrapixel.com] (7 August 2012), [http://www.learningsolutionsmag.com/articles/630/make-the-complex-understandable-show-dont-tell/pageall  www.learningsolutionsmag.com] (7 August 2012)</ref>
  
'''Types of infographics'''
 
  
Traditionally, visualizations have included charts, maps or diagrams. Nowadays, infographics implement these elements with a creative and imaginative use of colorful icons and illustrations. There are several inspiring types of infographics; below are listed some of the most popular formats accessible online.
+
__TOC__
 +
=='''Types of Infographics'''==
  
* Timelines (see [example]);
+
Traditionally, visualizations have included charts, maps or diagrams. Nowadays, infographics implement these elements with a creative and imaginative use of colorful icons and illustrations. There are several inspiring types of infographics; below are listed some of the most popular formats accessible online.
* Flowcharts (see example);
+
* Annotated maps (see example);
+
* Pie and line charts (see example);
+
* Diagrams (Venn, networks) (see example);
+
* Size comparisons (see example);
+
* Typographic (where typefaces are used to create an image, see example).
+
  
'''Overview of online tools for creating infographics'''
+
* Timelines <ref>[http://www.wiinintendo.net/wp-content/uploads/2009/12/video-game-timeline.jpg http://www.wiinintendo.net] (7 August 2012)</ref>
 +
* Flowcharts<ref>[http://blog.intuit.com/trends/should-your-business-be-on-pinterest-find-out-infographic/?img=12-03-13_pinterest-flowchart_finalcopy http://blog.intuit.com] (7 August 2012)</ref>
 +
* Annotated maps<ref>[http://www.dominionpaper.ca/files/dominion-img/CBFA-map-ANNOTATED.jpg http://www.dominionpaper.ca] (7 August 2012)</ref>
 +
* Pie and line charts <ref>[http://www.gbltd.com/blog/wp-content/uploads/2010/11/110810-site_goodisinfographics.jpg http://www.gbltd.com] (7 August 2012)</ref>
 +
* Diagrams (Venn, networks) <ref>[http://www.viewtific.com/wp-content/uploads/2012/07/ColinHarman-Venn-Diagram.png http://www.viewtific.com] (7 August 2012)</ref>
 +
* Size comparisons <ref>[http://www.loveinfographics.com/wp-content/uploads/2012/01/world-healthcare-systems-cost-comparisons-health-infographic1.png http://www.loveinfographics.com] (7 August 2012)</ref>
 +
* Typographic (where typefaces are used to create an image) <ref>[http://media.noupe.com/uploads/2012/04/1The-Giant-Panda.jpg http://media.noupe.com] (7 August 2012)</ref>
  
Provided below is an overview of the most popular online tools currently available to create infographics from different templates and customizable elements. Some of these tools come in two versions – free and proprietary. In general, free versions allow users, upon registration, to use basic templates and a limited set of graphic elements to create their infographic. Proprietary versions allow users to access a wider set of templates and functionalities. 
+
=='''Overview of online tools for creating infographics'''==
  
 +
Provided below is an overview of the most popular online tools currently available to create infographics from different templates and customizable elements. Some of these tools come in two versions – free and proprietary. In general, free versions allow users, upon registration, to use basic templates and a limited set of graphic elements to create their infographic. Proprietary versions allow users to access a wider set of templates and functionalities.}}
 +
{| rules="all" style="border:1px solid #7F4F1F;background:#FFFAF0;color:white;" > 
 +
|-
 +
! width= "150pt" | <font color= #7F4F1F> Tool </font>
 +
! width= "150pt" | <font color= #7F4F1F> Specialization </font>
 +
! width= "900pt" | <font color= #7F4F1F> Description </font>
 +
! width= "900pt" | <font color= #7F4F1F> Free/Proprietary </font>
 +
|- style="border:1px solid #D87A35;background:white;color:black;" 
  
 +
|[https://www.thinglink.com/ Thinglink]
 +
|Interactive infographics/pictures
 +
|Thinglink is an interactive image tool that provides users with the ability to turn any image into a multimedia launcher. Users can create multiple "hot spots" on specific parts of an image  and turn the image into a multimedia launcher. Embed video, record audio with the click of a button and a free SoundCloud account, or link to any website.
 +
|-
  
{{Tool|Using Accelerated Learning Techniques|
+
|[https://venngage.com Venngage]
 +
|Generic
 +
|Venngage is an online tool which allows users to create a big variety of products for free like animated and interactive infographics, reports, posters, promotions and social products. The platform is user-friendly and easy to use and the style modern and professional.
 +
Users can create infographics based on available templates, icons and pictures with the possibility to publish, preview, share and download their content.
 +
Really interesting is the feature which allows to add interactive elements as quiz, poll and forms.
 +
|Free version: It allows users to create visuals in a clear and professional way through the use of many sources such as icons and charts.
 +
Paid version: With the Premium or Business plan users can also export their creative content in PNG, PNG HD and interactive PDF.
 +
|-
  
=='''Guiding Principles'''==
+
|[http://piktochart.com Piktochart]
 +
|Charts/Maps/Graphs
 +
|With a set of professional design tools, Piktochart helps users in designing presentations. They can combine themes, shapes, icons, vectors, text, interactive charts, maps, uploaded images and export charts. It allows also to directly import personal data or survey results and convert them into visuals.
 +
|Free version: it allows users to create simple and neat infographics based on 3 basic themes. It allows a maximum of 40 MB of uploading material with the possibility to export it only in pictures format but not in PDF.
 +
Paid version: contains a high-quality range of templates and customizable elements; features a Drag-and-drop system that lets users easily insert images, icons, charts and graphics.
 +
|-
 +
|[https://infogr.am Infogram]
 +
|Interactive charts and maps
 +
|Online tool which enables users to convert data into infographics with a wide availability of effective icons, templates, charts and graphic tools.
 +
|Free version: it allows users to create infographics but with a limited number of features (10 projects, up to 2 maps and 2 images uploads)
 +
|-
 +
|[http://www.tableausoftware.com/public Tableau Public]
 +
|Generic
 +
|Desktop product that can be used to publish interactive data to the web. Once on the web, anyone can interact with the data, download it, or create their own visualizations from it. No programming skills are required.
 +
|Free
 +
|-
 +
|[http://www.google.com/publicdata/directory Google Public Data]
 +
|Data sets
 +
|Service that lets users easily take public data -pulled from the US Census Bureau - and transform it into an infographic. Embedded charts and links can be updated automatically so users are always sharing the latest available data.
 +
|Free
 +
|-
 +
|[http://www-958.ibm.com Many Eyes]
 +
|Data sets
 +
|It consists of a collection of data visualizations that can be viewed, modified and discussed with other users.
 +
|Free version: visualizations can be created only from existing data sets.
 +
Paid version: members can upload their own data.
 +
|-
 +
|[http://www.fluxvfx.com Flux VFX]
 +
|Video
 +
|It consists of a repository of templates created with Adobe After Effects that users can download. All photos/videos and text areas can be easily filled in with personal content. 
 +
|Templates have to be paid for.
 +
|-
 +
|[http://www.statsilk.com Stat Silk]
 +
|Video
 +
|Tool for creating interactive maps using data available from their data sets.
 +
|Free
 +
|-
 +
|[http://www.hohli.com Hohli]
 +
|Charts
 +
|Chart builder that allows the creation of a wide range of charts (e.g Venn diagrams, lines, bar and pie charts, scatter plots).
 +
|Free
 +
|-
 +
|[http://www.creately.com Creately]
 +
|Diagrams and charts
 +
|It lets users create diagrams and flow charts, which can be edited by multiple users at the same time thanks to its Online Collaboration feature. Available in two versions: online and desktop.
 +
|The desktop version needs a paying license.
 +
Free online version: it offers a limited number of diagrams, users and collaborators.
 +
Paid online version: it allows group of people working on unlimited diagrams and projects.
 +
|-
 +
|[http://www.cacoo.com Cacoo]
 +
|Diagrams
 +
|Drawing tool that allows users to create a variety of diagrams (e.g. site maps, wire frames, UML and network charts) and collaborate online with other editors. One of its best features is that it can be associated to your Google+ account to share diagrams during a live video chat in Google+ Hangouts.
 +
|Free version: it allows exporting only into PNG format for a maximum of 25 sheets; shared folders and editors are limited.
 +
Paid versions: more services are available, as unlimited shared folders and editors.
 +
|-
 +
|[http://www.vizify.com/tweetsheet/ Vizify's Tweetsheet]
 +
|Twitter
 +
|Tool for monitoring Twitter activity. In a few seconds, it transforms a number of tweets, the most-retweeted posts, top followers, geographic impact and favorite themes into an infographic.
 +
|Free
 +
|-
 +
|[http://www.wordle.net Wordle]
 +
|Wordle cloud
 +
|“Word clouds” generator from texts that users provide. It is possible to personalize the clouds with different fonts, layouts and color schemes. Users can print images out, save them to the Wordle gallery to share with others or embed them into blogs and websites.
 +
|Free
 +
|-
 +
|[http://www.easel.ly/ Easel.ly]
 +
|Generic
 +
|Easy to use online tool to create infographics. The user can drag and drop a theme onto a canvas; insert images, icons and text boxes; customize sizes and colors. 
 +
|Free
 +
|}
  
  
*'''Learning involves the whole mind and body'''
+
{{Tool|Designing an effective infographic|
  
Learning is not merely "head" learning (conscious, rational, "left-brained," and verbal); it involves the whole body/mind with all its emotions, senses, and receptors.
+
=='''How to design an effective infographic'''==
*'''Learning is creation, not consumption'''
+
  
Knowledge is not something a learner absorbs, but something a learner creates. Learning happens when a learner integrates new knowledge and skills into his or her existing structure of self. Learning is literally a matter of creating new meanings, new neural networks, and new patterns of electro/chemical interactions within one's total brain/body system.
+
When you are going to design your own infographic, keep in mind that your first aim is to make the ideas that you want to spread simple - understandable by anyone, even a child - and attractive. In other words, your infographic will fulfill its purpose when the reader is compelled to print and use it as a visual guide that can be easily consulted.  
*'''The image brain absorbs information instantly and automatically'''
+
  
The human nervous system is more of an image processor than a word processor. Concrete images are much easier to grasp and retain than are verbal abstractions. Translating verbal abstractions into concrete images of all kinds will make those verbal abstractions faster to learn and easier to remember.
+
The points below might be used as a simple parameter to remember while designing infographics.
  
 +
*'''Select a question you want to answer  and get to the point'''
 +
This is the first step.  The more time you spend on this part, the visualization you will end up with will be more engaging and imaginative. As you are telling a story, the best way to start is by displaying the crucial question right at the top. It will help you to define your goal, to attract attention and to create an effect of suspense.
  
=='''The Learning Environment'''==
+
*'''Organize information'''
+
Collect and verify data that you need and then distill it to a few essential points. The content must be well-organized to help and guide the readers to get the point of your message. Don’t let your readers say “I’ve been wasting my time reading this!”.
*'''A positive learning environment'''
+
  
People learn best in a positive physical, emotional, and social environment, one that is both relaxed and stimulating. A sense of wholeness, safety, interest, and enjoyment is essential for optimizing human learning. Feelings determine both the quality and quantity of one's learning. Negative feelings inhibit learning. Positive feelings accelerate it.
+
*'''Make it simple'''  
*'''Total learner involvement'''
+
Simplification is a matter of knowing who exactly your target audience is. Imagining your public reading your infographic is a way to interpret their needs.
  
People learn best when they are totally and actively involved and take full responsibility for their own learning. Learning is not a spectator sport but a participatory one. Knowledge is not something a learner passively absorbs, but something a learner actively creates. Thus, Accelerated Learning tends to be more activity-based rather than materials-based or presentations-based.
+
*'''Represent your ideas combining text with colors, illustrations, icons or charts'''
*'''Collaboration among learners'''
+
How your infographic finally looks depends on your creativity; the more attractive and dynamic it is, the more memorable your message will be. Playing with colors is the first way for authors to guide their readers effectively, making them more focused on the object; see different colour combinations on Kuler <ref> [http://kuler.adobe.com/#themes/newest?time=30 http://kuler.adobe.com] (7 August 2012)</ref>. Moreover, try to combine single concepts with typography, illustrations, images, charts, diagrams or icons: these visual clues are helpful not only in catching attention but also in representing causes and effects, emphasizing concepts, comparing elements or showing hierarchy between elements.
  
People generally learn best in an environment of collaboration. All good learning tends to be social. Whereas traditional learning emphasizes competition between isolated individuals, Accelerated Learning emphasizes collaboration between learners in a learning community.
+
=='''Using infographics for e-Learning: showing rather than telling'''==
*'''Variety that appeals to all learning styles'''
+
  
People learn best when they have a rich variety of learning options that allows them to use all their senses and exercise their preferred learning style. Rather than thinking of a learning program as a one-dish meal, Accelerated Learning thinks of it as a results-driven, learner-centered.
+
There are many parallels between infographic design and [[E-Learning]]: understanding more about visual communication should be helpful for building a better e-Learning environment. First of all they are both based on the concept of showing information in a visual medium, selecting the most relevant concepts and focusing on key points and essential information. The more you view graphics and animations as equal players in your e-Learning designs, the better equipped you’ll be for developing more engaging courses.
*'''Contextual learning'''
+
Listed below are some relevant points to integrate ideas from infographics into e-Learning. <ref>[http://www.articulate.com/rapid-elearning/how-can-infographics-produce-better-e-learning-courses/  www.articulate.com] (2 August 2012)</ref>
  
People learn best in context. Facts and skills learned in isolation are hard to absorb and quick to evaporate. The best learning comes from doing the work itself in a continual process of "real-world" immersion, feedback, reflection, and re-immersion. People learn how to swim by swimming, how to manage by managing, how to sing by singing, and how to care for customers by caring for customers.  
+
*'''Focused information'''
 +
How can you apply what you see in the infographics to your e-Learning courses? Instead of writing a title on the screen with a list of bullet points, write a single sentence that makes the point. Use that sentence to guide the visualization of the information.  
  
=='''Checklist for conducting a course'''==
+
*'''Data visualization'''
 +
We know that the key point of infographics is the data. So instead of explaining it through many words, let the data convey the information. Converting the data into illustrations, you can give the images the power to do what words alone cannot.
  
'''Before'''
+
*'''Color scheme'''
 +
Most infographics use colors and elements that show up on the screen. These techniques also work with e-Learning screens. In fact, you should start by finding an infographic you like and then replicating the layout on the e-Learning course screen. That will give you some practice playing with layout and colors. While you may never design an infographic, making it a habit to review them is a worthwhile pursuit that can inspire your own e-Learning course design.
  
* Welcome and prepare participants for the course (through welcome kit, letter, pre-quiz, list of participants, previous testimonials, etc.)
+
=='''Job Aid'''==
* Create emotional connection for students to learn
+
[[Image: pdf.png]] [[Media:Designing_an_effective_Infographic.pdf‎‎| Designing an effective Infographic]]}}
* Help participants to set their [[Course Goals|goals]] regarding the course, get them invested in learning
+
* Create a welcoming, positive learning environment
+
  
  
'''During'''
 
  
* Ask students to contribute to shaping the learning environment (decoration, rearrangement, visual goal setting, etc.)
+
{{Addlink|Find below additional information and resources.}}
* Utilize all senses of the students, move beyond hearing and seeing
+
{|border=1; width= 100%
* Offer opportunities of practice through simulations, role plays, active exams, and games
+
!Link
* Use schemes to present learning content (it facilitates learning and enhances memory)
+
!Content
* Follow the principle: “To learn, do.” (involve students to learn in an active way)
+
|-
* Break down preconceived notions
+
|[http://blog.visme.co/how-to-make-an-infographic/ How to make infographics - A visual guide for beginners (Free E-book)]
* Facilitate active participation
+
|This easy-to-follow, step-by-step visual guide is designed to provide beginners a general overview on how creating persuasive Infographics
* Allow time for students to get to know each other and to connect
+
|-
* Use tasks created by students
+
|[http://www.smashingmagazine.com/2013/07/29/common-misconception-designing-data/?utm_source=buffer&utm_campaign=Buffer&utm_content=bufferf685d&utm_medium=twitter/ All That Glitters Is Not Gold]
* Offer space for reflection (course evaluations, interviews)
+
|A very interesting article about common misconceptions about designing with data.
* Celebrate the experience (class Q&As, reward system)
+
|-
 +
|[http://neomam.com/interactive/13reasons/ 13 reasons why our brain craves infographics]
 +
|Infographic that explains why our brain craves infographics in only 7 minutes!.
 +
|-
 +
|[http://pinterest.com/click4it/boards/ Click4it infographics on Pinterest]
 +
|The Click4it Pinterest page has various boards with infographics related to learning and training. 
 +
|-
 +
|[http://flirtingwelearning.wordpress.com/2011/09/01/infographic-understanding-kirkpatricks-4-levels-of-evaluation/ Understanding Kirkpatrick’s 4 Levels of Evaluation]
 +
|Infographic representing [[Kirkpatrick Model]].
 +
|-
 +
|[http://www.tacticaltech.org/sites/tacticaltech.org/files/infodesign.pdf Visualizing Information for Advocacy]
 +
|This article is an introduction to information design addressed to organizations involved in advocacy and research activities.
 +
|-
 +
|[http://www.fastcodesign.com/1665149/why-infographics-matter-video The value of visualisation (Video, 1,43 min)]
 +
|In this video the author explains the importance of infographics in improving communication. 
 +
|-
 +
|[http://www.slideshare.net/elearningindustry/18-free-tools-to-create-infographics-for-your-learners 18 free tools to create infographics for your learners]
 +
|A list of free tools to easily create infographics. 
 +
|-
 +
|[http://civicinfographics.ahref.eu/en/ahref-log/civic-infographics/infographics-as-a-link-between-analysis-and-communication Infographics as a link between analysis and communication]
 +
|The importance of perception for analysis and communication through infographics.
 +
|-
 +
|[http://www.articulate.com/rapid-elearning/how-can-infographics-produce-better-e-learning-courses/ How can infographics produce better e-Learning courses?]                                                 
 +
|An article about parallels between Infographic and e-Learning. They both share information in a visual medium. Those who design infographics start with lots of information and distill them to a few essential points. That’s very similar to what instructional designers do when a subject matter expert hands them a PowerPoint file to be converted to an e-Learning course.
 +
|}
  
 
+
== References ==
'''After'''
+
<references/>
 
+
* Explore ways of applying what the participants have learnt during the course
+
* Plan for networking (e-mails, forums and other social links)
+
* Establish mentoring partnerships}}
+

Latest revision as of 09:11, 17 March 2017

Term2.png INFOGRAPHIC
Blend of the words information and graphic, the term indicates a visual representation of complex data or concepts through images, colours, graphs and illustrations. They are designed to make large amounts of complex data understandable ‘at a glance’; in fact, the visual element enhances the decoding and retention of the message. Well-designed infographics have perceptual, motivational, and cognitive characteristics that make them exceptionally valuable for instructional content, including improving:
  • clarity and conciseness
  • ability to make sense of complex information
  • focus on key information
  • engagement
  • ease of remembering.

This type of visual representation is used worldwide in every discipline and many examples can be found in our everyday environment, from street signs and underground maps, to weather charts and newspaper articles.[1]


Contents

Types of Infographics

Traditionally, visualizations have included charts, maps or diagrams. Nowadays, infographics implement these elements with a creative and imaginative use of colorful icons and illustrations. There are several inspiring types of infographics; below are listed some of the most popular formats accessible online.

  • Timelines [2]
  • Flowcharts[3]
  • Annotated maps[4]
  • Pie and line charts [5]
  • Diagrams (Venn, networks) [6]
  • Size comparisons [7]
  • Typographic (where typefaces are used to create an image) [8]

Overview of online tools for creating infographics

Provided below is an overview of the most popular online tools currently available to create infographics from different templates and customizable elements. Some of these tools come in two versions – free and proprietary. In general, free versions allow users, upon registration, to use basic templates and a limited set of graphic elements to create their infographic. Proprietary versions allow users to access a wider set of templates and functionalities.
Tool Specialization Description Free/Proprietary
Thinglink Interactive infographics/pictures Thinglink is an interactive image tool that provides users with the ability to turn any image into a multimedia launcher. Users can create multiple "hot spots" on specific parts of an image and turn the image into a multimedia launcher. Embed video, record audio with the click of a button and a free SoundCloud account, or link to any website.
Venngage Generic Venngage is an online tool which allows users to create a big variety of products for free like animated and interactive infographics, reports, posters, promotions and social products. The platform is user-friendly and easy to use and the style modern and professional.

Users can create infographics based on available templates, icons and pictures with the possibility to publish, preview, share and download their content. Really interesting is the feature which allows to add interactive elements as quiz, poll and forms.

Free version: It allows users to create visuals in a clear and professional way through the use of many sources such as icons and charts.

Paid version: With the Premium or Business plan users can also export their creative content in PNG, PNG HD and interactive PDF.

Piktochart Charts/Maps/Graphs With a set of professional design tools, Piktochart helps users in designing presentations. They can combine themes, shapes, icons, vectors, text, interactive charts, maps, uploaded images and export charts. It allows also to directly import personal data or survey results and convert them into visuals. Free version: it allows users to create simple and neat infographics based on 3 basic themes. It allows a maximum of 40 MB of uploading material with the possibility to export it only in pictures format but not in PDF.

Paid version: contains a high-quality range of templates and customizable elements; features a Drag-and-drop system that lets users easily insert images, icons, charts and graphics.

Infogram Interactive charts and maps Online tool which enables users to convert data into infographics with a wide availability of effective icons, templates, charts and graphic tools. Free version: it allows users to create infographics but with a limited number of features (10 projects, up to 2 maps and 2 images uploads)
Tableau Public Generic Desktop product that can be used to publish interactive data to the web. Once on the web, anyone can interact with the data, download it, or create their own visualizations from it. No programming skills are required. Free
Google Public Data Data sets Service that lets users easily take public data -pulled from the US Census Bureau - and transform it into an infographic. Embedded charts and links can be updated automatically so users are always sharing the latest available data. Free
Many Eyes Data sets It consists of a collection of data visualizations that can be viewed, modified and discussed with other users. Free version: visualizations can be created only from existing data sets.

Paid version: members can upload their own data.

Flux VFX Video It consists of a repository of templates created with Adobe After Effects that users can download. All photos/videos and text areas can be easily filled in with personal content. Templates have to be paid for.
Stat Silk Video Tool for creating interactive maps using data available from their data sets. Free
Hohli Charts Chart builder that allows the creation of a wide range of charts (e.g Venn diagrams, lines, bar and pie charts, scatter plots). Free
Creately Diagrams and charts It lets users create diagrams and flow charts, which can be edited by multiple users at the same time thanks to its Online Collaboration feature. Available in two versions: online and desktop. The desktop version needs a paying license.

Free online version: it offers a limited number of diagrams, users and collaborators. Paid online version: it allows group of people working on unlimited diagrams and projects.

Cacoo Diagrams Drawing tool that allows users to create a variety of diagrams (e.g. site maps, wire frames, UML and network charts) and collaborate online with other editors. One of its best features is that it can be associated to your Google+ account to share diagrams during a live video chat in Google+ Hangouts. Free version: it allows exporting only into PNG format for a maximum of 25 sheets; shared folders and editors are limited.

Paid versions: more services are available, as unlimited shared folders and editors.

Vizify's Tweetsheet Twitter Tool for monitoring Twitter activity. In a few seconds, it transforms a number of tweets, the most-retweeted posts, top followers, geographic impact and favorite themes into an infographic. Free
Wordle Wordle cloud “Word clouds” generator from texts that users provide. It is possible to personalize the clouds with different fonts, layouts and color schemes. Users can print images out, save them to the Wordle gallery to share with others or embed them into blogs and websites. Free
Easel.ly Generic Easy to use online tool to create infographics. The user can drag and drop a theme onto a canvas; insert images, icons and text boxes; customize sizes and colors. Free


Toolkit.png Designing an effective infographic

How to design an effective infographic

When you are going to design your own infographic, keep in mind that your first aim is to make the ideas that you want to spread simple - understandable by anyone, even a child - and attractive. In other words, your infographic will fulfill its purpose when the reader is compelled to print and use it as a visual guide that can be easily consulted.

The points below might be used as a simple parameter to remember while designing infographics.

  • Select a question you want to answer and get to the point

This is the first step. The more time you spend on this part, the visualization you will end up with will be more engaging and imaginative. As you are telling a story, the best way to start is by displaying the crucial question right at the top. It will help you to define your goal, to attract attention and to create an effect of suspense.

  • Organize information

Collect and verify data that you need and then distill it to a few essential points. The content must be well-organized to help and guide the readers to get the point of your message. Don’t let your readers say “I’ve been wasting my time reading this!”.

  • Make it simple

Simplification is a matter of knowing who exactly your target audience is. Imagining your public reading your infographic is a way to interpret their needs.

  • Represent your ideas combining text with colors, illustrations, icons or charts

How your infographic finally looks depends on your creativity; the more attractive and dynamic it is, the more memorable your message will be. Playing with colors is the first way for authors to guide their readers effectively, making them more focused on the object; see different colour combinations on Kuler [9]. Moreover, try to combine single concepts with typography, illustrations, images, charts, diagrams or icons: these visual clues are helpful not only in catching attention but also in representing causes and effects, emphasizing concepts, comparing elements or showing hierarchy between elements.

Using infographics for e-Learning: showing rather than telling

There are many parallels between infographic design and E-Learning: understanding more about visual communication should be helpful for building a better e-Learning environment. First of all they are both based on the concept of showing information in a visual medium, selecting the most relevant concepts and focusing on key points and essential information. The more you view graphics and animations as equal players in your e-Learning designs, the better equipped you’ll be for developing more engaging courses. Listed below are some relevant points to integrate ideas from infographics into e-Learning. [10]

  • Focused information

How can you apply what you see in the infographics to your e-Learning courses? Instead of writing a title on the screen with a list of bullet points, write a single sentence that makes the point. Use that sentence to guide the visualization of the information.

  • Data visualization

We know that the key point of infographics is the data. So instead of explaining it through many words, let the data convey the information. Converting the data into illustrations, you can give the images the power to do what words alone cannot.

  • Color scheme

Most infographics use colors and elements that show up on the screen. These techniques also work with e-Learning screens. In fact, you should start by finding an infographic you like and then replicating the layout on the e-Learning course screen. That will give you some practice playing with layout and colors. While you may never design an infographic, making it a habit to review them is a worthwhile pursuit that can inspire your own e-Learning course design.

Job Aid

Pdf.png Designing an effective Infographic


Link icon.png Web Resources
Find below additional information and resources.
Link Content
How to make infographics - A visual guide for beginners (Free E-book) This easy-to-follow, step-by-step visual guide is designed to provide beginners a general overview on how creating persuasive Infographics
All That Glitters Is Not Gold A very interesting article about common misconceptions about designing with data.
13 reasons why our brain craves infographics Infographic that explains why our brain craves infographics in only 7 minutes!.
Click4it infographics on Pinterest The Click4it Pinterest page has various boards with infographics related to learning and training.
Understanding Kirkpatrick’s 4 Levels of Evaluation Infographic representing Kirkpatrick Model.
Visualizing Information for Advocacy This article is an introduction to information design addressed to organizations involved in advocacy and research activities.
The value of visualisation (Video, 1,43 min) In this video the author explains the importance of infographics in improving communication.
18 free tools to create infographics for your learners A list of free tools to easily create infographics.
Infographics as a link between analysis and communication The importance of perception for analysis and communication through infographics.
How can infographics produce better e-Learning courses? An article about parallels between Infographic and e-Learning. They both share information in a visual medium. Those who design infographics start with lots of information and distill them to a few essential points. That’s very similar to what instructional designers do when a subject matter expert hands them a PowerPoint file to be converted to an e-Learning course.

References

  1. www.onextrapixel.com (7 August 2012), www.learningsolutionsmag.com (7 August 2012)
  2. http://www.wiinintendo.net (7 August 2012)
  3. http://blog.intuit.com (7 August 2012)
  4. http://www.dominionpaper.ca (7 August 2012)
  5. http://www.gbltd.com (7 August 2012)
  6. http://www.viewtific.com (7 August 2012)
  7. http://www.loveinfographics.com (7 August 2012)
  8. http://media.noupe.com (7 August 2012)
  9. http://kuler.adobe.com (7 August 2012)
  10. www.articulate.com (2 August 2012)