visual thinking: working with pictures
TRANSCRIPT
![Page 1: Visual Thinking: Working with Pictures](https://reader034.vdocuments.net/reader034/viewer/2022051101/5a64cd307f8b9a88148b53a7/html5/thumbnails/1.jpg)
![Page 2: Visual Thinking: Working with Pictures](https://reader034.vdocuments.net/reader034/viewer/2022051101/5a64cd307f8b9a88148b53a7/html5/thumbnails/2.jpg)
Visual Thinking
Working with Pictures
Christina Wodtke
![Page 3: Visual Thinking: Working with Pictures](https://reader034.vdocuments.net/reader034/viewer/2022051101/5a64cd307f8b9a88148b53a7/html5/thumbnails/3.jpg)
Why draw?Think of a chair
![Page 4: Visual Thinking: Working with Pictures](https://reader034.vdocuments.net/reader034/viewer/2022051101/5a64cd307f8b9a88148b53a7/html5/thumbnails/4.jpg)
![Page 5: Visual Thinking: Working with Pictures](https://reader034.vdocuments.net/reader034/viewer/2022051101/5a64cd307f8b9a88148b53a7/html5/thumbnails/5.jpg)
1. Communic
ate
![Page 6: Visual Thinking: Working with Pictures](https://reader034.vdocuments.net/reader034/viewer/2022051101/5a64cd307f8b9a88148b53a7/html5/thumbnails/6.jpg)
2. Problem Solving
![Page 7: Visual Thinking: Working with Pictures](https://reader034.vdocuments.net/reader034/viewer/2022051101/5a64cd307f8b9a88148b53a7/html5/thumbnails/7.jpg)
3. Listening
and Remember
ing
![Page 8: Visual Thinking: Working with Pictures](https://reader034.vdocuments.net/reader034/viewer/2022051101/5a64cd307f8b9a88148b53a7/html5/thumbnails/8.jpg)
Who Draws?
![Page 9: Visual Thinking: Working with Pictures](https://reader034.vdocuments.net/reader034/viewer/2022051101/5a64cd307f8b9a88148b53a7/html5/thumbnails/9.jpg)
![Page 10: Visual Thinking: Working with Pictures](https://reader034.vdocuments.net/reader034/viewer/2022051101/5a64cd307f8b9a88148b53a7/html5/thumbnails/10.jpg)
Zaha Hadid
![Page 11: Visual Thinking: Working with Pictures](https://reader034.vdocuments.net/reader034/viewer/2022051101/5a64cd307f8b9a88148b53a7/html5/thumbnails/11.jpg)
Chefs Jason Chan and Grant Achitz
![Page 12: Visual Thinking: Working with Pictures](https://reader034.vdocuments.net/reader034/viewer/2022051101/5a64cd307f8b9a88148b53a7/html5/thumbnails/12.jpg)
![Page 13: Visual Thinking: Working with Pictures](https://reader034.vdocuments.net/reader034/viewer/2022051101/5a64cd307f8b9a88148b53a7/html5/thumbnails/13.jpg)
![Page 14: Visual Thinking: Working with Pictures](https://reader034.vdocuments.net/reader034/viewer/2022051101/5a64cd307f8b9a88148b53a7/html5/thumbnails/14.jpg)
![Page 15: Visual Thinking: Working with Pictures](https://reader034.vdocuments.net/reader034/viewer/2022051101/5a64cd307f8b9a88148b53a7/html5/thumbnails/15.jpg)
![Page 16: Visual Thinking: Working with Pictures](https://reader034.vdocuments.net/reader034/viewer/2022051101/5a64cd307f8b9a88148b53a7/html5/thumbnails/16.jpg)
Don’t Worry
![Page 17: Visual Thinking: Working with Pictures](https://reader034.vdocuments.net/reader034/viewer/2022051101/5a64cd307f8b9a88148b53a7/html5/thumbnails/17.jpg)
Pareidolia
![Page 18: Visual Thinking: Working with Pictures](https://reader034.vdocuments.net/reader034/viewer/2022051101/5a64cd307f8b9a88148b53a7/html5/thumbnails/18.jpg)
Warm Up
![Page 19: Visual Thinking: Working with Pictures](https://reader034.vdocuments.net/reader034/viewer/2022051101/5a64cd307f8b9a88148b53a7/html5/thumbnails/19.jpg)
![Page 20: Visual Thinking: Working with Pictures](https://reader034.vdocuments.net/reader034/viewer/2022051101/5a64cd307f8b9a88148b53a7/html5/thumbnails/20.jpg)
![Page 21: Visual Thinking: Working with Pictures](https://reader034.vdocuments.net/reader034/viewer/2022051101/5a64cd307f8b9a88148b53a7/html5/thumbnails/21.jpg)
Draw together
![Page 22: Visual Thinking: Working with Pictures](https://reader034.vdocuments.net/reader034/viewer/2022051101/5a64cd307f8b9a88148b53a7/html5/thumbnails/22.jpg)
![Page 23: Visual Thinking: Working with Pictures](https://reader034.vdocuments.net/reader034/viewer/2022051101/5a64cd307f8b9a88148b53a7/html5/thumbnails/23.jpg)
What can we make?Let’s start with story….
![Page 24: Visual Thinking: Working with Pictures](https://reader034.vdocuments.net/reader034/viewer/2022051101/5a64cd307f8b9a88148b53a7/html5/thumbnails/24.jpg)
MIND MAPS
Gather your Thoughts
![Page 25: Visual Thinking: Working with Pictures](https://reader034.vdocuments.net/reader034/viewer/2022051101/5a64cd307f8b9a88148b53a7/html5/thumbnails/25.jpg)
![Page 26: Visual Thinking: Working with Pictures](https://reader034.vdocuments.net/reader034/viewer/2022051101/5a64cd307f8b9a88148b53a7/html5/thumbnails/26.jpg)
I feel like drawing slows me down to give me thinking time.
-Andrew Reid
![Page 27: Visual Thinking: Working with Pictures](https://reader034.vdocuments.net/reader034/viewer/2022051101/5a64cd307f8b9a88148b53a7/html5/thumbnails/27.jpg)
ANDREW REID, GAME DESIGNER
MIND MAPS FOR GAME DESIGN
![Page 28: Visual Thinking: Working with Pictures](https://reader034.vdocuments.net/reader034/viewer/2022051101/5a64cd307f8b9a88148b53a7/html5/thumbnails/28.jpg)
01WORLD IA DAY 2017
HEADER
OF THIS
PAGE
From Rolf Faste’s MindMapping article
The basic principles of mind mapping are:
1 Create a Center Statement.
2 Develop ideas radially outward.
3 Capture ideas quickly.
4 Use lines to show connections.
5 Create train-of-thought structures.
6 Follow an idea as far as it will go.
7 Work from the known to the unknown.
8 Return to the center when ideas are exhausted.
9 Increase density to create richness.
10 Avoid being judgmental.
11 Have fun with the form.
![Page 29: Visual Thinking: Working with Pictures](https://reader034.vdocuments.net/reader034/viewer/2022051101/5a64cd307f8b9a88148b53a7/html5/thumbnails/29.jpg)
HOW I FEED MYSELF
5 Minutes
![Page 30: Visual Thinking: Working with Pictures](https://reader034.vdocuments.net/reader034/viewer/2022051101/5a64cd307f8b9a88148b53a7/html5/thumbnails/30.jpg)
STORY
![Page 31: Visual Thinking: Working with Pictures](https://reader034.vdocuments.net/reader034/viewer/2022051101/5a64cd307f8b9a88148b53a7/html5/thumbnails/31.jpg)
![Page 32: Visual Thinking: Working with Pictures](https://reader034.vdocuments.net/reader034/viewer/2022051101/5a64cd307f8b9a88148b53a7/html5/thumbnails/32.jpg)
![Page 33: Visual Thinking: Working with Pictures](https://reader034.vdocuments.net/reader034/viewer/2022051101/5a64cd307f8b9a88148b53a7/html5/thumbnails/33.jpg)
![Page 34: Visual Thinking: Working with Pictures](https://reader034.vdocuments.net/reader034/viewer/2022051101/5a64cd307f8b9a88148b53a7/html5/thumbnails/34.jpg)
![Page 35: Visual Thinking: Working with Pictures](https://reader034.vdocuments.net/reader034/viewer/2022051101/5a64cd307f8b9a88148b53a7/html5/thumbnails/35.jpg)
![Page 36: Visual Thinking: Working with Pictures](https://reader034.vdocuments.net/reader034/viewer/2022051101/5a64cd307f8b9a88148b53a7/html5/thumbnails/36.jpg)
![Page 37: Visual Thinking: Working with Pictures](https://reader034.vdocuments.net/reader034/viewer/2022051101/5a64cd307f8b9a88148b53a7/html5/thumbnails/37.jpg)
![Page 38: Visual Thinking: Working with Pictures](https://reader034.vdocuments.net/reader034/viewer/2022051101/5a64cd307f8b9a88148b53a7/html5/thumbnails/38.jpg)
![Page 39: Visual Thinking: Working with Pictures](https://reader034.vdocuments.net/reader034/viewer/2022051101/5a64cd307f8b9a88148b53a7/html5/thumbnails/39.jpg)
1o minutes: Using your drawing skills, Tell your story
![Page 40: Visual Thinking: Working with Pictures](https://reader034.vdocuments.net/reader034/viewer/2022051101/5a64cd307f8b9a88148b53a7/html5/thumbnails/40.jpg)
Lunch
![Page 41: Visual Thinking: Working with Pictures](https://reader034.vdocuments.net/reader034/viewer/2022051101/5a64cd307f8b9a88148b53a7/html5/thumbnails/41.jpg)
1o minutes: Using your drawing skills, Tell your story
![Page 42: Visual Thinking: Working with Pictures](https://reader034.vdocuments.net/reader034/viewer/2022051101/5a64cd307f8b9a88148b53a7/html5/thumbnails/42.jpg)
One minute pitch.
![Page 43: Visual Thinking: Working with Pictures](https://reader034.vdocuments.net/reader034/viewer/2022051101/5a64cd307f8b9a88148b53a7/html5/thumbnails/43.jpg)
Dotmocracy
![Page 44: Visual Thinking: Working with Pictures](https://reader034.vdocuments.net/reader034/viewer/2022051101/5a64cd307f8b9a88148b53a7/html5/thumbnails/44.jpg)
![Page 45: Visual Thinking: Working with Pictures](https://reader034.vdocuments.net/reader034/viewer/2022051101/5a64cd307f8b9a88148b53a7/html5/thumbnails/45.jpg)
Dan roam
![Page 46: Visual Thinking: Working with Pictures](https://reader034.vdocuments.net/reader034/viewer/2022051101/5a64cd307f8b9a88148b53a7/html5/thumbnails/46.jpg)
MODEL EVERYTHING!
Five SIX models for making sense
![Page 47: Visual Thinking: Working with Pictures](https://reader034.vdocuments.net/reader034/viewer/2022051101/5a64cd307f8b9a88148b53a7/html5/thumbnails/47.jpg)
Scott Bernatino
![Page 48: Visual Thinking: Working with Pictures](https://reader034.vdocuments.net/reader034/viewer/2022051101/5a64cd307f8b9a88148b53a7/html5/thumbnails/48.jpg)
01WORLD IA DAY 2017
•Maps, Models,
Canvases
![Page 49: Visual Thinking: Working with Pictures](https://reader034.vdocuments.net/reader034/viewer/2022051101/5a64cd307f8b9a88148b53a7/html5/thumbnails/49.jpg)
“VISUAL MODELS ARE ALL ABOUT MEANING THROUGH SPATIAL
ARRANGEMENT”- STEPHEN P ANDERSON
![Page 50: Visual Thinking: Working with Pictures](https://reader034.vdocuments.net/reader034/viewer/2022051101/5a64cd307f8b9a88148b53a7/html5/thumbnails/50.jpg)
01WORLD IA DAY 2017
DAVE GRAY
ILLUSTRATION MODEL
![Page 51: Visual Thinking: Working with Pictures](https://reader034.vdocuments.net/reader034/viewer/2022051101/5a64cd307f8b9a88148b53a7/html5/thumbnails/51.jpg)
SYSTEM MODELS
Map the System
![Page 52: Visual Thinking: Working with Pictures](https://reader034.vdocuments.net/reader034/viewer/2022051101/5a64cd307f8b9a88148b53a7/html5/thumbnails/52.jpg)
Microwave system model
http://sce.uhcl.edu/whiteta/sdp/createSystemModel.html
![Page 53: Visual Thinking: Working with Pictures](https://reader034.vdocuments.net/reader034/viewer/2022051101/5a64cd307f8b9a88148b53a7/html5/thumbnails/53.jpg)
BBC Weather
Sitemap http://www.bbc.co.uk/blogs/bbcinternet/2011/11/b
bc_weather_design_refresh.html
![Page 54: Visual Thinking: Working with Pictures](https://reader034.vdocuments.net/reader034/viewer/2022051101/5a64cd307f8b9a88148b53a7/html5/thumbnails/54.jpg)
From Stone Librande’s One Page Designs
![Page 55: Visual Thinking: Working with Pictures](https://reader034.vdocuments.net/reader034/viewer/2022051101/5a64cd307f8b9a88148b53a7/html5/thumbnails/55.jpg)
MENTAL MODELS
Understand the Customer’s
Point of View
![Page 56: Visual Thinking: Working with Pictures](https://reader034.vdocuments.net/reader034/viewer/2022051101/5a64cd307f8b9a88148b53a7/html5/thumbnails/56.jpg)
01WORLD IA DAY 2017
Center for research on Environmental Decisions
http://guide.cred.columbia.edu/guide/sec1.html
A mental model represents a person’s thought process for how something works (i.e., A person’s understanding of the surrounding world). Mental models, which are based on often-incomplete facts, past experiences, and even intuitive perceptions, help shape actions and behavior, influence what people pay attention to in complicated situations, and define how people approach and solve problems.
![Page 57: Visual Thinking: Working with Pictures](https://reader034.vdocuments.net/reader034/viewer/2022051101/5a64cd307f8b9a88148b53a7/html5/thumbnails/57.jpg)
![Page 58: Visual Thinking: Working with Pictures](https://reader034.vdocuments.net/reader034/viewer/2022051101/5a64cd307f8b9a88148b53a7/html5/thumbnails/58.jpg)
![Page 59: Visual Thinking: Working with Pictures](https://reader034.vdocuments.net/reader034/viewer/2022051101/5a64cd307f8b9a88148b53a7/html5/thumbnails/59.jpg)
Draw Toast
“Draw a picture of how to make toast. That is, darkened crispy
bread.
Use no words in your diagram.
Try to illustrate the important actions to someone who has never made toast before.”
![Page 60: Visual Thinking: Working with Pictures](https://reader034.vdocuments.net/reader034/viewer/2022051101/5a64cd307f8b9a88148b53a7/html5/thumbnails/60.jpg)
CONCEPT MODELS
Visual Explanations
![Page 61: Visual Thinking: Working with Pictures](https://reader034.vdocuments.net/reader034/viewer/2022051101/5a64cd307f8b9a88148b53a7/html5/thumbnails/61.jpg)
01WORLD IA DAY 2017
Sunni Brown
Doodle Revolution
![Page 62: Visual Thinking: Working with Pictures](https://reader034.vdocuments.net/reader034/viewer/2022051101/5a64cd307f8b9a88148b53a7/html5/thumbnails/62.jpg)
ELEMENTS & RELATIONSHIPS
(Systems, a la Brown)
![Page 63: Visual Thinking: Working with Pictures](https://reader034.vdocuments.net/reader034/viewer/2022051101/5a64cd307f8b9a88148b53a7/html5/thumbnails/63.jpg)
Chris Crawford explains different kinds of playhttp://www.scottkim.com.previewc40.carrierzone.com/thinkinggames/whatisapuzzle/index.html
http://www.erasmatazz.com/library/the-journal-of-computer/jcgd-volume-4/my-definition-of-game.html
![Page 64: Visual Thinking: Working with Pictures](https://reader034.vdocuments.net/reader034/viewer/2022051101/5a64cd307f8b9a88148b53a7/html5/thumbnails/64.jpg)
Don Norman, Drawn by me.
![Page 65: Visual Thinking: Working with Pictures](https://reader034.vdocuments.net/reader034/viewer/2022051101/5a64cd307f8b9a88148b53a7/html5/thumbnails/65.jpg)
Dan Roam
![Page 66: Visual Thinking: Working with Pictures](https://reader034.vdocuments.net/reader034/viewer/2022051101/5a64cd307f8b9a88148b53a7/html5/thumbnails/66.jpg)
![Page 67: Visual Thinking: Working with Pictures](https://reader034.vdocuments.net/reader034/viewer/2022051101/5a64cd307f8b9a88148b53a7/html5/thumbnails/67.jpg)
Drawn by me, @cwodtke
![Page 68: Visual Thinking: Working with Pictures](https://reader034.vdocuments.net/reader034/viewer/2022051101/5a64cd307f8b9a88148b53a7/html5/thumbnails/68.jpg)
![Page 69: Visual Thinking: Working with Pictures](https://reader034.vdocuments.net/reader034/viewer/2022051101/5a64cd307f8b9a88148b53a7/html5/thumbnails/69.jpg)
Freelist all the Elements of a Performance Review
5 minutes
![Page 70: Visual Thinking: Working with Pictures](https://reader034.vdocuments.net/reader034/viewer/2022051101/5a64cd307f8b9a88148b53a7/html5/thumbnails/70.jpg)
PROCESSES
![Page 71: Visual Thinking: Working with Pictures](https://reader034.vdocuments.net/reader034/viewer/2022051101/5a64cd307f8b9a88148b53a7/html5/thumbnails/71.jpg)
![Page 72: Visual Thinking: Working with Pictures](https://reader034.vdocuments.net/reader034/viewer/2022051101/5a64cd307f8b9a88148b53a7/html5/thumbnails/72.jpg)
Today Team explains their offering
![Page 73: Visual Thinking: Working with Pictures](https://reader034.vdocuments.net/reader034/viewer/2022051101/5a64cd307f8b9a88148b53a7/html5/thumbnails/73.jpg)
Innoenergy Process
![Page 74: Visual Thinking: Working with Pictures](https://reader034.vdocuments.net/reader034/viewer/2022051101/5a64cd307f8b9a88148b53a7/html5/thumbnails/74.jpg)
![Page 75: Visual Thinking: Working with Pictures](https://reader034.vdocuments.net/reader034/viewer/2022051101/5a64cd307f8b9a88148b53a7/html5/thumbnails/75.jpg)
![Page 76: Visual Thinking: Working with Pictures](https://reader034.vdocuments.net/reader034/viewer/2022051101/5a64cd307f8b9a88148b53a7/html5/thumbnails/76.jpg)
Andrew Reid
![Page 77: Visual Thinking: Working with Pictures](https://reader034.vdocuments.net/reader034/viewer/2022051101/5a64cd307f8b9a88148b53a7/html5/thumbnails/77.jpg)
![Page 78: Visual Thinking: Working with Pictures](https://reader034.vdocuments.net/reader034/viewer/2022051101/5a64cd307f8b9a88148b53a7/html5/thumbnails/78.jpg)
![Page 79: Visual Thinking: Working with Pictures](https://reader034.vdocuments.net/reader034/viewer/2022051101/5a64cd307f8b9a88148b53a7/html5/thumbnails/79.jpg)
![Page 80: Visual Thinking: Working with Pictures](https://reader034.vdocuments.net/reader034/viewer/2022051101/5a64cd307f8b9a88148b53a7/html5/thumbnails/80.jpg)
How to Poach an egg,
by @cwodtke
![Page 81: Visual Thinking: Working with Pictures](https://reader034.vdocuments.net/reader034/viewer/2022051101/5a64cd307f8b9a88148b53a7/html5/thumbnails/81.jpg)
Draw the process of a performance
review,
Five minutes
![Page 82: Visual Thinking: Working with Pictures](https://reader034.vdocuments.net/reader034/viewer/2022051101/5a64cd307f8b9a88148b53a7/html5/thumbnails/82.jpg)
ShareHow should it be?
![Page 83: Visual Thinking: Working with Pictures](https://reader034.vdocuments.net/reader034/viewer/2022051101/5a64cd307f8b9a88148b53a7/html5/thumbnails/83.jpg)
WireFlowsSimple thumbnails to represent the flow of the experience
![Page 84: Visual Thinking: Working with Pictures](https://reader034.vdocuments.net/reader034/viewer/2022051101/5a64cd307f8b9a88148b53a7/html5/thumbnails/84.jpg)
Wireflow
• Shows how the product works. Screens are sketchy.
• Nodes and Connectors
![Page 85: Visual Thinking: Working with Pictures](https://reader034.vdocuments.net/reader034/viewer/2022051101/5a64cd307f8b9a88148b53a7/html5/thumbnails/85.jpg)
Draw a flow….5 minutes
![Page 86: Visual Thinking: Working with Pictures](https://reader034.vdocuments.net/reader034/viewer/2022051101/5a64cd307f8b9a88148b53a7/html5/thumbnails/86.jpg)
One minute pitch.
![Page 87: Visual Thinking: Working with Pictures](https://reader034.vdocuments.net/reader034/viewer/2022051101/5a64cd307f8b9a88148b53a7/html5/thumbnails/87.jpg)
Dotmocracy
![Page 88: Visual Thinking: Working with Pictures](https://reader034.vdocuments.net/reader034/viewer/2022051101/5a64cd307f8b9a88148b53a7/html5/thumbnails/88.jpg)
Key ScreenUpsell page, or key value moment
![Page 89: Visual Thinking: Working with Pictures](https://reader034.vdocuments.net/reader034/viewer/2022051101/5a64cd307f8b9a88148b53a7/html5/thumbnails/89.jpg)
Landing page OR Page demonstrating key value.
![Page 90: Visual Thinking: Working with Pictures](https://reader034.vdocuments.net/reader034/viewer/2022051101/5a64cd307f8b9a88148b53a7/html5/thumbnails/90.jpg)
Draw the Box
• What’s it called?
• Who’s it for?
• What’s its tagline or slogan?
• What are its most compelling features? Benefits?
• What imagery would make it stand out to you?
![Page 91: Visual Thinking: Working with Pictures](https://reader034.vdocuments.net/reader034/viewer/2022051101/5a64cd307f8b9a88148b53a7/html5/thumbnails/91.jpg)
DRAW: Key Screen or Box5 minutes
![Page 92: Visual Thinking: Working with Pictures](https://reader034.vdocuments.net/reader034/viewer/2022051101/5a64cd307f8b9a88148b53a7/html5/thumbnails/92.jpg)
One minute pitch.
![Page 93: Visual Thinking: Working with Pictures](https://reader034.vdocuments.net/reader034/viewer/2022051101/5a64cd307f8b9a88148b53a7/html5/thumbnails/93.jpg)
Dotmocracy
![Page 94: Visual Thinking: Working with Pictures](https://reader034.vdocuments.net/reader034/viewer/2022051101/5a64cd307f8b9a88148b53a7/html5/thumbnails/94.jpg)
COMPARISONS
![Page 95: Visual Thinking: Working with Pictures](https://reader034.vdocuments.net/reader034/viewer/2022051101/5a64cd307f8b9a88148b53a7/html5/thumbnails/95.jpg)
![Page 96: Visual Thinking: Working with Pictures](https://reader034.vdocuments.net/reader034/viewer/2022051101/5a64cd307f8b9a88148b53a7/html5/thumbnails/96.jpg)
Exploring why
different services
suck in their own
special way. https://medium.com/@cwo
dtke/a-theory-of-form-for-
digital-products-
f5f605adae84#.51ie4d1vq
![Page 97: Visual Thinking: Working with Pictures](https://reader034.vdocuments.net/reader034/viewer/2022051101/5a64cd307f8b9a88148b53a7/html5/thumbnails/97.jpg)
Uncovering the Secrets of Mammoth Island
![Page 98: Visual Thinking: Working with Pictures](https://reader034.vdocuments.net/reader034/viewer/2022051101/5a64cd307f8b9a88148b53a7/html5/thumbnails/98.jpg)
Understanding
Comics
Scott McCloud
![Page 99: Visual Thinking: Working with Pictures](https://reader034.vdocuments.net/reader034/viewer/2022051101/5a64cd307f8b9a88148b53a7/html5/thumbnails/99.jpg)
01WORLD IA DAY 2017
2x2’s are ALL about
comparisons!
![Page 100: Visual Thinking: Working with Pictures](https://reader034.vdocuments.net/reader034/viewer/2022051101/5a64cd307f8b9a88148b53a7/html5/thumbnails/100.jpg)
![Page 101: Visual Thinking: Working with Pictures](https://reader034.vdocuments.net/reader034/viewer/2022051101/5a64cd307f8b9a88148b53a7/html5/thumbnails/101.jpg)
![Page 102: Visual Thinking: Working with Pictures](https://reader034.vdocuments.net/reader034/viewer/2022051101/5a64cd307f8b9a88148b53a7/html5/thumbnails/102.jpg)
Drawing Ideas
![Page 103: Visual Thinking: Working with Pictures](https://reader034.vdocuments.net/reader034/viewer/2022051101/5a64cd307f8b9a88148b53a7/html5/thumbnails/103.jpg)
Separately, Silently Draw a comparison5 minutes
![Page 104: Visual Thinking: Working with Pictures](https://reader034.vdocuments.net/reader034/viewer/2022051101/5a64cd307f8b9a88148b53a7/html5/thumbnails/104.jpg)
Share Out
![Page 105: Visual Thinking: Working with Pictures](https://reader034.vdocuments.net/reader034/viewer/2022051101/5a64cd307f8b9a88148b53a7/html5/thumbnails/105.jpg)
CONCEPT MODELSFOR WORK
![Page 106: Visual Thinking: Working with Pictures](https://reader034.vdocuments.net/reader034/viewer/2022051101/5a64cd307f8b9a88148b53a7/html5/thumbnails/106.jpg)
Kitten Farming concept by Daniel Cook, CCO of SpryfoxFor thinking
![Page 107: Visual Thinking: Working with Pictures](https://reader034.vdocuments.net/reader034/viewer/2022051101/5a64cd307f8b9a88148b53a7/html5/thumbnails/107.jpg)
Robin Hunicke
![Page 108: Visual Thinking: Working with Pictures](https://reader034.vdocuments.net/reader034/viewer/2022051101/5a64cd307f8b9a88148b53a7/html5/thumbnails/108.jpg)
01WORLD IA DAY 2017
For Communicating
• Conceptual Blueprint by
Andrew Hinton of The
Understanding Group
![Page 109: Visual Thinking: Working with Pictures](https://reader034.vdocuments.net/reader034/viewer/2022051101/5a64cd307f8b9a88148b53a7/html5/thumbnails/109.jpg)
Stone Librande
![Page 110: Visual Thinking: Working with Pictures](https://reader034.vdocuments.net/reader034/viewer/2022051101/5a64cd307f8b9a88148b53a7/html5/thumbnails/110.jpg)
Stone Librande
![Page 111: Visual Thinking: Working with Pictures](https://reader034.vdocuments.net/reader034/viewer/2022051101/5a64cd307f8b9a88148b53a7/html5/thumbnails/111.jpg)
HOW FANCY SHOULD THEY BE?
![Page 112: Visual Thinking: Working with Pictures](https://reader034.vdocuments.net/reader034/viewer/2022051101/5a64cd307f8b9a88148b53a7/html5/thumbnails/112.jpg)
Stephen p anderson
![Page 113: Visual Thinking: Working with Pictures](https://reader034.vdocuments.net/reader034/viewer/2022051101/5a64cd307f8b9a88148b53a7/html5/thumbnails/113.jpg)
Bill Verplank
![Page 114: Visual Thinking: Working with Pictures](https://reader034.vdocuments.net/reader034/viewer/2022051101/5a64cd307f8b9a88148b53a7/html5/thumbnails/114.jpg)
01WORLD IA DAY 2017
A simple model you
can draw on a
whiteboard becomes a
meme.
Is this why Lean
Startup is huge?
![Page 115: Visual Thinking: Working with Pictures](https://reader034.vdocuments.net/reader034/viewer/2022051101/5a64cd307f8b9a88148b53a7/html5/thumbnails/115.jpg)
01WORLD IA DAY 2017
Determine the GOAL: how will the model be used, by whom? What is the job of the model? To change minds, explain a concept, simplify complexity?
INVENTORY THE CONCEPTS: brainstorm many parts of your concept. Keep adding more in the margins as you go.
INSPECT THE CONCEPTS: are there many concepts hiding in one? Do you really understand each idea?
Determine the RELATIONSHIPS: how do the concepts interact?
Decision point: do i understand the ideas and what i’m trying to communicate?
Test: ask yourself if the model “feels” right.
If yes, then continue.
ITERATE with words and pictures: talk to yourself and draw it out!
EVALUATE with yourself/the client: keep making sure the drawings match the ideas you wish to communicate. Don’t punk out early! Rest if you need to!
Decision point: does my audience understand the ideas and what i’m trying to communicate?
Test: can my audience answer key questions with the model?
If yes, then continue.
REFINE: use color, type, line weight, and labels to make sure you are communicating clearly.
![Page 116: Visual Thinking: Working with Pictures](https://reader034.vdocuments.net/reader034/viewer/2022051101/5a64cd307f8b9a88148b53a7/html5/thumbnails/116.jpg)
01WORLD IA DAY 2017Dave gray
What should I draw?
• Consider the elements
![Page 117: Visual Thinking: Working with Pictures](https://reader034.vdocuments.net/reader034/viewer/2022051101/5a64cd307f8b9a88148b53a7/html5/thumbnails/117.jpg)
01WORLD IA DAY 2017Dave gray | http://www.xplaner.com/visual-thinking-school/
What should I draw?
Consider the purpose
![Page 118: Visual Thinking: Working with Pictures](https://reader034.vdocuments.net/reader034/viewer/2022051101/5a64cd307f8b9a88148b53a7/html5/thumbnails/118.jpg)
PARTICIPATORYCONCEPT MAPS?!?
![Page 119: Visual Thinking: Working with Pictures](https://reader034.vdocuments.net/reader034/viewer/2022051101/5a64cd307f8b9a88148b53a7/html5/thumbnails/119.jpg)
![Page 120: Visual Thinking: Working with Pictures](https://reader034.vdocuments.net/reader034/viewer/2022051101/5a64cd307f8b9a88148b53a7/html5/thumbnails/120.jpg)
![Page 121: Visual Thinking: Working with Pictures](https://reader034.vdocuments.net/reader034/viewer/2022051101/5a64cd307f8b9a88148b53a7/html5/thumbnails/121.jpg)
Dave gray
![Page 122: Visual Thinking: Working with Pictures](https://reader034.vdocuments.net/reader034/viewer/2022051101/5a64cd307f8b9a88148b53a7/html5/thumbnails/122.jpg)
![Page 123: Visual Thinking: Working with Pictures](https://reader034.vdocuments.net/reader034/viewer/2022051101/5a64cd307f8b9a88148b53a7/html5/thumbnails/123.jpg)
01WORLD IA DAY 2017
MIND MAPS, to gather your thoughts
CONCEPT MAPS, to organize your understanding
SYSTEM MAPS, to map the system (a tautology, but an accurate one)
MENTAL MODELS, to understand and communicate your user’s understanding
CONCEPT MODELS, to message a way to think about a complex system
![Page 124: Visual Thinking: Working with Pictures](https://reader034.vdocuments.net/reader034/viewer/2022051101/5a64cd307f8b9a88148b53a7/html5/thumbnails/124.jpg)
And Canvases!
![Page 125: Visual Thinking: Working with Pictures](https://reader034.vdocuments.net/reader034/viewer/2022051101/5a64cd307f8b9a88148b53a7/html5/thumbnails/125.jpg)
01WORLD IA DAY 2017
Thank you.
Questions?
For workshops & Other inquires:
Christina Wodtke
@Cwodtke
Cwodtke.comArt by Amelie Wodtke Sarrazin
![Page 126: Visual Thinking: Working with Pictures](https://reader034.vdocuments.net/reader034/viewer/2022051101/5a64cd307f8b9a88148b53a7/html5/thumbnails/126.jpg)
![Page 127: Visual Thinking: Working with Pictures](https://reader034.vdocuments.net/reader034/viewer/2022051101/5a64cd307f8b9a88148b53a7/html5/thumbnails/127.jpg)
http://evalotta.pancakeapps.com/