E201 – Learning to See, Seeing to Learn: Visual Literacy in Education

Mary Ann Bell, Professor of Library Science Sam Houston State University

http://forwhomthebelltold.pbworks.com/w/page/11640384/FrontPage

Diane Cordell, Consultant and Writer, CyberSmart Education Company

Internet@Schools West 2014Monterey CA

A PICTURE IS WORTH 1000 WORDS

Yeah, yeah,

blah blah blah…

What the heck does

that mean anyway?

http://thefallen9000.info/

SO WHAT’S ALL THE BUZZ?

– Today’s learners are more visual– Standards mandate that students can

understand– They are great organization tools–Making infographics is an activity that

can encourage creative thinking.

Ways to use photography

• Alphabet projects• Memes• Pair up with Web 2.0 apps• Student-made clip art

http://www.shsu.edu/~lis_mah/documents/clipartportal.html

JUST A FEW MORE PHOTO IDEAS…

ALPHABET PROJECTS

“Environmental Alphabet” http://fc04.deviantart.net/fs71/f/2010/287/7/cenvironmental_alphabet_by_brcohen-d30rlaf.jpg

MEMES

• Fun to make– Use as promotions, programming, etc.– Use in lessons

• Have students make them!– Draw upon trending memes– Students start with an image and then

make a meme to fit. – USE ORIGINAL GRAPHICS OR PHOTOS!

“Ringomem

e by Mary Ann Bell

EXAMPLES…• Funny Teacher Memes:

http://www.pinterest.com/explore/funny-teacher-memes/

• SpanishPlans.org: http://spanishplans.org/chistes/teacher-memes/

• Mrs. Orman’s Classroom: http://www.traceeorman.com/2014/03/five-ways-to-use-memes-to-connect-with.html

• Ermahgerd: Memes in the Classroom? http://www.njea.org/news-and-publications/njea-review/february-2013/ermahgerd-memes-in-the-classroom

CREATING YOUR OWN MEMES

HELPFUL SITES AND TIPS

• Meme generator: https://imgflip.com/memegenerator• Meme center: www.memecenter.com/• Don’t forget video memes such as variations on the song “Happy”

https://www.youtube.com/watch?v=Bja6bh7G-_g• But you can just as easily use Paint or MS Office or

other tools• And original graphics are best• Check out meme generators ahead of time for ones • that are OK with students.• Use memes to promote library or special activities

KEEP CALM AND…

CARRY ON

“Calm N

ancy” by Mary Ann Bell

Quick example:

Image from MemeCenter.com

As we say in Texas…

http://christophercatania.com/2010/12/05/weekly-wrap-up-why-eating-a-big-bowl-of-chili-is-just-like-going-to-a-concert/

What really bubbles my chili is…

INFOGRAPHICS!!!

WHAT’S ALL THE BUZZ ABOUT INFOGRAPHICS?

• Definition from Whatis.com: http://whatis.techtarget.com/definition/infographics

• OK so it’s any image that enables viewer to assimilate information.

• How are they useful?– Use them to teach– Have students create

FIRST STEPS

• DEFINE infographics • ANALYZE some existing

infographics for visual appeal and quality of content 

• EXPLORE some free infographic resources that are currently available

• FOSTER Graphicacy!! http://theasideblog.blogspot.com/p/graphicacy.html?m=1

MORE DEFINITIONS

• https://sites.google.com/site/iste2011infographics/home• http://learning.blogs.nytimes.com/2010/08/23/teaching-with

-infographics-places-to-start/• http://www.edudemic.com/educational-infographics/• Visual.ly: http://visual.ly/what-is-an-infographic

Is GRAPHICACY the 4th R??• Wikipedia sez: http://en.wikipedia.org/wiki/Graphicacy• Major resource…Aside Blog:

http://theasideblog.blogspot.com/

Hall&Russac Aside Blog: http://theasideblog.blogspot.com/2014/03/graphicacy-key-to-visual-thinking-in.html

THEY CAN BE SIMPLE…

OR COMPLEX….

The Padagogy Wheel by Allan Carrington is licensed under a Creative Commons Attribution 3.0

Teach Infographics• Standards stipulate using visual effects

– Graphs– Maps– Charts– Any infographics

• K.I.S.S.• Avoid beating them to death! • Stress evaluating information as well as reading.• Allow students to explore online.• Here’s a great place to start planning:

http://www.teachersfirst.com/iste/infographics/tips.cfm• Here’s another: https://www.smore.com/sxw8

Aside Blog’s 4 S’s of Graphicacy

http://theasideblog.blogspot.com/2011/12/graphicacy-4-steps-to-understanding.html

Have Students Create

• Do this AFTER defining and learning about evaluating and understanding.

• Use both digital and hand drawn

INFOGRAPHIC HEROES!

Kathy Schrock

• Kathy’s Guide to Everything…Infographics: http://www.schrockguide.net/infographics-as-an-assessment.html

• Schrock/Fonticiaro…L.A.T.C.H http://www.fontichiaro.com/activelearning/2012/10/25/applying-l-a-t-c-h-to-infographics/

Kristin Fontichiaro

• Home Page: http://www.fontichiaro.com/• What Kids Should Know About Reading/Creating

Infographics: https://docs.google.com/document/d/1qe0Fa4i66D_1DUILTEkp-CvJC28KDZVBTZ9Fo1ha0VA/edit

• Applying L.A.T.C.H to Infographics: http://www.fontichiaro.com/activelearning/2012/10/25/applying-l-a-t-c-h-to-infographics/

• What Kids Should Know About Reading/Creating Infographicshttps://docs.google.com/document/d/1qe0Fa4i66D_1DUILTEkp-CvJC28KDZVBTZ9Fo1ha0VA/edit

• Free pdfs! http://cherrylakepublishing.com//activities

Guilia Forsythe!“I work at a university supporting teaching &

lifelong learning. I think in pictures. Doodling helps me be a better listener, problem solver and communicator.”

• Blog: http://gforsythe.ca/• Twitter: https://twitter.com/giuliaforsythe• Flickr: https://www.flickr.com/photos/gforsythe/• Look for her via YouTube! Here’s just one:

https://www.youtube.com/watch?v=ga0Oq0YsJEQ

Good search terms

• Infographics in Creative Commons• Google– Iste and infographics– Teks and infographics (Texas)– Common core and infographics– Specific kinds, ie venns, timelines, etc.

• You will find tons of great resources!

https://www.flickr.com/photos/seoplanter/

• Visual Everything! http://www.thevisualeverything.com/• Over 100 Incredible Infographic Tools and Resources:

http://dailytekk.com/2012/02/27/over-100-incredible-infographic-tools-and-resources/

• Kids Discover Infographics: http://www.kidsdiscover.com/infographics/

• YouTube! Search for any kind of graphic and get lots of videos! https://www.youtube.com/

INFOGRAPHIC GOLD MINES

“Gold Nuggets” by Francisco Martin http://bit.ly/nuggetsssss

EXAMPLE from STUDENT

PERIODIC TABLE FUN!

• Cats: http://www.purriodictableofcats.com/• Superheroes: http://bit.ly/superheroestable• Internet:

http://www.labnol.org/internet/periodic-table-of-the-internet/5420/

• Epic Reads: http://www.epicreads.com/uploads/blog/PeriodicTable_WEB_100_FINAL.jpg

• Periodic Tables: https://www.flickr.com/photos/bk/4455590301/sizes/l/

VENNS!

http://www.nutshellcreative.co.nz/

Asking Permission

Works!!!

How about note taking?

Guilia Forsythe made this to map David Wiley’s Mapping the Future talk.

VIVA Lynda Barry!!!

• https://www.drawnandquarterly.com/author/lynda-barry• She is an ARTIST and we cannot all be like her, but she

shows possibilities…

Sketchnoting!

• http://www.schrockguide.net/sketchnoting.html• Look at examples from kids:

https://www.flickr.com/photos/wfryer/sets/72157639724197376/

• Here’s a great Pinterest Board: http://www.pinterest.com/cleverkaren/visual-notetaking/

• Here’s a super video! It would be great for introducing the idea: https://www.youtube.com/watch?v=gY9KdRfNN9w

• How about this prof who draws syllabi? I am not in her league but take a look! https://www.drawnandquarterly.com/author/lynda-barry

• Sketchofrenzy Video:

EXAMPLES FROM MY CLASSES

Remember to teach ethical use…

– Always give attribution!– If you’re not sure an image is OK, select

another or ask permission…I’ve never been turned down!

My Stuff

• PINTEREST PAGES WITH INFOGRAPHICS– http://www.pinterest.com/drmaryannbell/i-can-see-clearly-now-great-visuals/– http://www.pinterest.com/drmaryannbell/ma-bell-s-medicine-show-for-raising-mor

ale/

• WIKI WITH ALL MY LINKS TO EVERYTHING:– http://forwhomthebelltold.pbworks.com/w/page/11640394/I%20Can%20See%20

Clearly%20Now%3A%20Visual%20Literacy%3ANew%20Ways%20to%20View%20and%20Share%20Information

• ALL MY DIIGO LINKS…– Tags+ “Infographics” and “Monterey14”– https://www.diigo.com/search?adSScope=my&what=monterey14&snapshot=no