Ce diaporama a bien été signalé.
Nous utilisons votre profil LinkedIn et vos données d’activité pour vous proposer des publicités personnalisées et pertinentes. Vous pouvez changer vos préférences de publicités à tout moment.

Make the Complex Clear with Maps and Models

332 vues

Publié le

Understanding how to use models to understand and communicate complexity

Publié dans : Design
  • Soyez le premier à commenter

Make the Complex Clear with Maps and Models

  1. 1. 01 WORLD IA DAY 2016 01 WORLD IA DAY 2016 CHRISTINA WODTKE @cwodtke MODELING COMPLEXITY
  2. 2. CHRISTINA WODTKE @CWODTKE MAKE THE COMPLEX CLEAR THE HOT STUDIO MOTTO
  3. 3. CHRISTINA WODTKE @CWODTKE EXPLORE DAVE GRAY'S 15149 PHOTOS ON FLICKR!
  4. 4. CHRISTINA WODTKE @CWODTKE 46,604 PHOTOS JOINED 2004
  5. 5. CHRISTINA WODTKE @CWODTKE RESPOND TO YOUR 94 FRIEND REQUESTS
  6. 6. CHRISTINA WODTKE @CWODTKE 140 RECEIVED INVITATIONS 2,805 - YOUR CONNECTIONS
  7. 7. CHRISTINA WODTKE @CWODTKE A SECOND INFORMATION TSUNAMI!
  8. 8. CHRISTINA WODTKE @CWODTKE
  9. 9. CHRISTINA WODTKE @CWODTKEDAN ROAM
  10. 10. CHRISTINA WODTKE @CWODTKE MODEL EVERYTHING! Five SIX models for making sense
  11. 11. CHRISTINA WODTKE @CWODTKE SCOTT BERNATINO
  12. 12. 01 CHRISTINA WODTKE @CWODTKRE MAPS, MODELS, CANVASES
  13. 13. CHRISTINA WODTKE @CWODTKE “VISUAL MODELS ARE ALL ABOUT MEANING THROUGH SPATIAL ARRANGEMENT” - STEPHEN P ANDERSON
  14. 14. 01 CHRISTINA WODTKE DAVE GRAY ILLUSTRATION MODEL
  15. 15. 01 CHRISTINA WODTKE RICHARD SAUL WURMAN MAP MODEL
  16. 16. CHRISTINA WODTKE @CWODTKE MIND MAPS Gather your Thoughts
  17. 17. CHRISTINA WODTKE @CWODTKE
  18. 18. CHRISTINA WODTKE @CWODTKE I FEEL LIKE DRAWING SLOWS ME DOWN TO GIVE ME THINKING TIME. -ANDREW REID
  19. 19. CHRISTINA WODTKE @CWODTKE ANDREW REID, GAME DESIGNER MIND MAPS FOR GAME DESIGN
  20. 20. 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. 10 Avoid being judgmental. 11 Have fun with the form.
  21. 21. CHRISTINA WODTKE @CWODTKE FROM MINDTOOLS.COM
  22. 22. CHRISTINA WODTKE @CWODTKE CONCEPT MAPS Clarify Your Understanding
  23. 23. CHRISTINA WODTKE @CWODTKE DUBBERLY DESIGN OFFICE
  24. 24. CHRISTINA WODTKE @CWODTKE HTTP://ARCHITECTURE.31BIO.ORG/INFORMATION-ARCHITECTURE-CONCEPT- MODEL/
  25. 25. 01 CHRISTINA WODTKE 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 • ReviseDIAGRAM BY DAN BROWN
  26. 26. CHRISTINA WODTKE @CWODTKE SYSTEM MAPS Map the System
  27. 27. CHRISTINA WODTKE @CWODTKE MICROWAVE SYSTEM MODEL HTTP://SCE.UHCL.EDU/WHITETA/SDP/CREATESYSTEMMODEL.HTML
  28. 28. CHRISTINA WODTKE @CWODTKE BBC WEATHER SITEMAP HTTP://WWW.BBC.CO.UK/BLOGS/BBCINTERNET/2011 /11/BBC_WEATHER_DESIGN_REFRESH.HTML
  29. 29. CHRISTINA WODTKE @CWODTKE FROM STONE LIBRANDE’S ONE PAGE DESIGNS
  30. 30. 01 CHRISTINA WODTKE HOW TO: INVENTORY SYSTEM CATEGORIZE OBJECTS & RELATIONSHIPS CREATE A VISUAL VOCABULARY (OR ADOPT ONE) CREATE MULTIPLE SKETCHES TO EXPLORE BEST COMMUNICATION APPROACH TEST APPROACH System Maps
  31. 31. CHRISTINA WODTKE @CWODTKE MENTAL MODELS Understand the Customer’s Point of View
  32. 32. 01 CHRISTINA WODTKE CENTER FOR RESEARCH ON ENVIRONMENTAL DECISIONS HTTP://GUIDE.CRED.COLUMBIA.EDU/GUIDE/SEC1.HT ML 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.
  33. 33. CHRISTINA WODTKE @CWODTKE
  34. 34. CHRISTINA WODTKE @CWODTKE
  35. 35. CHRISTINA WODTKE @CWODTKE Mental Model, organized by task Company OR Competitor Offerings
  36. 36. CHRISTINA WODTKE @CWODTKE Cat Mental Model, organized by task
  37. 37. CHRISTINA WODTKE @CWODTKE CONCEPT MODELS Visual Explanations
  38. 38. 01 CHRISTINA WODTKE SUNNI BROWN DOODLE REVOLUTION
  39. 39. CHRISTINA WODTKE @CWODTKE ELEMENTS & RELATIONSHIPS (Systems, a la Brown)
  40. 40. CHRISTINA WODTKE @CWODTKEDAVE GREY
  41. 41. CHRISTINA WODTKE @CWODTKE 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
  42. 42. CHRISTINA WODTKE @CWODTKEDON NORMAN, DRAWN BY ME.
  43. 43. CHRISTINA WODTKE @CWODTKE
  44. 44. CHRISTINA WODTKE @CWODTKEDAN ROAM
  45. 45. CHRISTINA WODTKE @CWODTKE
  46. 46. CHRISTINA WODTKE @CWODTKEINNOENERGY OFFERING ELEMENTS
  47. 47. CHRISTINA WODTKE @CWODTKE DRAWN BY ME, @CWODTKE
  48. 48. CHRISTINA WODTKE @CWODTKE PROCESSES
  49. 49. CHRISTINA WODTKE @CWODTKE TODAY TEAM EXPLAINS THEIR OFFERING
  50. 50. CHRISTINA WODTKE @CWODTKE BARTNET DOESN’T EXPLAIN THEIR OFFERING- ALWAYS TEST CONCEPT MODELS
  51. 51. CHRISTINA WODTKE @CWODTKEINNOENERGY PROCESS
  52. 52. 01 CHRISTINA WODTKE EAMES EXPLAIN DESIGN “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 . . .
  53. 53. CHRISTINA WODTKE @CWODTKE
  54. 54. CHRISTINA WODTKE @CWODTKE
  55. 55. CHRISTINA WODTKE @CWODTKEANDREW REID
  56. 56. CHRISTINA WODTKE @CWODTKE
  57. 57. CHRISTINA WODTKE @CWODTKE
  58. 58. CHRISTINA WODTKE @CWODTKE
  59. 59. CHRISTINA WODTKE @CWODTKE HOW TO POACH AN EGG, BY @CWODTKE
  60. 60. CHRISTINA WODTKE @CWODTKE COMPARISONS
  61. 61. CHRISTINA WODTKE @CWODTKE
  62. 62. CHRISTINA WODTKE @CWODTKE DIFFERENT SERVICES SUCK IN THEIR OWN SPECIAL WAY. HTTPS://MEDIUM.COM/@ CWODTKE/A-THEORY-OF- FORM-FOR-DIGITAL- PRODUCTS- F5F605ADAE84#.51IE4D1V Q
  63. 63. CHRISTINA WODTKE @CWODTKE UNCOVERING THE SECRETS OF MAMMOTH ISLAND
  64. 64. CHRISTINA WODTKE @CWODTKE UNDERSTANDING COMICS SCOTT MCCLOUD
  65. 65. 01 CHRISTINA WODTKE 2x2’s are ALL about comparisons!
  66. 66. CHRISTINA WODTKE @CWODTKE
  67. 67. CHRISTINA WODTKE @CWODTKE
  68. 68. CHRISTINA WODTKE @CWODTKE DRAWING IDEAS
  69. 69. CHRISTINA WODTKE @CWODTKE CONCEPT MODELS FOR WORK
  70. 70. 01 CHRISTINA WODTKE FOR THINKING Kitten Farming concept by Daniel Cook, CCO of Spryfox
  71. 71. CHRISTINA WODTKE @CWODTKE ROBIN HUNICKE
  72. 72. 01 CHRISTINA WODTKE FOR COMMUNICATING Conceptual Blueprint by Andrew Hinton of The Understanding Group
  73. 73. CHRISTINA WODTKE @CWODTKE STONE LIBRANDE
  74. 74. CHRISTINA WODTKE @CWODTKE STONE LIBRANDE
  75. 75. CHRISTINA WODTKE @CWODTKE HOW FANCY SHOULD THEY BE?
  76. 76. CHRISTINA WODTKE @CWODTKESTEPHEN P ANDERSON
  77. 77. CHRISTINA WODTKE @CWODTKE BILL VERPLANK
  78. 78. 01 CHRISTINA WODTKE A simple model you can draw on a whiteboard becomes a meme. Is this why Lean Startup is huge?
  79. 79. 01 CHRISTINA WODTKE 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.
  80. 80. 01 CHRISTINA WODTKE ELEMENTS OF A MODEL By Stephen P Anderson
  81. 81. 01 CHRISTINA WODTKE ELEMENTS OF A MODEL By Stephen P Anderson
  82. 82. CHRISTINA WODTKE @CWODTKE WHO IS BOUBA AND WHO IS KIKA? HTTPS://EN.WIKIPEDIA.ORG/WIKI/BOUBA/KIKI_EFFECT
  83. 83. CHRISTINA WODTKE @CWODTKE PAST AND FUTURE? TVERSKY, B VISUALIZING THOUGHT HTTPS://MECHANISM.UCSD.EDU/TEACHING/F12/CS200/READINGS/TVERSKY.VISUALIZINGTHOUGHT.2010.PDF
  84. 84. CHRISTINA WODTKE @CWODTKE FLOW VENTURES: COMPETITIVE ANALYSIS FOR STARTUPS: THE GOAL
  85. 85. CHRISTINA WODTKE @CWODTKE Metaphor “LOOKING UP” “LOOKING FORWARD TO” “FEELING DOWN” “DOWN IN THE DUMPS” “MALADROIT” “SINISTER” “ON THE ROAD TO PEACE” “DOORWAY TO SUCCESS” “LIFE IN THE FAST LANE” “TAKE IT TO THE NEXT LEVEL” LEVEL UP”
  86. 86. CHRISTINA WODTKE @CWODTKE
  87. 87. 01 CHRISTINA WODTKEDAVE GRAY WHAT SHOULD I DRAW? Consider the elements
  88. 88. 01 CHRISTINA WODTKEDAVE GRAY | HTTP://WWW.XPLANER.COM/VISUAL-THINKING-SCHOOL/ WHAT SHOULD I DRAW? Consider the purpose
  89. 89. CHRISTINA WODTKE @CWODTKE PARTICIPATORY CONCEPT MAPS?!?
  90. 90. CHRISTINA WODTKE @CWODTKE
  91. 91. CHRISTINA WODTKE @CWODTKE
  92. 92. CHRISTINA WODTKE @CWODTKEDAVE GRAY
  93. 93. CHRISTINA WODTKE @CWODTKE
  94. 94. 01 CHRISTINA WODTKE 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
  95. 95. CHRISTINA WODTKE @CWODTKE And Canvases!
  96. 96. 01 CHRISTINA WODTKE Thank you. QUESTIONS? MORE: FIVE MODELS FOR MAKING SENSE OF COMPLEX SYSTEMS A VISUAL VOCABULARY FOR CONCEPT MODELS ALPHABETS AND IDEOGRAPHS CHRISTINA WODTKE @CWODTKE CWODTKE.COM

×