18. WORLD IA DAY 2017 @CWODTKE
I FEEL LIKE DRAWING SLOWS ME
DOWN TO GIVE ME THINKING
TIME.
-ANDREW REID
19. WORLD IA DAY 2017 @CWODTKE
ANDREW REID,
GAME DESIGNER
MIND MAPS FOR
GAME DESIGN
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.
22. WORLD IA DAY 2017
CONCEPT MAPS
Clarify Your Understanding
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. WORLD IA DAY 2017 @CWODTKE
HTTP://ARCHITECTURE.31BIO.ORG/INFORMATION-ARCHITECTURE-
CONCEPT-MODEL/
25. WORLD IA DAY 2017 @CWODTKE
DUBBERLY DESIGN OFFICE
27. WORLD IA DAY 2017 @CWODTKE
MICROWAVE SYSTEM MODEL
HTTP://SCE.UHCL.EDU/WHITETA/SDP/CREATESYSTEMMODEL.H
TML
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. WORLD IA DAY 2017 @CWODTKE FROM STONE LIBRANDE’S ONE PAGE
DESIGNS
30. WORLD IA DAY 2017
MENTAL MODELS
Understand the Customer’s
Point of View
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.
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. WORLD IA DAY 2017 @CWODTKEDON NORMAN, DRAWN BY ME.
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 . . .
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. WORLD IA DAY 2017 @CWODTKE
UNCOVERING THE SECRETS OF MAMMOTH ISLAND
62. WORLD IA DAY 2017 @CWODTKE
UNDERSTANDING
COMICS
SCOTT MCCLOUD
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. 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. 01
WORLD IA DAY 2017DAVE GRAY
WHAT SHOULD I
DRAW?
Consider the elements
79. 01
WORLD IA DAY 2017
DAVE GRAY | HTTP://WWW.XPLANER.COM/VISUAL-THINKING-
SCHOOL/
WHAT SHOULD I
DRAW?
Consider the purpose
80. WORLD IA DAY 2017 @CWODTKE
PARTICIPATORY
CONCEPT MAPS?!?
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
87. 01
WORLD IA DAY 2017
Thank you.
QUESTIONS?
FOR WORKSHOPS & OTHER INQUIRES:
CHRISTINA WODTKE
@CWODTKE
CWODTKE.COM
AMELIE WODTKE
SARRAZIN
Hinweis der Redaktion
(1: "Water Pollution" Mindmap)
I was/am making a game on the topic of water pollution and environmental health. Knowing literally nothing about the topic beforehand, I mindmapped my research as I went along. Mainly this was to gauge, roughly, areas of interest within the subject domain in the one space. I find mindmapping on paper easier than digital, because I'm usually too worried about placement, composition, scale, etc. of the text, whereas on paper it's so rough and drafted that I'm content with just drawing. Because it's also on paper and not in a digital format, I didn't feel I was committing to specific topics to cover yet: it gives me breathing space to digest the information.
(3: "Engagement" Mindmap)
Similar to the mindmap in (1), I was looking at the topic of Engagement, and what exactly I wanted my game to "engage" people with. If anything, by making a mindmap such as this, it helped me to comprehend the challenge of defining "engagement" for my specific needs. Had I ploughed through research and started writing, I probably would have found myself hitting brick walls very quickly. With the mindmap, I was able to connect certain terms and show where topics were connected, while realising the uphill battle with defining and implementing "engagement" effectively for my research.
Act 1 Overview
After the DHack prototype I kept using the same style as the game grew. I would make these diagrams and take them to meetings so we could get a good overview of the how the game was shaping up.