@amyburvall
Image is Everything:!
Exploring Visual Literacy
for Critical Thinking
#
http://bit.ly/imagED
community
http://bit.ly/blc15image
G doc in “Activities”
or…
1:00-2:00
2:00-3:00
outside safari + indep. research/preso
3:00-4:00
share + data viz + graphic facilitation
4:00-5:00
photo + video+ personal brand + reflection
intro + the why/how+ metaphor + shortology
workshop trailer
workshop trailer
!
Introductions
see G-doc “Activities”
life in 3 emoji
CSI of you
3 of me
how am I? sketch
story of me in 3
what 3 images tell your story?
How Art Made the World:
The Day Pictures Were Born
How Art Made the World:
The Day Pictures Were Born
How Art Made the World:
The Day Pictures Were Born
How Art Made the World:
The Day Pictures Were Born
Are YOU a Visual Thinker?
Are YOU a Visual Thinker?
THE
dual coding!
and!
picture superiority effect
Allan Paivio
“Unflattening” - PhD as graphic novel @Nsousanis
External memory aids,
such as sketches and diagrams,
can help us overcome
the limited capacity
of our short- and
long-term memories
Allen Newell and
Nobel Prize winner
Herbert Simon
restructuring
idea pivoting
flexibility
(modifying initial ideas;
coming up with novel changes)
“Why Doodlers are the New ‘Now’”
important in cross-cultural groups,
for whom visual sketches can
bridge gaps of understanding
“The Whirl”, Dave Gray
“graphical library”
!
“visual alphabet”
!
“iconic language”
Dan Roam “vivid thinking”
Dan Roam “vivid thinking”
synthesis!
!
metaphorical thinking!
!
critical thinking
Tyranny of…
Gutenberg Parenthesis
return to more
visual/ oral
WHY #visualliteracy in the classroom?
student-made film
WHY #visualliteracy in the classroom?
student-made film
environment: graffiti wall
"Scholars will be instructed through the eye.
It is possible to teach every branch of
human knowledge with the motion picture.
Our school system will be completely changed
inside of ten years"
- Thomas Edison
“make audio go viral with eye candy”
Blank on Blank
“make audio go viral with eye candy”
Blank on Blank
media literacy
and
digital fluency
early Muppets
early Muppets
!
VIZIPHONE
use metaphorical and visual thinking to
express complex and abstract ideas
non-verbal collaboration
power of images to tell a story !
and relate complex ideas
Playing the Game!
each person, 1 min
have a story in mind
draw as much of that story as possible
in 1 min
pass paper to next person
1 minute to “add”
to the story
divide paper into 4 boxes
RULES:!
!
no talking (this game must be entirely non-verbal
until the end)
!
!
!
!
!
!
!
!
you may draw in the next box of the storyboard
or embellish the previous person’s drawing
try to avoid “drawing” words
and phrases
last person who drew should share out loud
with the group what they perceived the stories to be
first person should then share in what ways
end result was similar or different than original intent
Debriefing Viziphone
What types of symbols and icons were useful in
communicating specific abstract ideas?
What was challenging about this activity?
What was most fun and why?
!
Debriefing Viziphone
!
!
What surprised you about the way the stories
developed with the imagery?
!
Do you think your team was successful at
communicating an entire story with visuals only?
Why or why not?
“If only we could pull out !
our brain !
and use only our eyes.” !
!
!
― Pablo Picasso
THE
Iconography
and
Metaphorical Thinking
Ads are the cave art
of the twentieth century
!
!
!
― Marshall McLuhan
#jesuischarlie
#jesuischarlie
power of a tagged image
The Dot and the Line, 1963
The Dot and the Line, 1963
Metaphor is about
association +
relationship
Metaphor is about
association +
relationship
“EYE-DEAS”
Metaphor is about
association +
relationship
“EYE-CANDY”
Metaphor is about
association +
relationship
making ideas “grow” better
Metaphor is about
association +
relationship
Metaphor is about
association +
relationship
Metaphor is about
association +
relationship
Pictographs / Isotypes (1930s)
The Noun Project
collaborative creativity: #remash
student logo contest: “What If?”
Iconography and Metaphor
choose from list on G-doc
also check out “SketchGuess”
@serendipidoodle
@serendipidoodle
Essentializing
and
“Shortology”
“Shortology”
“Shortology”
condensed shakespeare, mya gosling
MINIMALIST MOVIE POSTERS
POEMS
NOVELS
HISTORICAL	

EVENTS
synthesis: emoji story
100% time, simple diaries @Braddo
!
“Quick and Dirty”
Presentation
images - no bullets
open-ended question
to lead class in
discussion
minimalist posters of a concept
minimalist posters
of a concept
the film
Amadeus
famous movie lines
4 icon challenge
Essentializing and Shortology!
!
choose from list on G-doc
Outside Safari!
+!
independent research with 3 slide preso
choose 1 from the G-doc
for indep research, see
“General” in the G-doc
Infographics
and DataViz
Benefits of Data Visualization
Benefits of Data Visualization
INSIGHT
picture VENNs
listicle!
(Thinglink or info.gram)
listicle!
(Thinglink or info.gram)
use real life items or people
length of hair= frequency of addiction
use real life items or people
photorealism
photo essay style
Visualize…!
What’s in your head?
#ds106 challenge
(hierarchical)
word cloud art
infographic remix
find an original
and make it better
more clear, fun,
aesthetic
metaphorical, etc.
DIY
with data set
DIY
with data set
Creation
Creator
Motivation
Pos/Neg Effects
relations between
people and ideas
re.vu
infographic CV
re.vu
infographic CV
Thinglink : Metadata Me
from Ikea’s Swedish cookbook
Blowout
Burning House Project
Infographics and Data Viz!
!
choose from list on G-doc
Graphic Design
and
Typography
metaphorical lettering
!
typographical parlant
“where art meets type”
Stefan Sagmeister, metaphorical typographer
http://webylife.com/
#sketchquote
#threethirtysketchquote #birthdaysketchquote
take a break…and make!
“DRAWMOUR” TUMBLR BLOG
translate a photo…
Graphic Design and Typography!
!
choose 1 from the G-doc list
Sketchnoting
and
Graphic Facilitation
(abridged)
some basics
some basics
Sketchnote Scribes G+
(linked on the side menu)
SQVID
Dan Roam
SQVID
Dan Roam
SQVID
Dan Roam
SQVID
Dan Roam
practice SQVID with words
divergent thinking: marginalia
networked reading @MrZiebarth
develop your
own vocabulary
@TracyClark08
develop your
own
“visual voice”
sketchnotes by @MrZiebarth
using Paper 53 Think Kit
put it on a tee!
make it an ironic tee!
collaborative Sketch Song: SHE
“She”, Elvis Costello
(see G doc for lyrics to sketch)
“She”, Elvis Costello
(see G doc for lyrics to sketch)
Sketchnotes, Graphic Recording, Marginalia!
!
choose 1 from the G-doc
example of @MirandaKeeling to sketch
Photography
and
Cinemagraphs
try with photos!
photo safaris
@cogdog
low barrier!
of entry points
low barrier entry points: photo challenge
low barrier entry points: photo challenge
BESTAGRAM
low barrier entry points: photo-a-day
low barrier entry points: photo challenge
FORCED PERSPECTIVE
“A few weeks later, in the wood,
I came across Miss Riding Hood.
But what a change! No cloak of red,
No silly hood upon her head.
She said, “Hello, and do please note
My lovely furry wolfskin coat.”
- Roald Dahl
“Ocean Pollution”
Snap-enger Hunt with SnapChat
cinemagraphs
(mood? process?)
cinemagraphs
(mood? process?)
favourite apps
NOIR
Big Lens
or
Pixlromatic
pic/ play / post app
Process Product Reflection
pic/ play / post app
Process Product Reflection
Tayasui Sketches App
Photography and Cinemagrams!
!
choose 1 from the G-doc
Visual Storytelling: How Art Made the World
Visual Storytelling: How Art Made the World
Visual Storytelling: How Art Made the World
Visual Storytelling: How Art Made the World
Visual Storytelling: How Art Made the World
Visual Storytelling: How Art Made the World
Video:
Digital and Hybrid
Creative Speedsketching
Creative Speedsketching
serendipitous “doodle-ramblings”
@Hombre_McSteez
#soundsketch
the power of the cut
the power of the cut
appsmashing
PAPER 53
APPLE KEYNOTE
MAGIC MOVE
PAPER 53
APPLE KEYNOTE
MAGIC MOVE
PAPER 53
REFLECTOR APP
iMOVE
PAPER 53
REFLECTOR APP
iMOVE
Video!
!
choose 1 from the G-doc
Personal
Branding
“visual presence”
avatars
consistent
recognizable
high contrast / b&w is great
close up head shot
colour palette and style
research color meanings
make your entire digital presence that palette
understand complementary colors
logo design
have you thought about it?
MOO cards!
are cool!
(I have some
for you!)
Personal Branding!
!
choose 1 from the G-doc
IDEATE:
100 ideas in 10 minutes!
share best to Padlet
http://padlet.com/amyburvall/imagED
Social Media Activity:
!
Emoji Story
and/or
try IconPop app
and/or
GOPOP app
for visual conversation
#imagED #BLC15
Reflection!
!
choose 1 from the G-doc
www.amyburvall.com

Image is Everything: Exploring Critical Thinking Through Visual Literacies BLC15