Infographics: E-volving Instruction for Visual Literacy
-
date post
18-Oct-2014 -
Category
Education
-
view
276 -
download
0
description
Transcript of Infographics: E-volving Instruction for Visual Literacy
![Page 1: Infographics: E-volving Instruction for Visual Literacy](https://reader033.fdocuments.in/reader033/viewer/2022051322/5442451eb1af9f3d0a8b45c7/html5/thumbnails/1.jpg)
FOR VISUAL LITERACYM 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 INSTRUCTIONInfographics
![Page 2: Infographics: E-volving Instruction for Visual Literacy](https://reader033.fdocuments.in/reader033/viewer/2022051322/5442451eb1af9f3d0a8b45c7/html5/thumbnails/2.jpg)
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
![Page 3: Infographics: E-volving Instruction for Visual Literacy](https://reader033.fdocuments.in/reader033/viewer/2022051322/5442451eb1af9f3d0a8b45c7/html5/thumbnails/3.jpg)
Take these with you. Leave these with us.
![Page 4: Infographics: E-volving Instruction for Visual Literacy](https://reader033.fdocuments.in/reader033/viewer/2022051322/5442451eb1af9f3d0a8b45c7/html5/thumbnails/4.jpg)
ACRL Visual Literacy Standards
Infographics Workshop @ the University of Guelph
Next Steps
Agenda
![Page 5: Infographics: E-volving Instruction for Visual Literacy](https://reader033.fdocuments.in/reader033/viewer/2022051322/5442451eb1af9f3d0a8b45c7/html5/thumbnails/5.jpg)
Do you have an infographics workshop at your library?
![Page 6: Infographics: E-volving Instruction for Visual Literacy](https://reader033.fdocuments.in/reader033/viewer/2022051322/5442451eb1af9f3d0a8b45c7/html5/thumbnails/6.jpg)
Design Writing Data Infographics
What is an infographic?
![Page 7: Infographics: E-volving Instruction for Visual Literacy](https://reader033.fdocuments.in/reader033/viewer/2022051322/5442451eb1af9f3d0a8b45c7/html5/thumbnails/7.jpg)
Source: visual.ly/what-infographic-2
![Page 8: Infographics: E-volving Instruction for Visual Literacy](https://reader033.fdocuments.in/reader033/viewer/2022051322/5442451eb1af9f3d0a8b45c7/html5/thumbnails/8.jpg)
AnimatedSource: http://vimeo.com/92595987
![Page 9: Infographics: E-volving Instruction for Visual Literacy](https://reader033.fdocuments.in/reader033/viewer/2022051322/5442451eb1af9f3d0a8b45c7/html5/thumbnails/9.jpg)
TimelineSource: http://mashable.com/2011/10/11/life-and-times-of-steve-jobs/
![Page 10: Infographics: E-volving Instruction for Visual Literacy](https://reader033.fdocuments.in/reader033/viewer/2022051322/5442451eb1af9f3d0a8b45c7/html5/thumbnails/10.jpg)
InteractiveSource: http://awesome.good.is/transparency/web/1204/your-daily-dose-of-water/flash.html
![Page 11: Infographics: E-volving Instruction for Visual Literacy](https://reader033.fdocuments.in/reader033/viewer/2022051322/5442451eb1af9f3d0a8b45c7/html5/thumbnails/11.jpg)
Source: http://www.theguardian.com/film/picture/2013/aug/12/alfred-hitchcock-film-statistics
Long
![Page 12: Infographics: E-volving Instruction for Visual Literacy](https://reader033.fdocuments.in/reader033/viewer/2022051322/5442451eb1af9f3d0a8b45c7/html5/thumbnails/12.jpg)
Source: http://www.toby-ng.com/graphic-design/the-world-of-100/
Short
or
![Page 13: Infographics: E-volving Instruction for Visual Literacy](https://reader033.fdocuments.in/reader033/viewer/2022051322/5442451eb1af9f3d0a8b45c7/html5/thumbnails/13.jpg)
Why should students care?
Source: infographicsshowcase.com/
![Page 14: Infographics: E-volving Instruction for Visual Literacy](https://reader033.fdocuments.in/reader033/viewer/2022051322/5442451eb1af9f3d0a8b45c7/html5/thumbnails/14.jpg)
Why should libraries care?
Source: wiredacademic.com/2012/03/infographic-a-librarians-worth-relevance-around-the-world/
![Page 15: Infographics: E-volving Instruction for Visual Literacy](https://reader033.fdocuments.in/reader033/viewer/2022051322/5442451eb1af9f3d0a8b45c7/html5/thumbnails/15.jpg)
Tufte?
Source: edwardtufte.com
![Page 16: Infographics: E-volving Instruction for Visual Literacy](https://reader033.fdocuments.in/reader033/viewer/2022051322/5442451eb1af9f3d0a8b45c7/html5/thumbnails/16.jpg)
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.”
![Page 17: Infographics: E-volving Instruction for Visual Literacy](https://reader033.fdocuments.in/reader033/viewer/2022051322/5442451eb1af9f3d0a8b45c7/html5/thumbnails/17.jpg)
Evaluate Images and their sources.
Design and create meaningful
images and visual media.
We chose two.
![Page 18: Infographics: E-volving Instruction for Visual Literacy](https://reader033.fdocuments.in/reader033/viewer/2022051322/5442451eb1af9f3d0a8b45c7/html5/thumbnails/18.jpg)
Introduction to Infographicsat the University of Guelph
Development
![Page 19: Infographics: E-volving Instruction for Visual Literacy](https://reader033.fdocuments.in/reader033/viewer/2022051322/5442451eb1af9f3d0a8b45c7/html5/thumbnails/19.jpg)
Old Supplemental
Program
New Self-Directed
Program
![Page 20: Infographics: E-volving Instruction for Visual Literacy](https://reader033.fdocuments.in/reader033/viewer/2022051322/5442451eb1af9f3d0a8b45c7/html5/thumbnails/20.jpg)
Why Infographics?
Teach Visual
Literacy
Low tech skills
required
Focus on
creation
Critical thinking
![Page 21: Infographics: E-volving Instruction for Visual Literacy](https://reader033.fdocuments.in/reader033/viewer/2022051322/5442451eb1af9f3d0a8b45c7/html5/thumbnails/21.jpg)
Lean Startup Method
Idea
Build
Product
Measure
Data
Learn
![Page 22: Infographics: E-volving Instruction for Visual Literacy](https://reader033.fdocuments.in/reader033/viewer/2022051322/5442451eb1af9f3d0a8b45c7/html5/thumbnails/22.jpg)
Source: fastcodesign.com
![Page 23: Infographics: E-volving Instruction for Visual Literacy](https://reader033.fdocuments.in/reader033/viewer/2022051322/5442451eb1af9f3d0a8b45c7/html5/thumbnails/23.jpg)
Source: fastcodesign.com
![Page 24: Infographics: E-volving Instruction for Visual Literacy](https://reader033.fdocuments.in/reader033/viewer/2022051322/5442451eb1af9f3d0a8b45c7/html5/thumbnails/24.jpg)
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
![Page 25: Infographics: E-volving Instruction for Visual Literacy](https://reader033.fdocuments.in/reader033/viewer/2022051322/5442451eb1af9f3d0a8b45c7/html5/thumbnails/25.jpg)
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.
![Page 26: Infographics: E-volving Instruction for Visual Literacy](https://reader033.fdocuments.in/reader033/viewer/2022051322/5442451eb1af9f3d0a8b45c7/html5/thumbnails/26.jpg)
Evaluation Criteria
![Page 27: Infographics: E-volving Instruction for Visual Literacy](https://reader033.fdocuments.in/reader033/viewer/2022051322/5442451eb1af9f3d0a8b45c7/html5/thumbnails/27.jpg)
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/
![Page 28: Infographics: E-volving Instruction for Visual Literacy](https://reader033.fdocuments.in/reader033/viewer/2022051322/5442451eb1af9f3d0a8b45c7/html5/thumbnails/28.jpg)
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.
![Page 29: Infographics: E-volving Instruction for Visual Literacy](https://reader033.fdocuments.in/reader033/viewer/2022051322/5442451eb1af9f3d0a8b45c7/html5/thumbnails/29.jpg)
Evaluation Criteria: Does it use good/useful data/information?
![Page 30: Infographics: E-volving Instruction for Visual Literacy](https://reader033.fdocuments.in/reader033/viewer/2022051322/5442451eb1af9f3d0a8b45c7/html5/thumbnails/30.jpg)
Evaluation Criteria: Does the Visual Style help/hinder?Source: http://danizablu.files.wordpress.com/2011/02/badinfo.jpg
![Page 31: Infographics: E-volving Instruction for Visual Literacy](https://reader033.fdocuments.in/reader033/viewer/2022051322/5442451eb1af9f3d0a8b45c7/html5/thumbnails/31.jpg)
Evaluation Criteria: Should the content be in an infographic?All info / no graphic.
Source: http://37.media.tumblr.com/5edd1624bbc75ff91fbf83ae3f7795ed/tumblr_mvugjwidWy1t0rrapo1_1280.jpg
![Page 32: Infographics: E-volving Instruction for Visual Literacy](https://reader033.fdocuments.in/reader033/viewer/2022051322/5442451eb1af9f3d0a8b45c7/html5/thumbnails/32.jpg)
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.
![Page 33: Infographics: E-volving Instruction for Visual Literacy](https://reader033.fdocuments.in/reader033/viewer/2022051322/5442451eb1af9f3d0a8b45c7/html5/thumbnails/33.jpg)
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.
![Page 34: Infographics: E-volving Instruction for Visual Literacy](https://reader033.fdocuments.in/reader033/viewer/2022051322/5442451eb1af9f3d0a8b45c7/html5/thumbnails/34.jpg)
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.
![Page 35: Infographics: E-volving Instruction for Visual Literacy](https://reader033.fdocuments.in/reader033/viewer/2022051322/5442451eb1af9f3d0a8b45c7/html5/thumbnails/35.jpg)
Our Experience
![Page 36: Infographics: E-volving Instruction for Visual Literacy](https://reader033.fdocuments.in/reader033/viewer/2022051322/5442451eb1af9f3d0a8b45c7/html5/thumbnails/36.jpg)
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
![Page 37: Infographics: E-volving Instruction for Visual Literacy](https://reader033.fdocuments.in/reader033/viewer/2022051322/5442451eb1af9f3d0a8b45c7/html5/thumbnails/37.jpg)
![Page 38: Infographics: E-volving Instruction for Visual Literacy](https://reader033.fdocuments.in/reader033/viewer/2022051322/5442451eb1af9f3d0a8b45c7/html5/thumbnails/38.jpg)
![Page 39: Infographics: E-volving Instruction for Visual Literacy](https://reader033.fdocuments.in/reader033/viewer/2022051322/5442451eb1af9f3d0a8b45c7/html5/thumbnails/39.jpg)
![Page 40: Infographics: E-volving Instruction for Visual Literacy](https://reader033.fdocuments.in/reader033/viewer/2022051322/5442451eb1af9f3d0a8b45c7/html5/thumbnails/40.jpg)
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
![Page 41: Infographics: E-volving Instruction for Visual Literacy](https://reader033.fdocuments.in/reader033/viewer/2022051322/5442451eb1af9f3d0a8b45c7/html5/thumbnails/41.jpg)
What software?
Advanced Workshop
Collaboration opportunities?
Offer as an in-class option? Rubrics
What comes next?
![Page 42: Infographics: E-volving Instruction for Visual Literacy](https://reader033.fdocuments.in/reader033/viewer/2022051322/5442451eb1af9f3d0a8b45c7/html5/thumbnails/42.jpg)
Activity: Advanced Workshop Brainstorm
![Page 43: Infographics: E-volving Instruction for Visual Literacy](https://reader033.fdocuments.in/reader033/viewer/2022051322/5442451eb1af9f3d0a8b45c7/html5/thumbnails/43.jpg)
Summary
![Page 44: Infographics: E-volving Instruction for Visual Literacy](https://reader033.fdocuments.in/reader033/viewer/2022051322/5442451eb1af9f3d0a8b45c7/html5/thumbnails/44.jpg)
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.