E201 – Learning to See, Seeing 
to Learn: Visual Literacy in 
Education 
Internet@Schools West 2014 
Monterey CA 
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
A PICTURE IS WORTH 1000 WORDS
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 
JUST A FEW MORE PHOTO IDEAS… 
• Alphabet projects 
• Memes 
• Pair up with Web 2.0 apps 
• Student-made clip art 
http://www.shsu.edu/~lis_mah/documents/clipartportal.html
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!
“Ringomeme 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 Nancy” 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…
WHAT’S ALL THE BUZZ ABOUT 
INFOGRAPHICS? 
• Definition from Whatis.com: 
http://whatis.techtarget.com/definition/infog 
raphics 
• 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 PadagogyWheel 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_1D 
UILTEkp-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. 
https://www.flickr.com/photos/seoplanter/ 
• You will find tons of great resources!
INFOGRAPHIC GOLD MINES 
“Gold Nuggets” by Francisco Martin 
http://bit.ly/nuggetsssss 
• 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/
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_FI 
NAL.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-morale/ 
• WIKI WITH ALL MY LINKS TO EVERYTHING: 
– http://forwhomthebelltold.pbworks.com/w/page/11640394/I%20Can%20See%20Clearly%20 
Now%3A%20Visual%20Literacy%3ANew%20Ways%20to%20View%20and%20Share%20In 
formation 
• ALL MY DIIGO LINKS… 
– Tags+ “Infographics” and “Monterey14” 
– https://www.diigo.com/search?adSScope=my&what=monterey14&snapshot=no

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

  • 1.
    E201 – Learningto See, Seeing to Learn: Visual Literacy in Education Internet@Schools West 2014 Monterey CA 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
  • 2.
    A PICTURE ISWORTH 1000 WORDS
  • 3.
  • 4.
    SO WHAT’S ALLTHE 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.
  • 5.
    Ways to usephotography JUST A FEW MORE PHOTO IDEAS… • Alphabet projects • Memes • Pair up with Web 2.0 apps • Student-made clip art http://www.shsu.edu/~lis_mah/documents/clipartportal.html
  • 6.
    ALPHABET PROJECTS “EnvironmentalAlphabet” http://fc04.deviantart.net/fs71/f/2010/287/7/cenvironmental_alphabet_by_brcohen-d30rlaf.jpg
  • 7.
    MEMES • Funto 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!
  • 8.
  • 9.
    EXAMPLES… • FunnyTeacher 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
  • 10.
    CREATING YOUR OWNMEMES 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 Nancy” by Mary Ann Bell
  • 11.
    Quick example: Imagefrom MemeCenter.com
  • 12.
    As we sayin 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…
  • 14.
    WHAT’S ALL THEBUZZ ABOUT INFOGRAPHICS? • Definition from Whatis.com: http://whatis.techtarget.com/definition/infog raphics • OK so it’s any image that enables viewer to assimilate information. • How are they useful? – Use them to teach – Have students create
  • 15.
    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
  • 16.
    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
  • 17.
    Is GRAPHICACY the4th 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
  • 18.
    THEY CAN BESIMPLE…
  • 19.
    OR COMPLEX…. ThePadagogyWheel by Allan Carrington is licensed under a Creative Commons Attribution 3.0
  • 20.
    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
  • 21.
    Aside Blog’s 4S’s of Graphicacy http://theasideblog.blogspot.com/2011/12/graphicacy-4-steps-to-understanding.html
  • 22.
    Have Students Create • Do this AFTER defining and learning about evaluating and understanding. • Use both digital and hand drawn
  • 23.
  • 24.
    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/
  • 25.
    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_1D UILTEkp-CvJC28KDZVBTZ9Fo1ha0VA/edit • Free pdfs! http://cherrylakepublishing.com//activities
  • 26.
    Guilia Forsythe! “Iwork 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
  • 27.
    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. https://www.flickr.com/photos/seoplanter/ • You will find tons of great resources!
  • 28.
    INFOGRAPHIC GOLD MINES “Gold Nuggets” by Francisco Martin http://bit.ly/nuggetsssss • 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/
  • 29.
  • 30.
    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_FI NAL.jpg • Periodic Tables: https://www.flickr.com/photos/bk/4455590301/sizes/l/
  • 31.
  • 32.
  • 33.
    How about notetaking? Guilia Forsythe made this to map David Wiley’s Mapping the Future talk.
  • 34.
    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…
  • 35.
    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:
  • 36.
  • 38.
    Remember to teachethical use… – Always give attribution! – If you’re not sure an image is OK, select another or ask permission…I’ve never been turned down!
  • 39.
    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-morale/ • WIKI WITH ALL MY LINKS TO EVERYTHING: – http://forwhomthebelltold.pbworks.com/w/page/11640394/I%20Can%20See%20Clearly%20 Now%3A%20Visual%20Literacy%3ANew%20Ways%20to%20View%20and%20Share%20In formation • ALL MY DIIGO LINKS… – Tags+ “Infographics” and “Monterey14” – https://www.diigo.com/search?adSScope=my&what=monterey14&snapshot=no