For Elearning Developers Infographics 101 1
Infographics 101 for elearning (instructional designers + graphics designers)
Dec 02, 2014
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.
Welcome message from author
This document is posted to help you gain knowledge. Please leave a comment to let me know what you think about it! Share it to your friends and learn new things together.
Transcript
1
For Elearning Developers
Infographics 101
2
The BasicsWhat is It About?
3
Infographics are visual representations of information. What
4
1. Easier to ‘read’ and understand data
2. Easier to construct meaning and interpretation of data
3. Bring out aspects of data that support deeper reflection
Why
5
Designing an InfographicHow to Go About It
6
Type of data (spatial, chronological, quantitative, qualitative, statistical)
Volume of data
Important or dramatic aspects in the data
Purpose of showing this data in a course
(do this with the ID)
1. Look at the Data
7
Chart (flow, organizational, schematic)
Graph(quantitative data, axis of comparison, relationships between quantities)
Map (locational, schematic, spatial)
Diagram (icon, sequence, process, timeline)
2. Identify the Best Representation
8
LATCH (Location Alphabetical Time Category Hierarchy)
Visual/semiotic organisation
Accessibility of data layers
(do this with the ID)
3. Organise the Data
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 you’re using: pick one of orientation, position, shape, size, texture, or weight)
Font
4. Plan the Aesthetics
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)
5. Fine-tune Key Components
11
Static
Interactive
Animated
6. Decide the Type of Infographic
12
Summary of Steps
13
The Good, The Bad, The Fluffy
Samples and General Guidelines
Note: The following infographics do not belong to me. They are samples picked up from around the internet from freely accessible sites.
14
Importance of Collaboration and
Content Comprehension
15
Building in Thematic and
Content Relevance
16
The Good:Be Different
17
The Bad:Check if an
Infographic is Actually Viable
18
The Fluffy:Ensure You Convey
a Clear Message
19
Does Either Work?
20
Aesthetic But Fluffy:
Data Still Matters
21
Focal Points or Migraines:
Pick One
22
Multiple Uses:Story and Menu?
23
The End.
Infographics 101
Related Documents
