FOR VISUAL LITERACY
M e l a n i e P a r l e t t e - S t e w a r t / L i n d s e y R o b i n s o n
University of Guelph
@me...
uofginfographics.wordpress.com
•Techniques used in our workshop
Active Learning
•Standards
•Further Readings
Readings
•Inf...
Take these with you. Leave these with us.
ACRL Visual Literacy Standards
Infographics Workshop @ the University of Guelph
Next Steps
Agenda
Do you have an infographics workshop at your library?
Design Writing Data Infographics
What is an infographic?
Source: visual.ly/what-infographic-2
Animated
Source: http://vimeo.com/92595987
Timeline
Source: http://mashable.com/2011/10/11/life-and-times-of-steve-jobs/
Interactive
Source: http://awesome.good.is/transparency/web/1204/your-daily-dose-of-water/flash.html
Source: http://www.theguardian.com/film/picture/2013/aug/12/alfred-hitchcock-film-statistics
Long
Source: http://www.toby-ng.com/graphic-design/the-world-of-100/
Short
or
Why should students care?
Source: infographicsshowcase.com/
Why should libraries care?
Source: wiredacademic.com/2012/03/infographic-a-librarians-worth-relevance-around-the-world/
Tufte?
Source: edwardtufte.com
Visual Literacy Standards
Source: ala.org/acrl/standards/visualliteracy
“Visual literacy is a set of abilities that enable...
Evaluate Images
and their sources.
Design and create
meaningful
images and visual
media.
We chose two.
Introduction to Infographics
at the University of Guelph
Development
Old
Supplemental
Program
New
Self-Directed
Program
Why Infographics?
Teach
Visual
Literacy
Low tech
skills
required
Focus
on
creation
Critical
thinking
Lean Startup Method
Idea
Build
Product
Measure
Data
Learn
Source: fastcodesign.com
Source: fastcodesign.com
Define what an
infographic is
Identify why
infographics are
used
Identify and
apply the criteria
to judge an
infographic
C...
Active Learning: Open Ended Question
• Students are eased into the workshop environment with a simple
questions: “What the...
Evaluation Criteria
Evaluation Criteria: Does it tell a story?
Source: http://popwatch.ew.com/2013/01/30/new-die-hard-with-a-vengeance-infogra...
Evaluation Criteria: Does it use good/useful data/information?
Is it an infauxgraphic?
Source: http://timoelliott.com/blog...
Evaluation Criteria: Does it use good/useful data/information?
Evaluation Criteria: Does the Visual Style help/hinder?
Source: http://danizablu.files.wordpress.com/2011/02/badinfo.jpg
Evaluation Criteria: Should the content be in an infographic?
All info / no graphic.
Source: http://37.media.tumblr.com/5e...
Active Learning: Think-Pair-Share
• Students were given an infographic to evaluate. They had
a moment to study the element...
Active Learning: Hands-On Activity
• By far the most challenging, students are paired and provided with
a simple statistic...
Active Learning: Share & Reflect
• At the end of the workshop, the final products are presented and
each student shares wh...
Our Experience
Staff
•Openness to try new things varies
•Varying tech skills
•Out of comfort zone
•Over analyze
University Students
•Out ...
What did we learn?
People came!
Data literacy
component +
partnership with
Data Resource
Centre
Lean Startup and
Continuou...
What
software?
Advanced
Workshop
Collaboration
opportunities?
Offer as an in-
class option?
Rubrics
What comes next?
Activity: Advanced Workshop Brainstorm
Summary
References
• ACRL Visual Literacy Competency Standards
• Framework for Information Literacy for Higher Education
• Eisenbe...
Infographics: E-volving Instruction for Visual Literacy
Infographics: E-volving Instruction for Visual Literacy
Infographics: E-volving Instruction for Visual Literacy
Upcoming SlideShare
Loading in...5
×

Infographics: E-volving Instruction for Visual Literacy

438

Published on

Infographics: E-volving Instruction for Visual Literacy
Melanie Parlette-Stewart, Lindsey Robinson - University of Guelph, Guelph, Ontario
WILU 2014 - London, ON

Infographics involve the bringing together of information, data, and design. There is increasing need to be visually literate, as is highlighted in the ACRL Visual Literacy Competency Standards for Higher Education. This session presents the ACRL Visual Literacy Competency Standards and the application of these to an introductory infographics instruction session. This session will highlight the active learning approach used to allow students to engage with and create infographics at an introductory level.

Published in: Education, Technology
0 Comments
1 Like
Statistics
Notes
  • Be the first to comment

No Downloads
Views
Total Views
438
On Slideshare
0
From Embeds
0
Number of Embeds
2
Actions
Shares
0
Downloads
16
Comments
0
Likes
1
Embeds 0
No embeds

No notes for slide

Infographics: E-volving Instruction for Visual Literacy

  1. 1. FOR VISUAL LITERACY M e l a n i e P a r l e t t e - S t e w a r t / L i n d s e y R o b i n s o n University of Guelph @melanie_sarah_ @lindsrobinson27 E-VOLVING INSTRUCTION Infographics
  2. 2. uofginfographics.wordpress.com •Techniques used in our workshop Active Learning •Standards •Further Readings Readings •Infographics Tools (visual.ly, piktochart and more) •Infographics / Visualization websites (see what others are doing) •Teaching with Infographics (Education Resources) •Tutorials / How To’s / Downloads Tools + Resources Contact
  3. 3. Take these with you. Leave these with us.
  4. 4. ACRL Visual Literacy Standards Infographics Workshop @ the University of Guelph Next Steps Agenda
  5. 5. Do you have an infographics workshop at your library?
  6. 6. Design Writing Data Infographics What is an infographic?
  7. 7. Source: visual.ly/what-infographic-2
  8. 8. Animated Source: http://vimeo.com/92595987
  9. 9. Timeline Source: http://mashable.com/2011/10/11/life-and-times-of-steve-jobs/
  10. 10. Interactive Source: http://awesome.good.is/transparency/web/1204/your-daily-dose-of-water/flash.html
  11. 11. Source: http://www.theguardian.com/film/picture/2013/aug/12/alfred-hitchcock-film-statistics Long
  12. 12. Source: http://www.toby-ng.com/graphic-design/the-world-of-100/ Short or
  13. 13. Why should students care? Source: infographicsshowcase.com/
  14. 14. Why should libraries care? Source: wiredacademic.com/2012/03/infographic-a-librarians-worth-relevance-around-the-world/
  15. 15. Tufte? Source: edwardtufte.com
  16. 16. Visual Literacy Standards Source: ala.org/acrl/standards/visualliteracy “Visual literacy is a set of abilities that enables an individual to effectively find, interpret, evaluate, use, and create images and visual media.”
  17. 17. Evaluate Images and their sources. Design and create meaningful images and visual media. We chose two.
  18. 18. Introduction to Infographics at the University of Guelph Development
  19. 19. Old Supplemental Program New Self-Directed Program
  20. 20. Why Infographics? Teach Visual Literacy Low tech skills required Focus on creation Critical thinking
  21. 21. Lean Startup Method Idea Build Product Measure Data Learn
  22. 22. Source: fastcodesign.com
  23. 23. Source: fastcodesign.com
  24. 24. Define what an infographic is Identify why infographics are used Identify and apply the criteria to judge an infographic Create a basic picture infographic Learning Outcomes
  25. 25. Active Learning: Open Ended Question • Students are eased into the workshop environment with a simple questions: “What the heck is an infographic?” • Provides an opportunity to voice prior knowledge as well as creating an encouraging environment.
  26. 26. Evaluation Criteria
  27. 27. Evaluation Criteria: Does it tell a story? Source: http://popwatch.ew.com/2013/01/30/new-die-hard-with-a-vengeance-infographic-tells-story-of-movie-by-the-numbers-exclusive/
  28. 28. Evaluation Criteria: Does it use good/useful data/information? Is it an infauxgraphic? Source: http://timoelliott.com/blog/2013/07/what-are-infauxgraphics.html vs.
  29. 29. Evaluation Criteria: Does it use good/useful data/information?
  30. 30. Evaluation Criteria: Does the Visual Style help/hinder? Source: http://danizablu.files.wordpress.com/2011/02/badinfo.jpg
  31. 31. Evaluation Criteria: Should the content be in an infographic? All info / no graphic. Source: http://37.media.tumblr.com/5edd1624bbc75ff91fbf83ae3f7795ed/tumblr_mvugjwidWy1t0rrapo1_1280.jpg
  32. 32. Active Learning: Think-Pair-Share • Students were given an infographic to evaluate. They had a moment to study the elements, and then paired with a student to discuss their views. • The class rejoined as a larger group and held a discussion. • It provided the students with an opportunity to think critically and apply knew knowledge.
  33. 33. Active Learning: Hands-On Activity • By far the most challenging, students are paired and provided with a simple statistic and asked to represent it visually. They are challenged to think of ways to create a simple photographic infographic in a very short period of time. • Once the photo is taken, they work together to edit the image in PowerPoint. • A simple guide to using the design features of Power Point is provided.
  34. 34. Active Learning: Share & Reflect • At the end of the workshop, the final products are presented and each student shares what they enjoyed most about the project and what they found challenging about the process.
  35. 35. Our Experience
  36. 36. Staff •Openness to try new things varies •Varying tech skills •Out of comfort zone •Over analyze University Students •Out of comfort zone •Completed the activity •Positive Feedback •Excited about opportunity High School Students •Jumped right in •Least hesitant •Varying skill levels •Very open Move to kits (less choice) Introduction to Data All use same dataset Simplified dataset Dataset that might not be taken so literally User Groups Continuous Improvement
  37. 37. What did we learn? People came! Data literacy component + partnership with Data Resource Centre Lean Startup and Continuous Improvement Challenge: Team Environment Challenge: Outside of traditional scope Challenge: Marketing
  38. 38. What software? Advanced Workshop Collaboration opportunities? Offer as an in- class option? Rubrics What comes next?
  39. 39. Activity: Advanced Workshop Brainstorm
  40. 40. Summary
  41. 41. References • ACRL Visual Literacy Competency Standards • Framework for Information Literacy for Higher Education • Eisenberg, J. (2014). “Using Infographics in the classroom to teach visual literacy.” The open book. • Fernandez, C. (2012). “How to create an accessible infographic.” Access iQ. • Hattwig, D., et al. (2013). “Visual Literacy standards in higher education: New Opportunities for libraries and student learning.” Libraries and the Academy, 13.1, pp.61-89. • Hovious, A (2013). “Infographics: The intersection between information literacy and visual literacy.” Designer Librarian. • Kraus, J. (2012).”Infographics: More that words can say.” Learning & leading with Technology. • Pavlus, John. (2011). “A kit for creating homemade real-world infographics, using balloons and wood.” Fast Company. • Schulten, K. (2010). “Teaching with Infographics: Places to start.” The learning network: Teaching & Learning with the New York Times. • Tufte, Edward R. (1990). Envisioning Information. Cheshire: Graphics Press.
  1. A particular slide catching your eye?

    Clipping is a handy way to collect important slides you want to go back to later.

×