learn it2015 keynote infographics

Getting Graphic about Infographics: Strategies for incorporating

visuals in the classroom

Patrick R. LowenthalBoise State University

ABOUT ME

educator

researcher

designer

developer

patricklowenthal.com

Twitter @plowenthalPatrick Lowenthal

Religion PowerPoint

TedTalks

SEO

YuhnkeDesign

1995 2001 2005 2011 2012 2013 2014

OVERVIEW

Agenda

What Why How

I’m here to get

you excited about

infographics

WHAT’S AN INFOGRAPHIC?

Definitions…

“A visual representation of data” (data visualization = infographic)

“Information or data that is shown in a chart,

diagram…so that it is easy to understand” (2011 added to Oxford dictionary)

“Larger graphic design that combines data

visualizations, illustrations, text, and images

together into a format that tells a complete story”

[ general specific

]

Definitions…

“A visual representation of data” (data visualization = infographic)

“Information or data that is shown in a chart,

diagram…so that it is easy to understand” (2011 added to Oxford dictionary)

“Larger graphic design that combines data

visualizations, illustrations, text, and images

together into a format that tells a complete story”

[ general specific

]

Definitions…

“A visual representation of data” (data visualization = infographic)

“Information or data that is shown in a chart,

diagram…so that it is easy to understand”(2011 added to Oxford dictionary)

“Larger graphic design that combines data

visualizations, illustrations, text, and images

together into a format that tells a complete story”

[ general specific

]

Definitions…

“A visual representation of data” (data visualization = infographic)

“Information or data that is shown in a chart,

diagram…so that it is easy to understand” (2011 added to Oxford dictionary)

“Larger graphic design that combines data

visualizations, illustrations, text, and images together

into a format that tells a complete story”

[ general specific

]

…more like

articles or

speeches than

charts

Google

Images

Visually

Pinterest

Purpose is to

inform, entertain, or

persuade.

Types of Infographics

according to Siricharoen

• Statistical Based

• Timeline Based

• Process Based

• Location or

Geography Based

according to Krum

• Informative

• Persuasive

• Visual Explanations

Types of Infographics

according to Siricharoen

• Statistical Based

• Timeline Based

• Process Based

• Location or

Geography Based

according to Krum

• Informative

• Persuasive

• Visual Explanations

Media Formats

according to Krum

Interactive

Infographics

Video Infographics

Animated Infographics

Clickable Infographics

Zooming Infographics

Static Infographics

All

data visualization

is biased(e.g., Google “abortion

infographics” OR “political

infographics”)

WHY USE INFOGRAPHICS?

2. Improve Learning

1. Standards

3. Fun

1. StandardsSubject-matterSense-making and information literacy.

NETS for studentsCreativity and innovation, communication and collaboration, & research and information fluency.

Common CoreCollege and career readiness touch on integrating and evaluating diverse media.

2. Improve Learning

Picture

Superiority

EffectCircle

More

remember this

Less

remember this

3. Fun

HOW TO USE INFOGRAPHICS?

General Ways to Use

1 Interpret

2 Create

WHAT’S A GOOD INFOGRAPHIC?

my research

Getting Graphic…

Dunlap, J., & Lowenthal, P. R. (under review).

Getting graphic about infographics:

Design lessons learned from popular

infographics.

Aesthetic Learning Experiences

Immediacy

Malleability

Compellingness

Resonance

Coherence

Top Rated

general RECOMMENDATIONS

Unexpected element (e.g., humor)

Not simply information + graphics

Allow multiple pathways

Use visuals + structure; less text

general RECOMMENDATIONS

Unexpected element (e.g., humor)

Not simply information + graphics

Allow multiple pathways

Use visuals + structure; less text

general RECOMMENDATIONS

Unexpected element (e.g., humor)

Not simply information + graphics

Allow multiple pathways

Use visuals + structure; less text

general RECOMMENDATIONS

Unexpected element (e.g., humor)

Not simply information + graphics

Allow multiple pathways

Use visuals + structure; less text

tips: STRUCTURE & FORM

Concise1-2 pages

Only

essential

elements

Clear &

dominant

title

tips: STRUCTURE & FORM

Concise1-2 pages

Only

essential

elements

Clear &

dominant

title

tips: STRUCTURE & FORM

Concise1-2 pages

Only

essential

elements

Clear &

dominant

title

tips: CONTENT

Clear focus and (concise) purpose

Content rules! Visuals don’t improve bad content

Captures the essence of an idea

Provide sources (when appropriate)

tips: CONTENT

Clear focus and (concise) purpose

Content rules! Visuals don’t improve bad content

Captures the essence of an idea

Provide sources (when appropriate)

tips: CONTENT

Clear focus and (concise) purpose

Content rules! Visuals don’t improve bad content

Captures the essence of an idea

Provide sources (when appropriate)

tips: CONTENT

Clear focus and (concise) purpose

Content rules! Visuals don’t improve bad content

Captures the essence of an idea

Provide sources (when appropriate)

tips: VISUAL ELEMENTS

Only relevant

visuals

Use visual

representations

of relationships

Use simple

visuals

tips: VISUAL ELEMENTS

Only relevant

visualsUse visual

representations

of relationships

Use simple

visuals

tips: VISUAL ELEMENTS

Only relevant

visuals

Use visual

representations

of relationships

Use simple

visuals

Tips According to Krum

according to Krum

• Engaging topic

• New, surprising information

• Visually appealing and distinctive

• Simple, focused message

• Quick and easy to read

• Easy to share

• Clear, easy to understand data visualizations

• Credible data sources

EXAMPLES

IMPLICATIONS

personal

IMPLICATIONS

classroom

General Ways to Use

1 Interpret

2 Create

Interpret Example

Visual read-aloud/think-alouds of

infographics

Re-visualizing the data in an infographic

Interpret Example

Visual read-aloud/think-alouds of

infographics

Re-visualizing the data in an infographic

General Ways to Use

1 Interpret

2 Create

Create Process

Step One: Get an idea

Step Two: Sketch it out

Step Three: Collect the data

Step Four: Develop proof of concepts

Step Five: Lay it out and have fun (Krauss)

Create Example

Students create their

own with something they

are comfortable with!

Lesson Plans

Investigate &

Solve a Problem!

More Ideas

according to Krauss

• Showing the percentage of family income that

goes toward food in countries around the world

• A visualization of time-travel plots in films and

TV

• An infographic that represents the largest

bankruptcies in history by showing insolvent

companies as sinking ships of relative size”

Other ideas? Let’s Share

Bitter Medicine -

Inequalities in

HealthcareTanna Lewis

The Militarization

of the Police

Force - From

Iraq to IowaKelly Mihalik

Human

TraffickingDaniel Medina

Key Books

Cool Infographics by Randy Krum

The Wall Street Journal

Guide to Information Graphicsby Dona M. Wong

Key ArticlesKrauss, J. (2012). Infographics: More than words can say. Learning & leading with

Technology, 39(5), 10-14. Retrieved from http://goo.gl/bjurRW

Siricharoen, W. V. (2013). Infographics: The New Communication Tools in Digital Age.

In The international conference on e-technologies and business on the web (EBW2013)

(pp. 169-174). Retrieved from http://goo.gl/W6wDWg

Kos, B. A., Sims, E. (2014). Infographics: The new 5-paragraph essay. In 2014 Rocky

mountain celebration of women in computing. Laramie, WY, USA.

Vanichvasin, P. (2013). Enhancing the quality of learning through the use of

infographics as visual communication tool and learning tool. In IQCA ’13 (pp. 135–

142). Ratchathewi, Bangkok. Retrieved from http://www.icqa2014.com/downloads/

Proceeding_29.pdf#pa ge=135

Lamb, G. R., Polman, J. L., Newman, A., & Smith, C. G. (2014). Science news

infographics: Teaching students to gather, interpret, and present information

graphically. The Science Teacher, 81(3), 29.

Marcel, F. (2014). Infographics and data visualization tools to engage your language

learners. CONTACT, 40(1), 44-50. Retried from http://www.teslontario.net/uploads/

publications/contact/ContactSpring2014.pdf#page=12

Davidson, R. (2014). Using infographics in the science classroom. The Science Teacher, 81(3),

34-39. Retrieved http://sks.sirs.bdt.orc.scoolaid.net/text-pdf/0000361677.pdf

Key Tools

Inspirational Books

LET’S CONNECT

Patrick Lowenthalpatricklowenthal@boisestate.edu

w w w . p a t r i c k l o w e n t h a l . c o m