Infographics as Teaching Tools - InSync Training Girl...INFOGRAPHICS AS TEACHING TOOLS (GEEKY GIRL KARIN REX) How do we compose well-designed infographics that help our learners make

Infographics as Teaching Tools

Infographics are striking visual representations of information intended to illustrate information efficiently and effectively. Additionally, they can be FUN to explore! Infographics are advantageous in learning because they have the power to improve comprehension by using graphics to enhance a participant’s ability to see patterns and trends. In doing so, infographics support learning transfer and retention.

In this session, you will explore the use of infographics as learning tools, examine standard infographic types and investigate what comprises a powerful infographic for learning.

Karin Rex 215-393-7640

www.karinrex.com

Geeky Girl, LLC

[email protected]

INFOGRAPHICS AS TEACHING TOOLS (GEEKY GIRL KARIN REX)

Why Infographics are Well Suited for Learning Infographics have the power to improve comprehension by using graphics to enhance a participant’s ability to see patterns and trends. In doing so, infographics support learning transfer and retention.

That is what infographics are best at: making information more memorable


Cognitive Load Theory


How do we compose well-designed infographics that help our learners make strong mental models? Composition (or layout) has a lot to do with it. How well we compose our infographics will determine how successful they are.

Infographic Composition Elements

Whitespace

Whitespace is the empty space between and around the elements in a visual.

Whitespace can include: space around visuals (separating it from text), margins, gutters, space between columns, and even the space between lines of text.

Whitespace Adds elegance Enhances readability & legibility Strengthens emphasis Creates balance

Which is better with regard to whitespace? _________

?


Repetition Repetition refers to repeating designing elements throughout a document to add a

sense of cohesiveness and continuity to the document. Repeating elements can be anything from colors, shapes, textures, line thicknesses,

fonts, font sizes, etc. This cohesiveness translates to the learner as comfort and safety (recognition and

consistency) and reduces extraneous cognitive load by creating a sense of continuity.

Which is better with regard to repetition? _________


Alignment Alignment conveys harmony and a sense of order. Alignment is important to the comfort and safety of the learner.

Which is better with regard to alignment? _________

Which is better with regard to alignment? _________


Proximity Proximity means grouping elements

together that are related to each other. The physical relationships and spaces

between elements in your visual create a level of emphasis.

When you combine the power of proximity with the judicious use of whitespace you are reducing cognitive load by making the visual easier to scan.

Which is better with regard to proximity? _________


Wording The words used in a visual need to support the learning point being made. Words in a visual should be kept to a minimum or they will have the opposite effect

of reducing cognitive load. Words are graphics too! So whitespace, repetition, alignment and proximity all

relate to the words you include as well.

Which is better with regard to wording and proximity? _________



Resources

Want more infographic history? Visit https://visual.ly/m/history-of-infographics/

John Medina, Brain Rules Visit http://www.brainrules.net/about-brain-rules

7 Reasons To Use Infographics In Online Training https://elearningindustry.com/7-top-benefits-using-infographics-in-online-training

7 Types of Infographics neomam.com/blog/the-8-types-of-infographic

Nuts and Bolts: Brain Bandwidth - Cognitive Load Theory and Instructional Design (Jane Bozarth) http://www.learningsolutionsmag.com/articles/498/nuts-and-bolts-brain-bandwidth---cognitive-load-theory-and-instructional-design

Tools to Make Infographics

Piktochart https://piktochart.com

Canva https://www.canva.com/create/infographics/

Venngage https://www.venngage.com

Ease.ly https://www.easel.ly/

Infogr.am https://infogr.am/

Geeky Girl’s Favorite

Documents

Infographics as Teaching Tools - InSync Training Girl...INFOGRAPHICS AS TEACHING TOOLS (GEEKY GIRL KARIN REX) How do we compose well-designed infographics that help our learners make