an introduction to visual thinking 5321
TRANSCRIPT
![Page 1: An Introduction To Visual Thinking 5321](https://reader036.vdocuments.mx/reader036/viewer/2022081400/555cc6f5d8b42a5f718b54dc/html5/thumbnails/1.jpg)
VISUAL THINKING
an Introduction
to
![Page 2: An Introduction To Visual Thinking 5321](https://reader036.vdocuments.mx/reader036/viewer/2022081400/555cc6f5d8b42a5f718b54dc/html5/thumbnails/2.jpg)
The Goal
a Common Language
Conversations
Establish
to start that advance a Community
![Page 3: An Introduction To Visual Thinking 5321](https://reader036.vdocuments.mx/reader036/viewer/2022081400/555cc6f5d8b42a5f718b54dc/html5/thumbnails/3.jpg)
a Defenition
Using a
VISUAL APPROACHto
FACILITATEthe
THOUGHT PROCESS
![Page 4: An Introduction To Visual Thinking 5321](https://reader036.vdocuments.mx/reader036/viewer/2022081400/555cc6f5d8b42a5f718b54dc/html5/thumbnails/4.jpg)
“ “Visual Thinking Leads to DiscoveryDave GrayFounder, XPLANEVisual Thinking SchoolSept. 06
![Page 5: An Introduction To Visual Thinking 5321](https://reader036.vdocuments.mx/reader036/viewer/2022081400/555cc6f5d8b42a5f718b54dc/html5/thumbnails/5.jpg)
Consider:
Separated at Birth?
![Page 6: An Introduction To Visual Thinking 5321](https://reader036.vdocuments.mx/reader036/viewer/2022081400/555cc6f5d8b42a5f718b54dc/html5/thumbnails/6.jpg)
The “Products”
Flickr: tfyn soldierant driki dgray_xplane
![Page 7: An Introduction To Visual Thinking 5321](https://reader036.vdocuments.mx/reader036/viewer/2022081400/555cc6f5d8b42a5f718b54dc/html5/thumbnails/7.jpg)
(Very) Simplified Lifecycle of Visual Thinking
Conceive, Consider, Create & Craft Clean Up
Not just for artists.
Mental / Sketch Quality Finished Artwork
(optional)
![Page 8: An Introduction To Visual Thinking 5321](https://reader036.vdocuments.mx/reader036/viewer/2022081400/555cc6f5d8b42a5f718b54dc/html5/thumbnails/8.jpg)
Can you draw these?
![Page 9: An Introduction To Visual Thinking 5321](https://reader036.vdocuments.mx/reader036/viewer/2022081400/555cc6f5d8b42a5f718b54dc/html5/thumbnails/9.jpg)
The “tools”
Flickr: jimfrazier
Writing Instruments Pads Index Cards Paper Post-its Whiteboards Photoshop Illustrator Overhead Projector Camera Magazines Scissors GlueEtc.
Brain storming Card sort
External memory field Information mapping
KJ Method Learning map
Mental models Mind map
Nodes and links Noguchi filing system
Outliner Persona development
Pictonics Process mapping
Scenario development Topic mapping
Etc.
STUFF TECHNIQUES/THEORY
![Page 10: An Introduction To Visual Thinking 5321](https://reader036.vdocuments.mx/reader036/viewer/2022081400/555cc6f5d8b42a5f718b54dc/html5/thumbnails/10.jpg)
All you really need:
+ +
Flickr: Insanity Theory KellyPuffs
![Page 11: An Introduction To Visual Thinking 5321](https://reader036.vdocuments.mx/reader036/viewer/2022081400/555cc6f5d8b42a5f718b54dc/html5/thumbnails/11.jpg)
EXERCISE ONE:Draw a Picture of how a Toaster Works
![Page 12: An Introduction To Visual Thinking 5321](https://reader036.vdocuments.mx/reader036/viewer/2022081400/555cc6f5d8b42a5f718b54dc/html5/thumbnails/12.jpg)
NODES
& LINKS
![Page 13: An Introduction To Visual Thinking 5321](https://reader036.vdocuments.mx/reader036/viewer/2022081400/555cc6f5d8b42a5f718b54dc/html5/thumbnails/13.jpg)
A
NODEIS
ANYTHINGWHEN THOUGHT OF AS
PART OF A LARGER SYSTEM
a NODE
Source: visuallanguageproject.com
![Page 14: An Introduction To Visual Thinking 5321](https://reader036.vdocuments.mx/reader036/viewer/2022081400/555cc6f5d8b42a5f718b54dc/html5/thumbnails/14.jpg)
an EVENTa NODEan ENTITY
Something Something that happens
![Page 15: An Introduction To Visual Thinking 5321](https://reader036.vdocuments.mx/reader036/viewer/2022081400/555cc6f5d8b42a5f718b54dc/html5/thumbnails/15.jpg)
LATCH
LATCHPLATE
FRAME
HINGES
KNOB
DOOR
OPENING(hidden)
![Page 16: An Introduction To Visual Thinking 5321](https://reader036.vdocuments.mx/reader036/viewer/2022081400/555cc6f5d8b42a5f718b54dc/html5/thumbnails/16.jpg)
EXERCISE TWO:Using your toaster diagram, identify the nodes
![Page 17: An Introduction To Visual Thinking 5321](https://reader036.vdocuments.mx/reader036/viewer/2022081400/555cc6f5d8b42a5f718b54dc/html5/thumbnails/17.jpg)
LATCH
LATCHPLATE
FRAME
HINGES
KNOB
DOOR
OPENING(hidden)
![Page 18: An Introduction To Visual Thinking 5321](https://reader036.vdocuments.mx/reader036/viewer/2022081400/555cc6f5d8b42a5f718b54dc/html5/thumbnails/18.jpg)
an EVENTan ENTITYA
LINKIS ANYTHING THAT
CONNECTSTWO OR MORE
NODESSource: visuallanguageproject.com
![Page 19: An Introduction To Visual Thinking 5321](https://reader036.vdocuments.mx/reader036/viewer/2022081400/555cc6f5d8b42a5f718b54dc/html5/thumbnails/19.jpg)
MODELS&
STORIES
![Page 20: An Introduction To Visual Thinking 5321](https://reader036.vdocuments.mx/reader036/viewer/2022081400/555cc6f5d8b42a5f718b54dc/html5/thumbnails/20.jpg)
MODELS
Exist in space
Non-linear
Define relationships between nodes
![Page 21: An Introduction To Visual Thinking 5321](https://reader036.vdocuments.mx/reader036/viewer/2022081400/555cc6f5d8b42a5f718b54dc/html5/thumbnails/21.jpg)
![Page 22: An Introduction To Visual Thinking 5321](https://reader036.vdocuments.mx/reader036/viewer/2022081400/555cc6f5d8b42a5f718b54dc/html5/thumbnails/22.jpg)
EXERCISE THREE:Using the Nodes, Create a Model
![Page 23: An Introduction To Visual Thinking 5321](https://reader036.vdocuments.mx/reader036/viewer/2022081400/555cc6f5d8b42a5f718b54dc/html5/thumbnails/23.jpg)
BEFORE YOU CAN
CHANGE A MODELYOU MUST FIRST
UNDERSTAND THE EXISTINGONE
![Page 24: An Introduction To Visual Thinking 5321](https://reader036.vdocuments.mx/reader036/viewer/2022081400/555cc6f5d8b42a5f718b54dc/html5/thumbnails/24.jpg)
STORIESExist in time
Linear
Define progression between nodes
![Page 25: An Introduction To Visual Thinking 5321](https://reader036.vdocuments.mx/reader036/viewer/2022081400/555cc6f5d8b42a5f718b54dc/html5/thumbnails/25.jpg)
![Page 26: An Introduction To Visual Thinking 5321](https://reader036.vdocuments.mx/reader036/viewer/2022081400/555cc6f5d8b42a5f718b54dc/html5/thumbnails/26.jpg)
EXERCISE FOUR:Using the Nodes, Create a Story
![Page 27: An Introduction To Visual Thinking 5321](https://reader036.vdocuments.mx/reader036/viewer/2022081400/555cc6f5d8b42a5f718b54dc/html5/thumbnails/27.jpg)
Static Depiction of Relationships
Non-linear
Like a Website
Depicts Progression of Time
Linear
Like a Book
NODE
TIME SPACE
STORY MODEL
![Page 28: An Introduction To Visual Thinking 5321](https://reader036.vdocuments.mx/reader036/viewer/2022081400/555cc6f5d8b42a5f718b54dc/html5/thumbnails/28.jpg)
The Same Model?
FriendsExperiences
Free
Premium Experiences
Location / Venue
Incremental CostSocialize /
Interact
Consider:
![Page 29: An Introduction To Visual Thinking 5321](https://reader036.vdocuments.mx/reader036/viewer/2022081400/555cc6f5d8b42a5f718b54dc/html5/thumbnails/29.jpg)
Flickr: Jimmywayne22, Libby Telford, POSITiv
WHEN YOU
DEFINE A MODELAND
REMOVE CONTEXTYOU ARE THEN FREE TO
REPURPOSEIT
![Page 30: An Introduction To Visual Thinking 5321](https://reader036.vdocuments.mx/reader036/viewer/2022081400/555cc6f5d8b42a5f718b54dc/html5/thumbnails/30.jpg)
Conclusion
Thank you…
Resources:
http://visuallanguageproject.com
http://www.xplane.com/xblog/
http://en.wikipedia.org/wiki/Visual_thinking
![Page 31: An Introduction To Visual Thinking 5321](https://reader036.vdocuments.mx/reader036/viewer/2022081400/555cc6f5d8b42a5f718b54dc/html5/thumbnails/31.jpg)
Agenda
NOW “Who are you?”& 10 minute bio-break
NEXT Quick Introductions & Idea Sharing
AFTER Breakout groups
FINALLY Drinks! Suggested Venue: Betty’s (on King)