AECT 2014 - Design guidelines for infograhpics

43
Determining Design Guidelines for Instructional Infographics joanna dunlap [University of Colorado Denver] patrick lowenthal [Boise State University] slides @ www.patricklowenthal.com

Transcript of AECT 2014 - Design guidelines for infograhpics

Page 1: AECT 2014 - Design guidelines for infograhpics

Determining Design

Guidelines for Instructional

Infographics

joanna dunlap[University of Colorado Denver]

patrick lowenthal[Boise State University]

slides @ www.patricklowenthal.com

Page 2: AECT 2014 - Design guidelines for infograhpics

BACKGROUND

Page 3: AECT 2014 - Design guidelines for infograhpics
Page 4: AECT 2014 - Design guidelines for infograhpics
Page 5: AECT 2014 - Design guidelines for infograhpics
Page 6: AECT 2014 - Design guidelines for infograhpics
Page 7: AECT 2014 - Design guidelines for infograhpics
Page 8: AECT 2014 - Design guidelines for infograhpics

METHOD

Page 9: AECT 2014 - Design guidelines for infograhpics
Page 10: AECT 2014 - Design guidelines for infograhpics
Page 11: AECT 2014 - Design guidelines for infograhpics

Aesthetic Learning Experiences

Immediacy

Malleability

Compellingness

Resonance

Coherence

Page 12: AECT 2014 - Design guidelines for infograhpics

RESULTS

Page 13: AECT 2014 - Design guidelines for infograhpics
Page 14: AECT 2014 - Design guidelines for infograhpics
Page 15: AECT 2014 - Design guidelines for infograhpics
Page 16: AECT 2014 - Design guidelines for infograhpics

Top 5

Page 17: AECT 2014 - Design guidelines for infograhpics

infographic RECOMMENATIONS

Unexpected element (e.g., humor)

Not simply information + graphics

Allow multiple pathways

Use visuals + structure; less text

Page 18: AECT 2014 - Design guidelines for infograhpics

infographic RECOMMENATIONS

Unexpected element (e.g., humor)

Not simply information + graphics

Allow multiple pathways

Use visuals + structure; less text

Page 19: AECT 2014 - Design guidelines for infograhpics

infographic RECOMMENATIONS

Unexpected element (e.g., humor)

Not simply information + graphics

Allow multiple pathways

Use visuals + structure; less text

Page 20: AECT 2014 - Design guidelines for infograhpics

infographic RECOMMENATIONS

Unexpected element (e.g., humor)

Not simply information + graphics

Allow multiple pathways

Use visuals + structure; less text

Page 21: AECT 2014 - Design guidelines for infograhpics

infographic STRUCTURE & FORM

Concise 1-2 pages

Clear &

dominant

title

Only

essential

elements

Page 22: AECT 2014 - Design guidelines for infograhpics

infographic STRUCTURE & FORM

Concise 1-2 pages

Clear &

dominant

title

Only

essential

elements

Page 23: AECT 2014 - Design guidelines for infograhpics

infographic STRUCTURE & FORM

Concise 1-2 pages

Clear &

dominant

title

Only

essential

elements

Page 24: AECT 2014 - Design guidelines for infograhpics

infographic 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 25: AECT 2014 - Design guidelines for infograhpics

infographic 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 26: AECT 2014 - Design guidelines for infograhpics

infographic 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 27: AECT 2014 - Design guidelines for infograhpics

infographic 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 28: AECT 2014 - Design guidelines for infograhpics

Infographic: VISUAL ELEMENTS

Only relevant

visuals

Use visual

representations

of relationships

Use simple

visuals

Page 29: AECT 2014 - Design guidelines for infograhpics

Infographic: VISUAL ELEMENTS

Only relevant

visuals

Use visual

representations

of relationships

Use simple

visuals

Page 30: AECT 2014 - Design guidelines for infograhpics

Infographic: VISUAL ELEMENTS

Only relevant

visuals

Use visual

representations

of relationships

Use simple

visuals

Page 31: AECT 2014 - Design guidelines for infograhpics

personal IMPLICATIONS

Page 32: AECT 2014 - Design guidelines for infograhpics

AERA Poster

Page 33: AECT 2014 - Design guidelines for infograhpics

POD Poster

Page 34: AECT 2014 - Design guidelines for infograhpics

Inspiration

Page 35: AECT 2014 - Design guidelines for infograhpics

1st Attempt

Page 36: AECT 2014 - Design guidelines for infograhpics

2nd Attempt

Page 37: AECT 2014 - Design guidelines for infograhpics

Examples

Page 38: AECT 2014 - Design guidelines for infograhpics

Examples

Page 39: AECT 2014 - Design guidelines for infograhpics

classroom IMPLICATIONS

Page 40: AECT 2014 - Design guidelines for infograhpics

Bitter Medicine -

Inequalities in

HealthcareTanna Lewis

Page 41: AECT 2014 - Design guidelines for infograhpics

The Militarization

of the Police

Force - From

Iraq to IowaKelly Mihalik

Page 42: AECT 2014 - Design guidelines for infograhpics

Human

TraffickingDaniel Medina

Page 43: AECT 2014 - Design guidelines for infograhpics

CONTACT ME

Patrick [email protected]

www.patricklowenthal.com

slides @ www.patricklowenthal.com