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.
WORLD IA DAY 2017 @CWODTKE
MONTERREY
01
WORLD IA DAY 2016
01
WORLD IA DAY 2016
CHRISTINA
WODTKE
@cwodtke
WORLD IA DAY 2017 @CWODTKE
MAKING THE COMPLEX CLEAR
THE HOT STUDIO MOTTO
WORLD IA DAY 2017 @CWODTKE
EXPLORE DAVE GRAY'S 15149
PHOTOS ON FLICKR!
WORLD IA DAY 2017 @CWODTKE
46,604 PHOTOS
JOINED 2004
WORLD IA DAY 2017 @CWODTKE
RESPOND TO YOUR 94 FRIEND
REQUESTS
WORLD IA DAY 2017 @CWODTKE
140 RECEIVED INVITATIONS
2,805 - YOUR CONNECTIONS
WORLD IA DAY 2017 @CWODTKE
A SECOND INFORMATION
TSUNAMI!
WORLD IA DAY 2017 @CWODTKE
WORLD IA DAY 2017 @CWODTKEDAN ROAM
WORLD IA DAY 2017
MODEL EVERYTHING!
Five SIX models for making sense
WORLD IA DAY 2017 @CWODTKE
SCOTT
BERNATINO
01
WORLD IA DAY 2017
MAPS,
MODELS,
CANVASES
WORLD IA DAY 2017 @CWODTKE
“VISUAL MODELS ARE ALL
ABOUT MEANING THROUGH
SPATIAL ARRANGEMENT”
- STEPHEN P ANDERSON
01
WORLD IA DAY 2017
DAVE GRAY
ILLUSTRATION MODEL
WORLD IA DAY 2017
MIND MAPS
Gather your Thoughts
WORLD IA DAY 2017 @CWODTKE
WORLD IA DAY 2017 @CWODTKE
I FEEL LIKE DRAWING SLOWS ME
DOWN TO GIVE ME THINKING
TIME.
-ANDREW REID
WORLD IA DAY 2017 @CWODTKE
ANDREW REID,
GAME DESIGNER
MIND MAPS FOR
GAME DESIGN
01
WORLD IA DAY 2017
HEADER OF
THIS PAGE
From Rolf Faste’s MindMapping article
The basic principles of mind mapping are:
1...
WORLD IA DAY 2017 @CWODTKE
FROM
MINDTOOLS.COM
WORLD IA DAY 2017
CONCEPT MAPS
Clarify Your Understanding
01
WORLD IA DAY 2017
HEADER OF
THIS PAGE
From Hugh Dubberly’s Creating Concept
Maps
List terms
Edit the list
Define the re...
WORLD IA DAY 2017 @CWODTKE
HTTP://ARCHITECTURE.31BIO.ORG/INFORMATION-ARCHITECTURE-
CONCEPT-MODEL/
WORLD IA DAY 2017 @CWODTKE
DUBBERLY DESIGN OFFICE
WORLD IA DAY 2017
SYSTEM MODELS
Map the System
WORLD IA DAY 2017 @CWODTKE
MICROWAVE SYSTEM MODEL
HTTP://SCE.UHCL.EDU/WHITETA/SDP/CREATESYSTEMMODEL.H
TML
WORLD IA DAY 2017 @CWODTKE
BBC WEATHER
SITEMAP HTTP://WWW.BBC.CO.UK/BLOGS/BBCINTER
NET/2011/11/BBC_WEATHER_DESIGN_REFRESH....
WORLD IA DAY 2017 @CWODTKE FROM STONE LIBRANDE’S ONE PAGE
DESIGNS
WORLD IA DAY 2017
MENTAL MODELS
Understand the Customer’s
Point of View
01
WORLD IA DAY 2017
CENTER FOR RESEARCH ON ENVIRONMENTAL
DECISIONS
HTTP://GUIDE.CRED.COLUMBIA.EDU/GUIDE/SEC1.
HTML
A ment...
WORLD IA DAY 2017 @CWODTKE
WORLD IA DAY 2017 @CWODTKE
WORLD IA DAY 2017 @CWODTKE
Mental Model,
organized by task
Company OR
Competitor Offerings
WORLD IA DAY 2017 @CWODTKE
Cat Mental Model,
organized by task
WORLD IA DAY 2017
CONCEPT MODELS
Visual Explanations
01
WORLD IA DAY 2017
SUNNI BROWN
DOODLE
REVOLUTION
WORLD IA DAY 2017 @CWODTKE
ELEMENTS & RELATIONSHIPS
(Systems, a la Brown)
WORLD IA DAY 2017 @CWODTKEDAVE GREY
WORLD IA DAY 2017 @CWODTKE
CHRIS CRAWFORD EXPLAINS DIFFERENT KINDS OF PLAY
HTTP://WWW.SCOTTKIM.COM.PREVIEWC40.CARRIERZONE....
WORLD IA DAY 2017 @CWODTKEDON NORMAN, DRAWN BY ME.
WORLD IA DAY 2017 @CWODTKE
WORLD IA DAY 2017 @CWODTKEDAN ROAM
WORLD IA DAY 2017 @CWODTKE
DRAWN BY ME, @CWODTKE
WORLD IA DAY 2017 @CWODTKE
PROCESSES
WORLD IA DAY 2017 @CWODTKE
TODAY TEAM EXPLAINS THEIR OFFERING
WORLD IA DAY 2017 @CWODTKE
BARTNET DOESN’T EXPLAIN THEIR OFFERING- ALWAYS TEST CONCEPT MODELS
WORLD IA DAY 2017 @CWODTKE
INNOENERGY OFFERING
ELEMENTS
WORLD IA DAY 2017 @CWODTKEINNOENERGY PROCESS
01
WORLD IA DAY 2017EAMES EXPLAIN DESIGN
“What the [design]
diagram shows is the
overlap of concerns
among three different...
WORLD IA DAY 2017 @CWODTKE
WORLD IA DAY 2017 @CWODTKE
WORLD IA DAY 2017 @CWODTKEANDREW REID
WORLD IA DAY 2017 @CWODTKE
WORLD IA DAY 2017 @CWODTKE
WORLD IA DAY 2017 @CWODTKE
WORLD IA DAY 2017 @CWODTKE
HOW TO POACH AN
EGG, BY
@CWODTKE
WORLD IA DAY 2017 @CWODTKE
COMPARISONS
WORLD IA DAY 2017 @CWODTKE
WORLD IA DAY 2017 @CWODTKE
DIFFERENT
SERVICES SUCK IN
THEIR OWN
SPECIAL WAY.
HTTPS://MEDIUM.COM/@
CWODTKE/A-THEORY-
OF-FOR...
WORLD IA DAY 2017 @CWODTKE
UNCOVERING THE SECRETS OF MAMMOTH ISLAND
WORLD IA DAY 2017 @CWODTKE
UNDERSTANDING
COMICS
SCOTT MCCLOUD
01
WORLD IA DAY 2017
2x2’s are ALL about
comparisons!
WORLD IA DAY 2017 @CWODTKE
WORLD IA DAY 2017 @CWODTKE
WORLD IA DAY 2017 @CWODTKE
DRAWING IDEAS
WORLD IA DAY 2017 @CWODTKE
CONCEPT MODELS
FOR WORK
01
WORLD IA DAY 2017
FOR THINKING
Kitten Farming concept by Daniel
Cook, CCO of Spryfox
WORLD IA DAY 2017 @CWODTKE
ROBIN
HUNICKE
01
WORLD IA DAY 2017
FOR
COMMUNICATING
Conceptual Blueprint by
Andrew Hinton of The
Understanding Group
WORLD IA DAY 2017 @CWODTKE
STONE
LIBRANDE
WORLD IA DAY 2017 @CWODTKE
STONE
LIBRANDE
WORLD IA DAY 2017 @CWODTKE
HOW FANCY SHOULD THEY BE?
WORLD IA DAY 2017 @CWODTKESTEPHEN P ANDERSON
WORLD IA DAY 2017 @CWODTKE BILL VERPLANK
01
WORLD IA DAY 2017
A simple model you
can draw on a
whiteboard becomes
a meme.
Is this why Lean
Startup is huge?
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 mind...
01
WORLD IA DAY 2017DAVE GRAY
WHAT SHOULD I
DRAW?
Consider the elements
01
WORLD IA DAY 2017
DAVE GRAY | HTTP://WWW.XPLANER.COM/VISUAL-THINKING-
SCHOOL/
WHAT SHOULD I
DRAW?
Consider the purpose
WORLD IA DAY 2017 @CWODTKE
PARTICIPATORY
CONCEPT MAPS?!?
WORLD IA DAY 2017 @CWODTKE
WORLD IA DAY 2017 @CWODTKE
WORLD IA DAY 2017 @CWODTKEDAVE GRAY
WORLD IA DAY 2017 @CWODTKE
01
WORLD IA DAY 2017
MIND MAPS, to gather your
thoughts
CONCEPT MAPS, to organize
your understanding
SYSTEM MAPS, to map t...
WORLD IA DAY 2017 @CWODTKE
And Canvases!
01
WORLD IA DAY 2017
Thank you.
QUESTIONS?
FOR WORKSHOPS & OTHER INQUIRES:
CHRISTINA WODTKE
@CWODTKE
CWODTKE.COM
AMELIE WO...
Upcoming SlideShare
Loading in …5
×

Making the Complex Clear

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

  • Be the first to comment

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

×