Download as PDF, PPTX
![01
WORLD IA DAY 2017
“What the [design] diagram shows is
the overlap of concerns among three
different entities. The first represents
the area of interest to the designer.
The second represents the areas of
interest to the client. The third is the
area of interest to society as a whole.
Charles and Ray’s point is that it is in
the area where all three overlap that
the designer can work with
enthusiasm and conviction . . .
Eames Explain Design](https://image.slidesharecdn.com/visualthinkingstanfordcontinuingstudies-180429142111/85/Visual-Thinking-Stanford-Continuing-Studies-140-320.jpg)
Uploaded byChristina Wodtke
Visual Thinking Stanford Continuing Studies
This document provides an overview of using visual models and drawings to communicate complex ideas and concepts. It discusses different types of visual models like mind maps, concept maps, system maps, mental models, and concept models. It provides examples of each type of model and encourages the reader to practice different drawing exercises, like drawing processes, comparisons, and conceptual models. The overall message is that visual models are effective ways to organize thinking, understand relationships, and communicate complex topics in a simple manner.
More Related Content
![Introduction to Graphic Design PDF [slideshare]](https://cdn.slidesharecdn.com/ss_thumbnails/prologuegraphicdesignslideshare-190815200118-thumbnail.jpg?width=640&height=640&fit=bounds)
![Human centered design [explained with examples]](https://cdn.slidesharecdn.com/ss_thumbnails/humancentereddesignexplainedwithexamples-191029070508-thumbnail.jpg?width=640&height=640&fit=bounds)
Similar to Visual Thinking Stanford Continuing Studies
Visual Thinking Stanford Continuing Studies
- 1.
- 4. Why draw? Think ofa chair
- 6.
- 7.
- 8.
- 11.
- 13.
- 14. Chefs Jason Chanand Grant Achitz
- 17.
- 19.
- 20.
- 21.
- 22.
- 25.
- 27.
- 28. The Problem withLunch
- 33.
- 34. Translation exercise • 3 people •The sketcher explains the sketch • The interviewer asks questions • The notetaker writes down interesting observations and problems 1 per post-it Try this with people who are weak sketchers!
- 35.
- 36. Why? Make information modularin order to recombine
- 37.
- 38. How? • Put ideawith like ideas • No rules, just seek patterns • remix
- 39. Play with possiblemodels Relationship to other data Credit: Steve Portigal
- 40. Play with possiblemodels Frequency Credit: Steve Portigal
- 41. Play with possiblemodels Timeline Credit: Steve Portigal
- 42.
- 43.
- 46.
- 47. MIND MAPS Gather yourThoughts
- 49. I feel likedrawing slows me down to give me thinking time. -Andrew Reid
- 50. ANDREW REID, GAME DESIGNER MIND MAPS FORGAME DESIGN
- 51. 01 Christina Wodtke •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.
- 52.
- 53.
- 54.
- 56. 4s Suppliers, Systems, Surroundings, andSkills 8PProcedures, Policies, Place, Product, People, Processes, Price, and Promotion 6M Man, Materials, Machine, Methods, Measurements, and mother Nature (enviroment.)
- 57.
- 58.
- 59.
- 60.
- 69. 1o minutes: Using your drawingskills, Tell your story
- 70.
- 71.
- 72.
- 75. Wireflows & Experience Flows Simplethumbnails to represent the flow of the experience
- 76. Wireflow • Shows howthe product works. Screens are sketchy. • Nodes and Connectors
- 77. Draw a flow…. 5minutes
- 78.
- 79.
- 80. Key Screen Upsell page,or key value moment
- 81.
- 82. 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?
- 83. DRAW: Key Screenor Box 5 minutes
- 84.
- 85.
- 86. Gather • Storyboard • Elevatorpitch • Wireflows • Key screen/Sell screen
- 87. Participatory Roadmps How bigis the MVP?
- 92. Test with yourmarket
- 93.
- 94. What can wemake? Let’s start with story….
- 95. MIND MAPS Gather yourThoughts
- 97. I feel likedrawing slows me down to give me thinking time. -Andrew Reid
- 98. ANDREW REID, GAME DESIGNER MIND MAPS FORGAME DESIGN
- 99. 01 WORLD IA DAY2017 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.
- 100. HOW I FEEDMYSELF 5 Minutes
- 101.
- 103.
- 104. MODEL EVERYTHING! Five SIXmodels for making sense
- 105.
- 106. 01 WORLD IA DAY2017 •Maps, Models, Canvases
- 107. “VISUAL MODELS AREALL ABOUT MEANING THROUGH SPATIAL ARRANGEMENT” - STEPHEN P ANDERSON
- 108. 01 WORLD IA DAY2017 DAVE GRAY ILLUSTRATION MODEL
- 109. CONCEPT MAPS Clarify YourUnderstanding
- 110. 01 WORLD IA DAY2017 HEADER OF THIS PAGE From Hugh Dubberly’s Creating Concept Maps • List terms • Edit the list • Define the remaining terms • Create a matrix showing the relations of terms • Rank the terms • Decide on main branches or write framing sentences • Fill in the rest of the structure • Revise • Apply typography to reinforce structure • Revise DIAGRAM BY DAN BROWN
- 111.
- 112.
- 113. SYSTEM MODELS Map theSystem
- 114. Microwave system modelhttp://sce.uhcl.edu/whiteta/sdp/createSystemModel.html
- 115.
- 116. From Stone Librande’sOne Page Designs
- 117. MENTAL MODELS Understand theCustomer’s Point of View
- 118. 01 WORLD IA DAY2017 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.
- 121. Mental Model, organized bytask Company OR Competitor Offerings
- 122. Cat Mental Model, organizedby task
- 123. Draw Toast “Draw apicture 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.”
- 124.
- 125. 01 WORLD IA DAY2017 • Sunni Brown Doodle Revolution
- 126. ELEMENTS & RELATIONSHIPS (Systems,a la Brown)
- 127.
- 128. Chris Crawford explainsdifferent kinds of play http://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
- 129. Don Norman, Drawnby me.
- 130.
- 132. Drawn by me,@cwodtke
- 134. Freelist all the Elementsof a Performance Review 5 minutes
- 135.
- 136. Today Team explainstheir offering
- 137. Bartnet doesn’t explaintheir offering- always test Concept models
- 138.
- 139.
- 140. 01 WORLD IA DAY2017 “What the [design] diagram shows is the overlap of concerns among three different entities. The first represents the area of interest to the designer. The second represents the areas of interest to the client. The third is the area of interest to society as a whole. Charles and Ray’s point is that it is in the area where all three overlap that the designer can work with enthusiasm and conviction . . . Eames Explain Design
- 143.
- 147. How to Poachan egg, by @cwodtke
- 148. Draw the process ofa performance review, using post-its Five minutes
- 149.
- 150. Make a NewProcess
- 151.
- 153. Exploring why different servicessuck in their own special way. https://medium.com/@cwodtke /a-theory-of-form-for-digital- products- f5f605adae84#.51ie4d1vq
- 154. Uncovering the Secretsof Mammoth Island
- 155.
- 156. 01 WORLD IA DAY2017 2x2’s are ALL about comparisons!
- 159.
- 160. Separately, Silently Draw acomparison 5 minutes
- 161.
- 162. Kitten Farming concept byDaniel Cook, CCO of SpryfoxFor thinking
- 163.
- 164. 01 WORLD IA DAY2017 For Communicating • Conceptual Blueprint by Andrew Hinton of The Understanding Group
- 165.
- 166.
- 167. HOW FANCY SHOULDTHEY BE?
- 168.
- 169.
- 170. 01 WORLD IA DAY2017 A simple model you can draw on a whiteboard becomes a meme. Is this why Lean Startup is huge?
- 171. 01 WORLD IA DAY2017 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.
- 172. 01 WORLD IA DAY2017Dave gray What should I draw? • Consider the elements
- 173. 01 WORLD IA DAY2017Dave gray | http://www.xplaner.com/visual-thinking-school/ What should I draw? Consider the purpose
- 174.
- 177.
- 179. 01 WORLD IA DAY2017 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
- 180.
- 181. 01 WORLD IA DAY2017 Thank you. Questions? For workshops & Other inquires: Christina Wodtke @Cwodtke Cwodtke.com Art by Amelie Wodtke Sarrazin
- 183.