Se ha denunciado esta presentación.
Utilizamos tu perfil de LinkedIn y tus datos de actividad para personalizar los anuncios y mostrarte publicidad más relevante. Puedes cambiar tus preferencias de publicidad en cualquier momento.
It's Complicated
Designing in the Age of Emergence
Christina Wodtke
Lecturer, Stanford University
Pop Quiz
Cynefin
framework
Obvious
Sense-Categorize-Respond
Pattern Libraries
Literature
Review
Comparitve
Analysis
Don’t do this Do This
Mocking endless arguments is fun
Crowdsource
• Write down five things you want to learn
• Find someone sitting near you who knows something about that
topi...
Complicated
Sense Analyze Respond
Dan roam
Dan Roam
Model Everything!
Five SIX models for making sense
Scott Bernatino
Maps, Models,
Canvases
“VISUAL MODELS ARE ALL ABOUT
MEANING THROUGH SPATIAL
ARRANGEMENT”
- STEPHEN P ANDERSON
01
Christina Wodtke
DAVE GRAY
ILLUSTRATION MODEL
Mind Maps
What’s in the system
I feel like drawing slows me down
to give me thinking time.
-Andrew Reid
ANDREW REID,
GAME DESIGNER
MIND MAPS FOR
GAME DESIGN
Concept Maps
What are the relationships
DUBBERLY DESIGN OFFICE
System Maps
Understand existing structures
Microwave system model
http://sce.uhcl.edu/whiteta/sdp/createSystemModel.html
From Stone Librande’s One Page Designs
Mental Models
Understand the Customer’s
Point of View
Mental Model,
organized by task
Company OR
Competitor Offerings
Concept Models
Visual Explanations
01
Christina Wodtke
• Sunni Brown
• Doodle Revolution
ELEMENTS & RELATIONSHIPS
(Systems, a la Brown)
Explain a new idea
Chris Crawford
Bubble Diagram
PROCESSES
Today Team explains their offering
Andrew Reid
COMPARISONS
Uncovering the Secrets of Mammoth Island
01
Christina Wodtke
• 2x2’s are ALL about
comparisons!
MODELING AS THINKING
01
Christina Wodtke
Kitten Farming concept by Daniel
Cook, CCO of Spryfox
Robin Hunicke
Stone Librande
Stone Librande
CANVASES AS MAPS FOR THE
COMPLEX
Dave gray
Complex Probe Sense Respond
Interconnectedness Shift from a linear, structured
worldview to a dynamic, chaotic,
interconnected array of
relationships ...
How to Map
Fishbone Diagram
Causality
Is really about being able to
decipher the way things influence
each other
How one thing results in another
thin...
Emergence
We use this term to describe the
outcome of things interacting
together
Emergence is the outcome of
the synergie...
What are some examples of
emergence?
How to Map
Emergence:
Iceberg model
How to Map Emergence: Stocks and flows
Design for Complexity
and Emergence
MDA:
Mechanics,
Dynamics,
Aesthetics
CAMP
Context, Archicture, Mechanics, Poetics
What do you think of when
you think of writing?
75
Word is about power, control, precision
76
OmmWriter
Beauty, peace, zen
OmmWriter plays soft chimes, setting a mood
of “the artist’s way”
77
IAwriter’s poetics invokes Hemmingway and
Wolfe.
Serious, typewritten, the labor of words
Evaluating
Chaotic
Act Sense Respond
B=f(P+E)
Lewin’s equation
Let’s Talk
Thank
You
@cwodtke | me@cwodtke.com
www.cwodtke.com
CHRISTINA WODTKE
Appendix
HOW FANCY SHOULD THEY BE?
Stephen p anderson
Bill Verplank
01
Christina Wodtke
• A simple model you
can draw on a
whiteboard becomes
a meme.
• Is this why Lean
Startup is huge?
01
Christina Wodtke
• Determine the GOAL: how will the model be used, by
whom? What is the job of the model? To change min...
01
Christina Wodtke
• Elements of a model
• By Stephen P Anderson
01
Christina Wodtke
• Elements of a model
• By Stephen P Anderson
WHO IS BOUBA AND WHO IS KIKA?
https://en.wikipedia.org/wiki/Bouba/kiki_effect
PAST AND FUTURE?
TVERSKY, B Visualizing Thought https://mechanism.ucsd.edu/teaching/F12/cs200/Readings/tversky.visualizing...
Flow Ventures: Competitive Analysis for Startups: The Goal
Metaphor
• “looking up” “Looking forward to”
• “feeling down” “Down in the dumps”
• “Maladroit” “Sinister”
• “ON the road ...
01
Christina WodtkeDave gray
• What should I draw?
• Consider the elements
01
Christina WodtkeDave gray | http://www.xplaner.com/visual-thinking-school/
• What should I draw?
• Consider the purpose
Metaphor
Deck by Christina Wodtke
Richard Saul
Wurman
Which direction is the future?
Which direction is good?
Metaphor is fundamental
to how we think
- George Lakoff &
Mark Johnson
Metaphors We Live By
Micro Metaphors
• Embedded in our language
• Rooted in our world view
• Shaping our perceptions
More is up/
Good is up
• I’m feeling up. That boosted
my spirits.
• I’m feeling down.
• Get up. Wake up. She rises
early.
...
Future is forward, past is back
• In the weeks ahead of us…
• That’s all behind us…
• I’m looking forward to seeing him.
•...
“Any time you see
signs or labels added
to a device, it is an
indication of
bad design.”
Don Norman
The conduit metaphor
• The conduit metaphor
• Ideas are objects
• Linguistic expressions are containers
• Communication is...
The conduit metaphor (cont’d)
• It’s difficult to put my ideas into words.
• It’s hard to get that idea across to him
• Yo...
Argument is War
• Your claims are indefensible
• He attacked every weak point in my argument
• Her criticisms were right o...
Mundo Metaphors
pie
Macro
Metaphor
Southwest Airlines 1995
Find the
metaphors
on your
computer
2 Minutes
List on paper
Redesign
computer
as a
kitchen
5 Minutes
Draw in
sketchbook
Share with
table
10 minutes
(divide time
fairly)
It's complicated
It's complicated
It's complicated
It's complicated
It's complicated
It's complicated
It's complicated
It's complicated
It's complicated
It's complicated
It's complicated
It's complicated
It's complicated
It's complicated
It's complicated
It's complicated
It's complicated
It's complicated
It's complicated
It's complicated
It's complicated
It's complicated
It's complicated
It's complicated
It's complicated
It's complicated
Próxima SlideShare
Cargando en…5
×

It's complicated

331 visualizaciones

Publicado el


The problem with unexpected consequences is that they are unexpected. The time of "move fast and break things" is over, as we have broken everything from hearts to democracy.
It's time for designers, along with their partners - engineers and business - to embrace a new long term approach to bringing change into the world, that focuses less on disruption and more on evolution. In this talk, Christina will explore various approaches to designing more robust and compassionate change.

Publicado en: Diseño
  • //DOWNLOAD THIS BOOKS INTO AVAILABLE FORMAT ......................................................................................................................... ......................................................................................................................... //DOWNLOAD PDF EBOOK here { https://tinyurl.com/y8nn3gmc } ......................................................................................................................... //DOWNLOAD EPUB Ebook here { https://tinyurl.com/y8nn3gmc } ......................................................................................................................... //DOWNLOAD doc Ebook here { https://tinyurl.com/y8nn3gmc } ......................................................................................................................... //DOWNLOAD PDF EBOOK here { https://tinyurl.com/y8nn3gmc } ......................................................................................................................... //DOWNLOAD EPUB Ebook here { https://tinyurl.com/y8nn3gmc } ......................................................................................................................... //DOWNLOAD doc Ebook here { https://tinyurl.com/y8nn3gmc } ......................................................................................................................... ......................................................................................................................... ......................................................................................................................... .............. Browse by Genre Available eBooks ......................................................................................................................... Art, Biography, Business, Chick Lit, Children's, Christian, Classics, Comics, Contemporary, Cookbooks, Crime, Ebooks, Fantasy, Fiction, Graphic Novels, Historical Fiction, History, Horror, Humor And Comedy, Manga, Memoir, Music, Mystery, Non Fiction, Paranormal, Philosophy, Poetry, Psychology, Religion, Romance, Science, Science Fiction, Self Help, Suspense, Spirituality, Sports, Thriller, Travel, Young Adult,
       Responder 
    ¿Estás seguro?    No
    Tu mensaje aparecerá aquí
  • .DOWNLOAD THIS BOOKS INTO AVAILABLE FORMAT ......................................................................................................................... ......................................................................................................................... .DOWNLOAD PDF EBOOK here { https://tinyurl.com/y8nn3gmc } ......................................................................................................................... .DOWNLOAD EPUB Ebook here { https://tinyurl.com/y8nn3gmc } ......................................................................................................................... .DOWNLOAD doc Ebook here { https://tinyurl.com/y8nn3gmc } ......................................................................................................................... .DOWNLOAD PDF EBOOK here { https://tinyurl.com/y8nn3gmc } ......................................................................................................................... .DOWNLOAD EPUB Ebook here { https://tinyurl.com/y8nn3gmc } ......................................................................................................................... .DOWNLOAD doc Ebook here { https://tinyurl.com/y8nn3gmc } ......................................................................................................................... ......................................................................................................................... ......................................................................................................................... .............. Browse by Genre Available eBooks ......................................................................................................................... Art, Biography, Business, Chick Lit, Children's, Christian, Classics, Comics, Contemporary, Cookbooks, Crime, Ebooks, Fantasy, Fiction, Graphic Novels, Historical Fiction, History, Horror, Humor And Comedy, Manga, Memoir, Music, Mystery, Non Fiction, Paranormal, Philosophy, Poetry, Psychology, Religion, Romance, Science, Science Fiction, Self Help, Suspense, Spirituality, Sports, Thriller, Travel, Young Adult,
       Responder 
    ¿Estás seguro?    No
    Tu mensaje aparecerá aquí
  • Sé el primero en recomendar esto

It's complicated

  1. 1. It's Complicated Designing in the Age of Emergence Christina Wodtke Lecturer, Stanford University
  2. 2. Pop Quiz
  3. 3. Cynefin framework
  4. 4. Obvious Sense-Categorize-Respond
  5. 5. Pattern Libraries
  6. 6. Literature Review
  7. 7. Comparitve Analysis
  8. 8. Don’t do this Do This Mocking endless arguments is fun
  9. 9. Crowdsource • Write down five things you want to learn • Find someone sitting near you who knows something about that topic • Plan to meet at the break.
  10. 10. Complicated Sense Analyze Respond
  11. 11. Dan roam Dan Roam
  12. 12. Model Everything! Five SIX models for making sense
  13. 13. Scott Bernatino
  14. 14. Maps, Models, Canvases
  15. 15. “VISUAL MODELS ARE ALL ABOUT MEANING THROUGH SPATIAL ARRANGEMENT” - STEPHEN P ANDERSON
  16. 16. 01 Christina Wodtke DAVE GRAY ILLUSTRATION MODEL
  17. 17. Mind Maps What’s in the system
  18. 18. I feel like drawing slows me down to give me thinking time. -Andrew Reid
  19. 19. ANDREW REID, GAME DESIGNER MIND MAPS FOR GAME DESIGN
  20. 20. Concept Maps What are the relationships
  21. 21. DUBBERLY DESIGN OFFICE
  22. 22. System Maps Understand existing structures
  23. 23. Microwave system model http://sce.uhcl.edu/whiteta/sdp/createSystemModel.html
  24. 24. From Stone Librande’s One Page Designs
  25. 25. Mental Models Understand the Customer’s Point of View
  26. 26. Mental Model, organized by task Company OR Competitor Offerings
  27. 27. Concept Models Visual Explanations
  28. 28. 01 Christina Wodtke • Sunni Brown • Doodle Revolution
  29. 29. ELEMENTS & RELATIONSHIPS (Systems, a la Brown)
  30. 30. Explain a new idea Chris Crawford
  31. 31. Bubble Diagram
  32. 32. PROCESSES
  33. 33. Today Team explains their offering
  34. 34. Andrew Reid
  35. 35. COMPARISONS
  36. 36. Uncovering the Secrets of Mammoth Island
  37. 37. 01 Christina Wodtke • 2x2’s are ALL about comparisons!
  38. 38. MODELING AS THINKING
  39. 39. 01 Christina Wodtke Kitten Farming concept by Daniel Cook, CCO of Spryfox
  40. 40. Robin Hunicke
  41. 41. Stone Librande
  42. 42. Stone Librande
  43. 43. CANVASES AS MAPS FOR THE COMPLEX
  44. 44. Dave gray
  45. 45. Complex Probe Sense Respond
  46. 46. Interconnectedness Shift from a linear, structured worldview to a dynamic, chaotic, interconnected array of relationships and feedback loops.
  47. 47. How to Map Fishbone Diagram
  48. 48. Causality Is really about being able to decipher the way things influence each other How one thing results in another thing in a dynamic and constantly evolving system. This leafs to a deeper perspective on agency, feedback loops, connections & relationships.
  49. 49. Emergence We use this term to describe the outcome of things interacting together Emergence is the outcome of the synergies of the parts. It’s about non-linearity and self- organization.
  50. 50. What are some examples of emergence?
  51. 51. How to Map Emergence: Iceberg model
  52. 52. How to Map Emergence: Stocks and flows
  53. 53. Design for Complexity and Emergence
  54. 54. MDA: Mechanics, Dynamics, Aesthetics
  55. 55. CAMP Context, Archicture, Mechanics, Poetics
  56. 56. What do you think of when you think of writing?
  57. 57. 75 Word is about power, control, precision
  58. 58. 76 OmmWriter Beauty, peace, zen OmmWriter plays soft chimes, setting a mood of “the artist’s way”
  59. 59. 77 IAwriter’s poetics invokes Hemmingway and Wolfe. Serious, typewritten, the labor of words
  60. 60. Evaluating
  61. 61. Chaotic Act Sense Respond
  62. 62. B=f(P+E) Lewin’s equation
  63. 63. Let’s Talk
  64. 64. Thank You @cwodtke | me@cwodtke.com www.cwodtke.com CHRISTINA WODTKE
  65. 65. Appendix
  66. 66. HOW FANCY SHOULD THEY BE?
  67. 67. Stephen p anderson
  68. 68. Bill Verplank
  69. 69. 01 Christina Wodtke • A simple model you can draw on a whiteboard becomes a meme. • Is this why Lean Startup is huge?
  70. 70. 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.
  71. 71. 01 Christina Wodtke • Elements of a model • By Stephen P Anderson
  72. 72. 01 Christina Wodtke • Elements of a model • By Stephen P Anderson
  73. 73. WHO IS BOUBA AND WHO IS KIKA? https://en.wikipedia.org/wiki/Bouba/kiki_effect
  74. 74. PAST AND FUTURE? TVERSKY, B Visualizing Thought https://mechanism.ucsd.edu/teaching/F12/cs200/Readings/tversky.visualizingthought.2010.pdf
  75. 75. Flow Ventures: Competitive Analysis for Startups: The Goal
  76. 76. 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”
  77. 77. 01 Christina WodtkeDave gray • What should I draw? • Consider the elements
  78. 78. 01 Christina WodtkeDave gray | http://www.xplaner.com/visual-thinking-school/ • What should I draw? • Consider the purpose
  79. 79. Metaphor Deck by Christina Wodtke
  80. 80. Richard Saul Wurman
  81. 81. Which direction is the future?
  82. 82. Which direction is good?
  83. 83. Metaphor is fundamental to how we think - George Lakoff & Mark Johnson Metaphors We Live By
  84. 84. Micro Metaphors • Embedded in our language • Rooted in our world view • Shaping our perceptions
  85. 85. More is up/ Good is up • I’m feeling up. That boosted my spirits. • I’m feeling down. • Get up. Wake up. She rises early. • He’s at the peak of health. • He’s under the weather. • I am on top of the situation. He is under my power. • My income rose last year.
  86. 86. Future is forward, past is back • In the weeks ahead of us… • That’s all behind us… • I’m looking forward to seeing him. • Back to the good old days See also http://blog.nearfuturelaboratory.com/2010/09/26/representations-
  87. 87. “Any time you see signs or labels added to a device, it is an indication of bad design.” Don Norman
  88. 88. The conduit metaphor • The conduit metaphor • Ideas are objects • Linguistic expressions are containers • Communication is sending
  89. 89. The conduit metaphor (cont’d) • It’s difficult to put my ideas into words. • It’s hard to get that idea across to him • You’re reasons came through to us. • His words carry little meaning. • Your words seem hollow. • The idea is buried in terribly dense paragraphs.
  90. 90. Argument is War • Your claims are indefensible • He attacked every weak point in my argument • Her criticisms were right on target • I demolished his argument. • I’ve never won an argument with her. • You disagree? Okay, shoot! • If you use that strategy, she’ll wipe you out. • He shot down all of my arguments.
  91. 91. Mundo Metaphors
  92. 92. pie
  93. 93. Macro Metaphor
  94. 94. Southwest Airlines 1995
  95. 95. Find the metaphors on your computer 2 Minutes List on paper
  96. 96. Redesign computer as a kitchen 5 Minutes Draw in sketchbook
  97. 97. Share with table 10 minutes (divide time fairly)

×