Successfully reported this slideshow.
We use your LinkedIn profile and activity data to personalize ads and to show you more relevant ads. You can change your ad preferences anytime.

Making the Complex Clear

1,159 views

Published on

Using six kinds of models for understanding and communicating complex systems... and the three kinds of concept models.

Published in: Design
  • Hey guys! Who wants to chat with me? More photos with me here 👉 http://www.bit.ly/katekoxx
       Reply 
    Are you sure you want to  Yes  No
    Your message goes here

Making the Complex Clear

  1. 1. WORLD IA DAY 2017 @CWODTKE MONTERREY
  2. 2. 01 WORLD IA DAY 2016 01 WORLD IA DAY 2016 CHRISTINA WODTKE @cwodtke
  3. 3. WORLD IA DAY 2017 @CWODTKE MAKING THE COMPLEX CLEAR THE HOT STUDIO MOTTO
  4. 4. WORLD IA DAY 2017 @CWODTKE EXPLORE DAVE GRAY'S 15149 PHOTOS ON FLICKR!
  5. 5. WORLD IA DAY 2017 @CWODTKE 46,604 PHOTOS JOINED 2004
  6. 6. WORLD IA DAY 2017 @CWODTKE RESPOND TO YOUR 94 FRIEND REQUESTS
  7. 7. WORLD IA DAY 2017 @CWODTKE 140 RECEIVED INVITATIONS 2,805 - YOUR CONNECTIONS
  8. 8. WORLD IA DAY 2017 @CWODTKE A SECOND INFORMATION TSUNAMI!
  9. 9. WORLD IA DAY 2017 @CWODTKE
  10. 10. WORLD IA DAY 2017 @CWODTKEDAN ROAM
  11. 11. WORLD IA DAY 2017 MODEL EVERYTHING! Five SIX models for making sense
  12. 12. WORLD IA DAY 2017 @CWODTKE SCOTT BERNATINO
  13. 13. 01 WORLD IA DAY 2017 MAPS, MODELS, CANVASES
  14. 14. WORLD IA DAY 2017 @CWODTKE “VISUAL MODELS ARE ALL ABOUT MEANING THROUGH SPATIAL ARRANGEMENT” - STEPHEN P ANDERSON
  15. 15. 01 WORLD IA DAY 2017 DAVE GRAY ILLUSTRATION MODEL
  16. 16. WORLD IA DAY 2017 MIND MAPS Gather your Thoughts
  17. 17. WORLD IA DAY 2017 @CWODTKE
  18. 18. WORLD IA DAY 2017 @CWODTKE I FEEL LIKE DRAWING SLOWS ME DOWN TO GIVE ME THINKING TIME. -ANDREW REID
  19. 19. WORLD IA DAY 2017 @CWODTKE ANDREW REID, GAME DESIGNER MIND MAPS FOR GAME DESIGN
  20. 20. 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.
  21. 21. WORLD IA DAY 2017 @CWODTKE FROM MINDTOOLS.COM
  22. 22. WORLD IA DAY 2017 CONCEPT MAPS Clarify Your Understanding
  23. 23. 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
  24. 24. WORLD IA DAY 2017 @CWODTKE HTTP://ARCHITECTURE.31BIO.ORG/INFORMATION-ARCHITECTURE- CONCEPT-MODEL/
  25. 25. WORLD IA DAY 2017 @CWODTKE DUBBERLY DESIGN OFFICE
  26. 26. WORLD IA DAY 2017 SYSTEM MODELS Map the System
  27. 27. WORLD IA DAY 2017 @CWODTKE MICROWAVE SYSTEM MODEL HTTP://SCE.UHCL.EDU/WHITETA/SDP/CREATESYSTEMMODEL.H TML
  28. 28. WORLD IA DAY 2017 @CWODTKE BBC WEATHER SITEMAP HTTP://WWW.BBC.CO.UK/BLOGS/BBCINTER NET/2011/11/BBC_WEATHER_DESIGN_REFRESH.HTM L
  29. 29. WORLD IA DAY 2017 @CWODTKE FROM STONE LIBRANDE’S ONE PAGE DESIGNS
  30. 30. WORLD IA DAY 2017 MENTAL MODELS Understand the Customer’s Point of View
  31. 31. 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.
  32. 32. WORLD IA DAY 2017 @CWODTKE
  33. 33. WORLD IA DAY 2017 @CWODTKE
  34. 34. WORLD IA DAY 2017 @CWODTKE Mental Model, organized by task Company OR Competitor Offerings
  35. 35. WORLD IA DAY 2017 @CWODTKE Cat Mental Model, organized by task
  36. 36. WORLD IA DAY 2017 CONCEPT MODELS Visual Explanations
  37. 37. 01 WORLD IA DAY 2017 SUNNI BROWN DOODLE REVOLUTION
  38. 38. WORLD IA DAY 2017 @CWODTKE ELEMENTS & RELATIONSHIPS (Systems, a la Brown)
  39. 39. WORLD IA DAY 2017 @CWODTKEDAVE GREY
  40. 40. WORLD IA DAY 2017 @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
  41. 41. WORLD IA DAY 2017 @CWODTKEDON NORMAN, DRAWN BY ME.
  42. 42. WORLD IA DAY 2017 @CWODTKE
  43. 43. WORLD IA DAY 2017 @CWODTKEDAN ROAM
  44. 44. WORLD IA DAY 2017 @CWODTKE DRAWN BY ME, @CWODTKE
  45. 45. WORLD IA DAY 2017 @CWODTKE PROCESSES
  46. 46. WORLD IA DAY 2017 @CWODTKE TODAY TEAM EXPLAINS THEIR OFFERING
  47. 47. WORLD IA DAY 2017 @CWODTKE BARTNET DOESN’T EXPLAIN THEIR OFFERING- ALWAYS TEST CONCEPT MODELS
  48. 48. WORLD IA DAY 2017 @CWODTKE INNOENERGY OFFERING ELEMENTS
  49. 49. WORLD IA DAY 2017 @CWODTKEINNOENERGY PROCESS
  50. 50. 01 WORLD IA DAY 2017EAMES 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 . . .
  51. 51. WORLD IA DAY 2017 @CWODTKE
  52. 52. WORLD IA DAY 2017 @CWODTKE
  53. 53. WORLD IA DAY 2017 @CWODTKEANDREW REID
  54. 54. WORLD IA DAY 2017 @CWODTKE
  55. 55. WORLD IA DAY 2017 @CWODTKE
  56. 56. WORLD IA DAY 2017 @CWODTKE
  57. 57. WORLD IA DAY 2017 @CWODTKE HOW TO POACH AN EGG, BY @CWODTKE
  58. 58. WORLD IA DAY 2017 @CWODTKE COMPARISONS
  59. 59. WORLD IA DAY 2017 @CWODTKE
  60. 60. WORLD IA DAY 2017 @CWODTKE DIFFERENT SERVICES SUCK IN THEIR OWN SPECIAL WAY. HTTPS://MEDIUM.COM/@ CWODTKE/A-THEORY- OF-FORM-FOR-DIGITAL- PRODUCTS- F5F605ADAE84#.51IE4D1 VQ
  61. 61. WORLD IA DAY 2017 @CWODTKE UNCOVERING THE SECRETS OF MAMMOTH ISLAND
  62. 62. WORLD IA DAY 2017 @CWODTKE UNDERSTANDING COMICS SCOTT MCCLOUD
  63. 63. 01 WORLD IA DAY 2017 2x2’s are ALL about comparisons!
  64. 64. WORLD IA DAY 2017 @CWODTKE
  65. 65. WORLD IA DAY 2017 @CWODTKE
  66. 66. WORLD IA DAY 2017 @CWODTKE DRAWING IDEAS
  67. 67. WORLD IA DAY 2017 @CWODTKE CONCEPT MODELS FOR WORK
  68. 68. 01 WORLD IA DAY 2017 FOR THINKING Kitten Farming concept by Daniel Cook, CCO of Spryfox
  69. 69. WORLD IA DAY 2017 @CWODTKE ROBIN HUNICKE
  70. 70. 01 WORLD IA DAY 2017 FOR COMMUNICATING Conceptual Blueprint by Andrew Hinton of The Understanding Group
  71. 71. WORLD IA DAY 2017 @CWODTKE STONE LIBRANDE
  72. 72. WORLD IA DAY 2017 @CWODTKE STONE LIBRANDE
  73. 73. WORLD IA DAY 2017 @CWODTKE HOW FANCY SHOULD THEY BE?
  74. 74. WORLD IA DAY 2017 @CWODTKESTEPHEN P ANDERSON
  75. 75. WORLD IA DAY 2017 @CWODTKE BILL VERPLANK
  76. 76. 01 WORLD IA DAY 2017 A simple model you can draw on a whiteboard becomes a meme. Is this why Lean Startup is huge?
  77. 77. 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.
  78. 78. 01 WORLD IA DAY 2017DAVE GRAY WHAT SHOULD I DRAW? Consider the elements
  79. 79. 01 WORLD IA DAY 2017 DAVE GRAY | HTTP://WWW.XPLANER.COM/VISUAL-THINKING- SCHOOL/ WHAT SHOULD I DRAW? Consider the purpose
  80. 80. WORLD IA DAY 2017 @CWODTKE PARTICIPATORY CONCEPT MAPS?!?
  81. 81. WORLD IA DAY 2017 @CWODTKE
  82. 82. WORLD IA DAY 2017 @CWODTKE
  83. 83. WORLD IA DAY 2017 @CWODTKEDAVE GRAY
  84. 84. WORLD IA DAY 2017 @CWODTKE
  85. 85. 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
  86. 86. WORLD IA DAY 2017 @CWODTKE And Canvases!
  87. 87. 01 WORLD IA DAY 2017 Thank you. QUESTIONS? FOR WORKSHOPS & OTHER INQUIRES: CHRISTINA WODTKE @CWODTKE CWODTKE.COM AMELIE WODTKE SARRAZIN

×