infographics 101 for elearning (instructional designers + graphics designers)

Download Infographics 101 for elearning (instructional designers + graphics designers)

Post on 02-Dec-2014



Self Improvement

0 download

Embed Size (px)


This is a couple of slides cobbled together for elearning companies specifically, touching on what goes into an infographic, how to analyse a piece of information, the design decisions to be taken to create an infographic, some samples for discussion and so on.


  • 1. For Elearning Developers1

2. What is It About?2 3. Infographics are visual representations of information.3 4. 1.Easier to read and understand data2.Easier to construct meaning and interpretation of data3.Bring out aspects of data that support deeper reflection4 5. How to Go About It5 6. Type of data (spatial, chronological, quantitative, qualitative, statistical)Volume of dataImportant or dramatic aspects in the dataPurpose of showing this data in a course(do this with the ID)6 7. Chart (flow, organizational, schematic)Graph(quantitative data, axis of comparison, relationships between quantities)Map (locational, schematic, spatial)Diagram (icon, sequence, process, timeline)7 8. LATCH (Location Alphabetical Time Category Hierarchy)Visual/semiotic organisationAccessibility of data layers(do this with the ID)8 9. Grid (to establish movement, space, establish relationships and hierarchies, denote groupings. Think vertically and horizontally and identify focal points)Colour (remember to have about 70 contrast between object and background check in grayscale.)Contrast (limit the key youre using: pick one of orientation, position, shape, size, text ure, or weight)Font9 10. Gestalt perception principles Ask for what you need to make the content clearer/better represented (e.g. weaving a trail of connection between all of the elements) (do part of this with the ID)10 11. StaticInteractiveAnimated11 12. 12 13. Samples and General GuidelinesNote: The following infographics do not belong to me. They are samples picked up from around the internet from freely accessible sites.13 14. 14 15. 15 16. 16 17. 17 18. 18 19. 19 20. 20 21. 21 22. 22 23. The End.23