Visual Thinking Stanford Continuing Studies
•
3 gefällt mir•1,312 views
Workshop based on the book, Pencil Me In.
Empfohlen
Weitere ähnliche Inhalte
Was ist angesagt?
Was ist angesagt? (20)
Ähnlich wie Visual Thinking Stanford Continuing Studies
Ähnlich wie Visual Thinking Stanford Continuing Studies (20)
Mehr von Christina Wodtke
Mehr von Christina Wodtke (20)
Kürzlich hochgeladen
Kürzlich hochgeladen (20)
Visual Thinking Stanford Continuing Studies
- 4. Why draw? Think of a chair
- 11. Who Draws?
- 13. Zaha Hadid
- 14. Chefs Jason Chan and Grant Achitz
- 17. Types of drawing
- 19. David Sibbet
- 20. Don’t Worry
- 21. Pareidolia
- 22. Warm Up
- 25. Draw together
- 27. Ed Emberly
- 28. The Problem with Lunch
- 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!
- 36. Why? Make information modular in order to recombine
- 37. 2. CHUNKING INTO AFFINITY GROUPS
- 38. How? • Put idea with like ideas • No rules, just seek patterns • remix
- 39. Play with possible models Relationship to other data Credit: Steve Portigal
- 40. Play with possible models Frequency Credit: Steve Portigal
- 41. Play with possible models Timeline Credit: Steve Portigal
- 46. Create an evaluating 2x2
- 47. MIND MAPS Gather your Thoughts
- 49. I feel like drawing slows me down to give me thinking time. -Andrew Reid
- 50. ANDREW REID, GAME DESIGNER MIND MAPS FOR GAME 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.
- 53. Problem
- 54. Organizing
- 56. 4s Suppliers, Systems, Surroundings, and Skills 8PProcedures, Policies, Place, Product, People, Processes, Price, and Promotion 6M Man, Materials, Machine, Methods, Measurements, and mother Nature (enviroment.)
- 69. 1o minutes: Using your drawing skills, Tell your story
- 71. Dotmocracy
- 72. Crazy 8s
- 75. Wireflows & Experience Flows Simple thumbnails to represent the flow of the experience
- 76. Wireflow • Shows how the product works. Screens are sketchy. • Nodes and Connectors
- 77. Draw a flow…. 5 minutes
- 79. Dotmocracy
- 80. Key Screen Upsell page, or key value moment
- 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 Screen or Box 5 minutes
- 85. Dotmocracy
- 86. Gather • Storyboard • Elevator pitch • Wireflows • Key screen/Sell screen
- 87. Participatory Roadmps How big is the MVP?
- 92. Test with your market
- 93. appendix
- 94. What can we make? Let’s start with story….
- 95. MIND MAPS Gather your Thoughts
- 97. I feel like drawing slows me down to give me thinking time. -Andrew Reid
- 98. ANDREW REID, GAME DESIGNER MIND MAPS FOR GAME DESIGN
- 99. 01 WORLD 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.
- 100. HOW I FEED MYSELF 5 Minutes
- 101. Lunch
- 103. Dan roam
- 104. MODEL EVERYTHING! Five SIX models for making sense
- 105. Scott Bernatino
- 106. 01 WORLD IA DAY 2017 •Maps, Models, Canvases
- 107. “VISUAL MODELS ARE ALL ABOUT MEANING THROUGH SPATIAL ARRANGEMENT” - STEPHEN P ANDERSON
- 108. 01 WORLD IA DAY 2017 DAVE GRAY ILLUSTRATION MODEL
- 109. CONCEPT MAPS Clarify Your Understanding
- 110. 01 WORLD IA DAY 2017 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
- 113. SYSTEM MODELS Map the System
- 114. Microwave system model http://sce.uhcl.edu/whiteta/sdp/createSystemModel.html
- 115. BBC Weather Sitemap http://www.bbc.co.uk/blogs/bbcinternet/2011/11/bb c_weather_design_refresh.html
- 116. From Stone Librande’s One Page Designs
- 117. MENTAL MODELS Understand the Customer’s Point of View
- 118. 01 WORLD 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.
- 121. Mental Model, organized by task Company OR Competitor Offerings
- 122. Cat Mental Model, organized by task
- 123. 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.”
- 125. 01 WORLD IA DAY 2017 • Sunni Brown Doodle Revolution
- 126. ELEMENTS & RELATIONSHIPS (Systems, a la Brown)
- 127. Dave Grey
- 128. Chris Crawford explains different 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, Drawn by me.
- 130. Dan Roam
- 132. Drawn by me, @cwodtke
- 134. Freelist all the Elements of a Performance Review 5 minutes
- 135. PROCESSES
- 136. Today Team explains their offering
- 137. Bartnet doesn’t explain their offering- always test Concept models
- 139. Innoenergy Process
- 140. 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
- 143. Andrew Reid
- 147. How to Poach an egg, by @cwodtke
- 148. Draw the process of a performance review, using post-its Five minutes
- 149. Share
- 150. Make a New Process
- 151. COMPARISONS
- 153. Exploring why different services suck in their own special way. https://medium.com/@cwodtke /a-theory-of-form-for-digital- products- f5f605adae84#.51ie4d1vq
- 154. Uncovering the Secrets of Mammoth Island
- 156. 01 WORLD IA DAY 2017 2x2’s are ALL about comparisons!
- 159. Drawing Ideas
- 160. Separately, Silently Draw a comparison 5 minutes
- 162. Kitten Farming concept by Daniel Cook, CCO of SpryfoxFor thinking
- 163. Robin Hunicke
- 164. 01 WORLD IA DAY 2017 For Communicating • Conceptual Blueprint by Andrew Hinton of The Understanding Group
- 165. Stone Librande
- 166. Stone Librande
- 167. HOW FANCY SHOULD THEY BE?
- 168. Stephen p anderson
- 169. Bill Verplank
- 170. 01 WORLD IA DAY 2017 A simple model you can draw on a whiteboard becomes a meme. Is this why Lean Startup is huge?
- 171. 01 WORLD 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.
- 172. 01 WORLD IA DAY 2017Dave gray What should I draw? • Consider the elements
- 173. 01 WORLD IA DAY 2017Dave gray | http://www.xplaner.com/visual-thinking-school/ What should I draw? Consider the purpose
- 177. Dave gray
- 179. 01 WORLD 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
- 180. And Canvases!
- 181. 01 WORLD IA DAY 2017 Thank you. Questions? For workshops & Other inquires: Christina Wodtke @Cwodtke Cwodtke.com Art by Amelie Wodtke Sarrazin