SlideShare a Scribd company logo
01
WORLD IA DAY 2016
01
WORLD IA DAY 2016
CHRISTINA
WODTKE
@cwodtke
MODELING
COMPLEXITY
CHRISTINA WODTKE @CWODTKE
MAKE THE COMPLEX CLEAR
THE HOT STUDIO MOTTO
CHRISTINA WODTKE @CWODTKE
EXPLORE DAVE GRAY'S 15149
PHOTOS ON FLICKR!
CHRISTINA WODTKE @CWODTKE
46,604 PHOTOS
JOINED 2004
CHRISTINA WODTKE @CWODTKE
RESPOND TO YOUR 94 FRIEND
REQUESTS
CHRISTINA WODTKE @CWODTKE
140 RECEIVED INVITATIONS
2,805 - YOUR CONNECTIONS
CHRISTINA WODTKE @CWODTKE
A SECOND INFORMATION
TSUNAMI!
CHRISTINA WODTKE @CWODTKE
CHRISTINA WODTKE @CWODTKEDAN ROAM
CHRISTINA WODTKE @CWODTKE
MODEL EVERYTHING!
Five SIX models for making sense
CHRISTINA WODTKE @CWODTKE
SCOTT
BERNATINO
01
CHRISTINA WODTKE @CWODTKRE
MAPS,
MODELS,
CANVASES
CHRISTINA WODTKE @CWODTKE
“VISUAL MODELS ARE ALL
ABOUT MEANING THROUGH
SPATIAL ARRANGEMENT”
- STEPHEN P ANDERSON
01
CHRISTINA WODTKE
DAVE GRAY
ILLUSTRATION MODEL
01
CHRISTINA WODTKE
RICHARD SAUL WURMAN
MAP MODEL
CHRISTINA WODTKE @CWODTKE
MIND MAPS
Gather your Thoughts
CHRISTINA WODTKE @CWODTKE
CHRISTINA WODTKE @CWODTKE
I FEEL LIKE DRAWING SLOWS ME
DOWN TO GIVE ME THINKING TIME.
-ANDREW REID
CHRISTINA WODTKE @CWODTKE
ANDREW REID,
GAME DESIGNER
MIND MAPS FOR
GAME DESIGN
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.
CHRISTINA WODTKE @CWODTKE
FROM
MINDTOOLS.COM
CHRISTINA WODTKE @CWODTKE
CONCEPT MAPS
Clarify Your Understanding
CHRISTINA WODTKE @CWODTKE
DUBBERLY DESIGN OFFICE
CHRISTINA WODTKE @CWODTKE
HTTP://ARCHITECTURE.31BIO.ORG/INFORMATION-ARCHITECTURE-CONCEPT-
MODEL/
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
CHRISTINA WODTKE @CWODTKE
SYSTEM MAPS
Map the System
CHRISTINA WODTKE @CWODTKE
MICROWAVE SYSTEM MODEL
HTTP://SCE.UHCL.EDU/WHITETA/SDP/CREATESYSTEMMODEL.HTML
CHRISTINA WODTKE @CWODTKE
BBC WEATHER
SITEMAP HTTP://WWW.BBC.CO.UK/BLOGS/BBCINTERNET/2011
/11/BBC_WEATHER_DESIGN_REFRESH.HTML
CHRISTINA WODTKE @CWODTKE FROM STONE LIBRANDE’S ONE PAGE DESIGNS
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
CHRISTINA WODTKE @CWODTKE
MENTAL MODELS
Understand the Customer’s
Point of View
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.
CHRISTINA WODTKE @CWODTKE
CHRISTINA WODTKE @CWODTKE
CHRISTINA WODTKE @CWODTKE
Mental Model,
organized by task
Company OR
Competitor Offerings
CHRISTINA WODTKE @CWODTKE
Cat Mental Model,
organized by task
CHRISTINA WODTKE @CWODTKE
CONCEPT MODELS
Visual Explanations
01
CHRISTINA WODTKE
SUNNI BROWN
DOODLE
REVOLUTION
CHRISTINA WODTKE @CWODTKE
ELEMENTS & RELATIONSHIPS
(Systems, a la Brown)
CHRISTINA WODTKE @CWODTKEDAVE GREY
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
CHRISTINA WODTKE @CWODTKEDON NORMAN, DRAWN BY ME.
CHRISTINA WODTKE @CWODTKE
CHRISTINA WODTKE @CWODTKEDAN ROAM
CHRISTINA WODTKE @CWODTKE
CHRISTINA WODTKE @CWODTKEINNOENERGY OFFERING ELEMENTS
CHRISTINA WODTKE @CWODTKE
DRAWN BY ME, @CWODTKE
CHRISTINA WODTKE @CWODTKE
PROCESSES
CHRISTINA WODTKE @CWODTKE
TODAY TEAM EXPLAINS THEIR OFFERING
CHRISTINA WODTKE @CWODTKE
BARTNET DOESN’T EXPLAIN THEIR OFFERING- ALWAYS TEST CONCEPT MODELS
CHRISTINA WODTKE @CWODTKEINNOENERGY PROCESS
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 . . .
CHRISTINA WODTKE @CWODTKE
CHRISTINA WODTKE @CWODTKE
CHRISTINA WODTKE @CWODTKEANDREW REID
CHRISTINA WODTKE @CWODTKE
CHRISTINA WODTKE @CWODTKE
CHRISTINA WODTKE @CWODTKE
CHRISTINA WODTKE @CWODTKE
HOW TO POACH AN
EGG, BY @CWODTKE
CHRISTINA WODTKE @CWODTKE
COMPARISONS
CHRISTINA WODTKE @CWODTKE
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
CHRISTINA WODTKE @CWODTKE
UNCOVERING THE SECRETS OF MAMMOTH ISLAND
CHRISTINA WODTKE @CWODTKE
UNDERSTANDING
COMICS
SCOTT MCCLOUD
01
CHRISTINA WODTKE
2x2’s are ALL about
comparisons!
CHRISTINA WODTKE @CWODTKE
CHRISTINA WODTKE @CWODTKE
CHRISTINA WODTKE @CWODTKE
DRAWING IDEAS
CHRISTINA WODTKE @CWODTKE
CONCEPT MODELS
FOR WORK
01
CHRISTINA WODTKE
FOR THINKING
Kitten Farming concept by Daniel
Cook, CCO of Spryfox
CHRISTINA WODTKE @CWODTKE
ROBIN HUNICKE
01
CHRISTINA WODTKE
FOR
COMMUNICATING
Conceptual Blueprint by
Andrew Hinton of The
Understanding Group
CHRISTINA WODTKE @CWODTKE
STONE
LIBRANDE
CHRISTINA WODTKE @CWODTKE
STONE
LIBRANDE
CHRISTINA WODTKE @CWODTKE
HOW FANCY SHOULD THEY BE?
CHRISTINA WODTKE @CWODTKESTEPHEN P ANDERSON
CHRISTINA WODTKE @CWODTKE 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 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.
01
CHRISTINA WODTKE
ELEMENTS OF A
MODEL
By Stephen P Anderson
01
CHRISTINA WODTKE
ELEMENTS OF A
MODEL
By Stephen P Anderson
CHRISTINA WODTKE @CWODTKE
WHO IS BOUBA AND WHO IS KIKA?
HTTPS://EN.WIKIPEDIA.ORG/WIKI/BOUBA/KIKI_EFFECT
CHRISTINA WODTKE @CWODTKE
PAST AND FUTURE?
TVERSKY, B VISUALIZING THOUGHT HTTPS://MECHANISM.UCSD.EDU/TEACHING/F12/CS200/READINGS/TVERSKY.VISUALIZINGTHOUGHT.2010.PDF
CHRISTINA WODTKE @CWODTKE
FLOW VENTURES: COMPETITIVE ANALYSIS FOR STARTUPS: THE GOAL
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”
CHRISTINA WODTKE @CWODTKE
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
CHRISTINA WODTKE @CWODTKE
PARTICIPATORY
CONCEPT MAPS?!?
CHRISTINA WODTKE @CWODTKE
CHRISTINA WODTKE @CWODTKE
CHRISTINA WODTKE @CWODTKEDAVE GRAY
CHRISTINA WODTKE @CWODTKE
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
CHRISTINA WODTKE @CWODTKE
And Canvases!
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

More Related Content

PDF
Setting Interface Foundations with IA
Carrie Hane
 
PPTX
Making the Complex Clear
Christina Wodtke
 
PPTX
Visual Thinking: Working with Pictures
Christina Wodtke
 
PDF
Design All The Things
Christina Wodtke
 
PDF
Lecture 010 Polishing the UI
Christina Wodtke
 
PDF
Creating great decks: The Origins, the "Why", and 12 Tips to Make Yours Better.
Digital Surgeons
 
PDF
Good vs. Great Design
Cameron Moll
 
PPTX
Don Stanley's Web Design 101 LSC 532 lecture 3
Don Stanley
 
Setting Interface Foundations with IA
Carrie Hane
 
Making the Complex Clear
Christina Wodtke
 
Visual Thinking: Working with Pictures
Christina Wodtke
 
Design All The Things
Christina Wodtke
 
Lecture 010 Polishing the UI
Christina Wodtke
 
Creating great decks: The Origins, the "Why", and 12 Tips to Make Yours Better.
Digital Surgeons
 
Good vs. Great Design
Cameron Moll
 
Don Stanley's Web Design 101 LSC 532 lecture 3
Don Stanley
 

What's hot (20)

PDF
How I got 2.5 Million views on Slideshare (by @nickdemey - Board of Innovation)
Board of Innovation
 
PDF
5 Presentation design trends 2017
Annova Studio
 
PDF
The 10 1/2 Commandments of Visual Thinking: The "Lost Chapter" from The Back ...
visual_think_map
 
PDF
Building Authentic Connections with Visitors through Design Thinking
Dana Mitroff Silvers
 
PDF
Art, Meet Copy: A Copywriting Primer for Designers
Digital Surgeons
 
PDF
Labla presentation
GlahAkn
 
PPTX
Back of the Napkin / Blah-Blah-Blah Seminar
Dan Roam
 
PDF
Idea Brainstorming Workshop
Lauren Peters
 
PDF
Practical Design Thinking Workshop for Kingston University
gfender
 
PDF
Design Sprints for Awesome Teams: Running Design Sprints for Rapid Digital Pr...
Dana Mitroff Silvers
 
PDF
How to Present (and Sell) Creative Work
School of Visual Concepts
 
PDF
6 Ways to Quit Bullet Points with Style
Podium Wisdom
 
PDF
Design Sprints for Awesome Teams: Workshop at Museums & the Web 2017
Dana Mitroff Silvers
 
PPTX
Design Thinking & ICT
Farell FOLLY
 
PDF
Visual and Creative Thinking:What We Learned From Peter Pan and Willy Wonka
Kelsey Ruger
 
PDF
Best Practices for Creating Slide Decks
Teachable
 
PDF
Pitching Ideas: How to sell your ideas to others
Jeroen van Geel
 
PDF
Design Principles: The Philosophy of UX
Whitney Hess
 
PDF
Do you have founder myopia?
Lane Goldstone
 
PDF
Designing Inclusive Open Source Communities
Erin 'Folletto' Casali
 
How I got 2.5 Million views on Slideshare (by @nickdemey - Board of Innovation)
Board of Innovation
 
5 Presentation design trends 2017
Annova Studio
 
The 10 1/2 Commandments of Visual Thinking: The "Lost Chapter" from The Back ...
visual_think_map
 
Building Authentic Connections with Visitors through Design Thinking
Dana Mitroff Silvers
 
Art, Meet Copy: A Copywriting Primer for Designers
Digital Surgeons
 
Labla presentation
GlahAkn
 
Back of the Napkin / Blah-Blah-Blah Seminar
Dan Roam
 
Idea Brainstorming Workshop
Lauren Peters
 
Practical Design Thinking Workshop for Kingston University
gfender
 
Design Sprints for Awesome Teams: Running Design Sprints for Rapid Digital Pr...
Dana Mitroff Silvers
 
How to Present (and Sell) Creative Work
School of Visual Concepts
 
6 Ways to Quit Bullet Points with Style
Podium Wisdom
 
Design Sprints for Awesome Teams: Workshop at Museums & the Web 2017
Dana Mitroff Silvers
 
Design Thinking & ICT
Farell FOLLY
 
Visual and Creative Thinking:What We Learned From Peter Pan and Willy Wonka
Kelsey Ruger
 
Best Practices for Creating Slide Decks
Teachable
 
Pitching Ideas: How to sell your ideas to others
Jeroen van Geel
 
Design Principles: The Philosophy of UX
Whitney Hess
 
Do you have founder myopia?
Lane Goldstone
 
Designing Inclusive Open Source Communities
Erin 'Folletto' Casali
 
Ad

More from Christina Wodtke (20)

PDF
Game Design Fundamentals: The Formal Elements
Christina Wodtke
 
PDF
Comunication & Storytelling for Product Managers (and anyone else)
Christina Wodtke
 
PDF
Influence Without Authority
Christina Wodtke
 
PDF
It's complicated
Christina Wodtke
 
PPTX
Reboot Your Team
Christina Wodtke
 
PDF
Design Strategies for Understanding
Christina Wodtke
 
PDF
Visual Thinking Stanford Continuing Studies
Christina Wodtke
 
PDF
WIAD Boston
Christina Wodtke
 
PDF
Lean Teams are Learning Teams
Christina Wodtke
 
PDF
Game Design Fundamentals Megadeck
Christina Wodtke
 
PDF
Design the team you need to succeed
Christina Wodtke
 
PPTX
Class5 Business Design
Christina Wodtke
 
PPTX
Class 6 Identifying and Validating Assumptions
Christina Wodtke
 
PDF
Teaching Game Design to Teach Interaction Design
Christina Wodtke
 
PPT
The Creative Entrepreneur: Stanford Class2 Needfinding
Christina Wodtke
 
PPT
The Creative Entrepreneur: Stanford Class4 From story to offering
Christina Wodtke
 
PPT
The Creative Entrepreneur: Stanford Class3 New Product Ideation
Christina Wodtke
 
PDF
In Defense of Childish Things
Christina Wodtke
 
PDF
Radical Focus: Accomplish big goals with objectives and key results
Christina Wodtke
 
PDF
The Design of Everyday Games
Christina Wodtke
 
Game Design Fundamentals: The Formal Elements
Christina Wodtke
 
Comunication & Storytelling for Product Managers (and anyone else)
Christina Wodtke
 
Influence Without Authority
Christina Wodtke
 
It's complicated
Christina Wodtke
 
Reboot Your Team
Christina Wodtke
 
Design Strategies for Understanding
Christina Wodtke
 
Visual Thinking Stanford Continuing Studies
Christina Wodtke
 
WIAD Boston
Christina Wodtke
 
Lean Teams are Learning Teams
Christina Wodtke
 
Game Design Fundamentals Megadeck
Christina Wodtke
 
Design the team you need to succeed
Christina Wodtke
 
Class5 Business Design
Christina Wodtke
 
Class 6 Identifying and Validating Assumptions
Christina Wodtke
 
Teaching Game Design to Teach Interaction Design
Christina Wodtke
 
The Creative Entrepreneur: Stanford Class2 Needfinding
Christina Wodtke
 
The Creative Entrepreneur: Stanford Class4 From story to offering
Christina Wodtke
 
The Creative Entrepreneur: Stanford Class3 New Product Ideation
Christina Wodtke
 
In Defense of Childish Things
Christina Wodtke
 
Radical Focus: Accomplish big goals with objectives and key results
Christina Wodtke
 
The Design of Everyday Games
Christina Wodtke
 
Ad

Recently uploaded (20)

PDF
Zidane ben hmida _ Portfolio
Zidane Ben Hmida
 
DOCX
Amplopxxxxxxxxxvvvvvvvvvvvvvvvvvvvvvvvvvvvvvvvvvvvvvvvvvvv
Lm Hardin 'Idin'
 
PDF
Unlimited G+12 Dubai DM exam questions for contractor
saniyashaik2089
 
PPTX
3. Introduction to Materials and springs.pptx
YESIMSMART
 
PPTX
Artificial Intelligence presentation.pptx
snehajana651
 
PPTX
Time_Management_Presenuuuuuuutation.pptx
Rajni Goyal
 
PPTX
Residential_Interior_Design_No_Images.pptx
hasansarkeraidt
 
PPTX
MALURI KISHORE-.pptxdsrhbcdsfvvghhhggggfff
sakthick46
 
PDF
Home_Decor_Presentation and idiea with decor
sp1357556
 
PDF
Shayna Andrieze Yjasmin Goles - Your VA!
shaynagoles31
 
PPTX
Blended Wing Body y jet engines Aircrafts.pptx
anshul9051
 
PDF
Fashion project1 kebaya reimagined slideshow
reysultane
 
PPTX
The birth & Rise of python.pptx vaibhavd
vaibhavdobariyal79
 
PPTX
Introduction-to-Graphic-Design-and-Adobe-Photoshop.pptx
abdullahedpk
 
PPT
UNIT- 2 CARBON FOOT PRINT.ppt yvvuvvvvvvyvy
sriram270905
 
DOCX
Personalized Jewellery Guide: Engraved Rings, Initial Necklaces & Birthstones...
Dishis jewels
 
PPTX
designing in footwear- exploring the art and science behind shoe design
madhuvidya7
 
PPTX
Style and aesthetic about fashion lifestyle
Khushi Bera
 
PDF
Dunes.pdf, Durable and Seamless Solid Surface Countertops
tranquil01
 
PDF
SS27 Women's Fashion Trend Book Peclers Paris
Peclers Paris
 
Zidane ben hmida _ Portfolio
Zidane Ben Hmida
 
Amplopxxxxxxxxxvvvvvvvvvvvvvvvvvvvvvvvvvvvvvvvvvvvvvvvvvvv
Lm Hardin 'Idin'
 
Unlimited G+12 Dubai DM exam questions for contractor
saniyashaik2089
 
3. Introduction to Materials and springs.pptx
YESIMSMART
 
Artificial Intelligence presentation.pptx
snehajana651
 
Time_Management_Presenuuuuuuutation.pptx
Rajni Goyal
 
Residential_Interior_Design_No_Images.pptx
hasansarkeraidt
 
MALURI KISHORE-.pptxdsrhbcdsfvvghhhggggfff
sakthick46
 
Home_Decor_Presentation and idiea with decor
sp1357556
 
Shayna Andrieze Yjasmin Goles - Your VA!
shaynagoles31
 
Blended Wing Body y jet engines Aircrafts.pptx
anshul9051
 
Fashion project1 kebaya reimagined slideshow
reysultane
 
The birth & Rise of python.pptx vaibhavd
vaibhavdobariyal79
 
Introduction-to-Graphic-Design-and-Adobe-Photoshop.pptx
abdullahedpk
 
UNIT- 2 CARBON FOOT PRINT.ppt yvvuvvvvvvyvy
sriram270905
 
Personalized Jewellery Guide: Engraved Rings, Initial Necklaces & Birthstones...
Dishis jewels
 
designing in footwear- exploring the art and science behind shoe design
madhuvidya7
 
Style and aesthetic about fashion lifestyle
Khushi Bera
 
Dunes.pdf, Durable and Seamless Solid Surface Countertops
tranquil01
 
SS27 Women's Fashion Trend Book Peclers Paris
Peclers Paris
 

Make the Complex Clear with Maps and Models