learn it2015 keynote infographics

89
Getting Graphic about Infographics: Strategies for incorporating visuals in the classroom Patrick R. Lowenthal Boise State University

Upload: patrick-lowenthal

Post on 15-Jul-2015

615 views

Category:

Education


2 download

TRANSCRIPT

Page 1: Learn it2015   keynote infographics

Getting Graphic about Infographics: Strategies for incorporating

visuals in the classroom

Patrick R. LowenthalBoise State University

Page 2: Learn it2015   keynote infographics

ABOUT ME

Page 3: Learn it2015   keynote infographics

educator

researcher

designer

developer

patricklowenthal.com

Twitter @plowenthalPatrick Lowenthal

Page 4: Learn it2015   keynote infographics

Religion PowerPoint

TedTalks

SEO

YuhnkeDesign

1995 2001 2005 2011 2012 2013 2014

Page 5: Learn it2015   keynote infographics

OVERVIEW

Page 6: Learn it2015   keynote infographics

Agenda

What Why How

Page 7: Learn it2015   keynote infographics

I’m here to get

you excited about

infographics

Page 8: Learn it2015   keynote infographics

WHAT’S AN INFOGRAPHIC?

Page 9: Learn it2015   keynote infographics
Page 10: Learn it2015   keynote infographics
Page 11: Learn it2015   keynote infographics
Page 12: Learn it2015   keynote infographics
Page 13: Learn it2015   keynote infographics
Page 14: Learn it2015   keynote infographics
Page 15: Learn it2015   keynote infographics
Page 16: Learn it2015   keynote infographics
Page 17: Learn it2015   keynote infographics
Page 18: Learn it2015   keynote infographics
Page 19: Learn it2015   keynote infographics
Page 20: Learn it2015   keynote infographics

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

]

Page 21: Learn it2015   keynote infographics

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

]

Page 22: Learn it2015   keynote infographics

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

]

Page 23: Learn it2015   keynote infographics

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

]

Page 24: Learn it2015   keynote infographics

…more like

articles or

speeches than

charts

Page 25: Learn it2015   keynote infographics

Google

Images

Page 26: Learn it2015   keynote infographics

Visually

Page 27: Learn it2015   keynote infographics

Pinterest

Page 28: Learn it2015   keynote infographics

Purpose is to

inform, entertain, or

persuade.

Page 29: Learn it2015   keynote infographics

Types of Infographics

according to Siricharoen

• Statistical Based

• Timeline Based

• Process Based

• Location or

Geography Based

according to Krum

• Informative

• Persuasive

• Visual Explanations

Page 30: Learn it2015   keynote infographics

Types of Infographics

according to Siricharoen

• Statistical Based

• Timeline Based

• Process Based

• Location or

Geography Based

according to Krum

• Informative

• Persuasive

• Visual Explanations

Page 31: Learn it2015   keynote infographics

Media Formats

according to Krum

Interactive

Infographics

Video Infographics

Animated Infographics

Clickable Infographics

Zooming Infographics

Static Infographics

Page 32: Learn it2015   keynote infographics

All

data visualization

is biased(e.g., Google “abortion

infographics” OR “political

infographics”)

Page 33: Learn it2015   keynote infographics

WHY USE INFOGRAPHICS?

Page 34: Learn it2015   keynote infographics

2. Improve Learning

1. Standards

3. Fun

Page 35: Learn it2015   keynote infographics

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.

Page 36: Learn it2015   keynote infographics

2. Improve Learning

Picture

Superiority

EffectCircle

More

remember this

Less

remember this

Page 37: Learn it2015   keynote infographics

3. Fun

Page 38: Learn it2015   keynote infographics

HOW TO USE INFOGRAPHICS?

Page 39: Learn it2015   keynote infographics

General Ways to Use

1 Interpret

2 Create

Page 40: Learn it2015   keynote infographics

WHAT’S A GOOD INFOGRAPHIC?

my research

Page 41: Learn it2015   keynote infographics

Getting Graphic…

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

Getting graphic about infographics:

Design lessons learned from popular

infographics.

Page 42: Learn it2015   keynote infographics
Page 43: Learn it2015   keynote infographics

Aesthetic Learning Experiences

Immediacy

Malleability

Compellingness

Resonance

Coherence

Page 44: Learn it2015   keynote infographics
Page 45: Learn it2015   keynote infographics
Page 46: Learn it2015   keynote infographics

Top Rated

Page 47: Learn it2015   keynote infographics

general RECOMMENDATIONS

Unexpected element (e.g., humor)

Not simply information + graphics

Allow multiple pathways

Use visuals + structure; less text

Page 48: Learn it2015   keynote infographics

general RECOMMENDATIONS

Unexpected element (e.g., humor)

Not simply information + graphics

Allow multiple pathways

Use visuals + structure; less text

Page 49: Learn it2015   keynote infographics

general RECOMMENDATIONS

Unexpected element (e.g., humor)

Not simply information + graphics

Allow multiple pathways

Use visuals + structure; less text

Page 50: Learn it2015   keynote infographics

general RECOMMENDATIONS

Unexpected element (e.g., humor)

Not simply information + graphics

Allow multiple pathways

Use visuals + structure; less text

Page 51: Learn it2015   keynote infographics

tips: STRUCTURE & FORM

Concise1-2 pages

Only

essential

elements

Clear &

dominant

title

Page 52: Learn it2015   keynote infographics

tips: STRUCTURE & FORM

Concise1-2 pages

Only

essential

elements

Clear &

dominant

title

Page 53: Learn it2015   keynote infographics

tips: STRUCTURE & FORM

Concise1-2 pages

Only

essential

elements

Clear &

dominant

title

Page 54: Learn it2015   keynote infographics

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)

Page 55: Learn it2015   keynote infographics

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)

Page 56: Learn it2015   keynote infographics

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)

Page 57: Learn it2015   keynote infographics

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)

Page 58: Learn it2015   keynote infographics

tips: VISUAL ELEMENTS

Only relevant

visuals

Use visual

representations

of relationships

Use simple

visuals

Page 59: Learn it2015   keynote infographics

tips: VISUAL ELEMENTS

Only relevant

visualsUse visual

representations

of relationships

Use simple

visuals

Page 60: Learn it2015   keynote infographics

tips: VISUAL ELEMENTS

Only relevant

visuals

Use visual

representations

of relationships

Use simple

visuals

Page 61: Learn it2015   keynote infographics

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

Page 62: Learn it2015   keynote infographics

EXAMPLES

Page 63: Learn it2015   keynote infographics

IMPLICATIONS

personal

Page 64: Learn it2015   keynote infographics
Page 65: Learn it2015   keynote infographics
Page 66: Learn it2015   keynote infographics
Page 67: Learn it2015   keynote infographics
Page 68: Learn it2015   keynote infographics
Page 69: Learn it2015   keynote infographics
Page 70: Learn it2015   keynote infographics

IMPLICATIONS

classroom

Page 71: Learn it2015   keynote infographics

General Ways to Use

1 Interpret

2 Create

Page 72: Learn it2015   keynote infographics

Interpret Example

Visual read-aloud/think-alouds of

infographics

Re-visualizing the data in an infographic

Page 73: Learn it2015   keynote infographics

Interpret Example

Visual read-aloud/think-alouds of

infographics

Re-visualizing the data in an infographic

Page 74: Learn it2015   keynote infographics

General Ways to Use

1 Interpret

2 Create

Page 75: Learn it2015   keynote infographics

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)

Page 76: Learn it2015   keynote infographics

Create Example

Students create their

own with something they

are comfortable with!

Page 77: Learn it2015   keynote infographics

Lesson Plans

Investigate &

Solve a Problem!

Page 78: Learn it2015   keynote infographics

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

Page 79: Learn it2015   keynote infographics
Page 80: Learn it2015   keynote infographics
Page 81: Learn it2015   keynote infographics
Page 82: Learn it2015   keynote infographics

Bitter Medicine -

Inequalities in

HealthcareTanna Lewis

Page 83: Learn it2015   keynote infographics

The Militarization

of the Police

Force - From

Iraq to IowaKelly Mihalik

Page 84: Learn it2015   keynote infographics

Human

TraffickingDaniel Medina

Page 85: Learn it2015   keynote infographics

Key Books

Cool Infographics by Randy Krum

The Wall Street Journal

Guide to Information Graphicsby Dona M. Wong

Page 86: Learn it2015   keynote infographics

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

Page 87: Learn it2015   keynote infographics

Key Tools

Page 88: Learn it2015   keynote infographics

Inspirational Books

Page 89: Learn it2015   keynote infographics

LET’S CONNECT

Patrick [email protected]

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