WORLD IA DAY 2017 @CWODTKE
MONTERREY
01WORLD IA DAY 2016 01WORLD IA DAY 2016
CHRISTINAWODTKE@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 PHOTOSJOINED 2004
WORLD IA DAY 2017 @CWODTKE
RESPOND TO YOUR 94 FRIEND REQUESTS
WORLD IA DAY 2017 @CWODTKE
140 RECEIVED INVITATIONS2,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 @CWODTKESCOTT BERNATINO
01WORLD IA DAY 2017
MAPS, MODELS,
CANVASES
WORLD IA DAY 2017 @CWODTKE
“VISUAL MODELS ARE ALL ABOUT MEANING THROUGH SPATIAL
ARRANGEMENT”- STEPHEN P ANDERSON
01WORLD IA DAY 2017
DAVE GRAY
ILLUSTRATION MODEL
WORLD IA DAY 2017
MIND MAPSGather 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
01WORLD IA DAY 2017
HEADER OF THIS PAGE
From Rolf Faste’s MindMapping articleThe 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.
WORLD IA DAY 2017 @CWODTKE
FROM MINDTOOLS.COM
WORLD IA DAY 2017
CONCEPT MAPSClarify Your Understanding
01WORLD IA DAY 2017
HEADER OF THIS PAGE
From Hugh Dubberly’s Creating Concept MapsList termsEdit the listDefine the remaining termsCreate a matrix showing the relations of termsRank the termsDecide on main branches or write framing sentencesFill in the rest of the structureReviseApply typography to reinforce structureRevise
DIAGRAM BY DAN BROWN
WORLD IA DAY 2017 @CWODTKEHTTP://ARCHITECTURE.31BIO.ORG/INFORMATION-ARCHITECTURE-CONCEPT-MODEL/
WORLD IA DAY 2017 @CWODTKEDUBBERLY DESIGN OFFICE
WORLD IA DAY 2017
SYSTEM MODELSMap the System
WORLD IA DAY 2017 @CWODTKE
MICROWAVE SYSTEM MODEL HTTP://SCE.UHCL.EDU/WHITETA/SDP/CREATESYSTEMMODEL.HTML
WORLD IA DAY 2017 @CWODTKE
BBC WEATHER SITEMAP HTTP://WWW.BBC.CO.UK/BLOGS/BBCINTERNET/2011/11/BBC_WEATHER_DESIGN_REFRESH.HTML
WORLD IA DAY 2017 @CWODTKE FROM STONE LIBRANDE’S ONE PAGE DESIGNS
WORLD IA DAY 2017
MENTAL MODELSUnderstand the Customer’s
Point of View
01WORLD 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.
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 MODELSVisual Explanations
01WORLD IA DAY 2017
SUNNI BROWNDOODLE 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.COM/THINKINGGAMES/WHATISAPUZZLE/INDEX.HTMLHTTP://WWW.ERASMATAZZ.COM/LIBRARY/THE-JOURNAL-OF-COMPUTER/JCGD-VOLUME-4/MY-DEFINITION-OF-GAME.HTML
WORLD IA DAY 2017 @CWODTKEDON NORMAN, DRAWN BY ME.
WORLD IA DAY 2017 @CWODTKE
WORLD IA DAY 2017 @CWODTKEDAN ROAM
WORLD IA DAY 2017 @CWODTKEDRAWN BY ME, @CWODTKE
WORLD IA DAY 2017 @CWODTKE
PROCESSES
WORLD IA DAY 2017 @CWODTKETODAY TEAM EXPLAINS THEIR OFFERING
WORLD IA DAY 2017 @CWODTKEBARTNET DOESN’T EXPLAIN THEIR OFFERING- ALWAYS TEST CONCEPT MODELS
WORLD IA DAY 2017 @CWODTKE
INNOENERGY OFFERING ELEMENTS
WORLD IA DAY 2017 @CWODTKEINNOENERGY PROCESS
01WORLD 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 . . .
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
EXPLORING WHY DIFFERENT SERVICES SUCK IN THEIR OWN SPECIAL WAY. HTTPS://MEDIUM.COM/@CWODTKE/A-THEORY-OF-FORM-FOR-DIGITAL-PRODUCTS-F5F605ADAE84#.51IE4D1VQ
WORLD IA DAY 2017 @CWODTKEUNCOVERING THE SECRETS OF MAMMOTH ISLAND
WORLD IA DAY 2017 @CWODTKE
UNDERSTANDING COMICSSCOTT MCCLOUD
01WORLD 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 MODELSFOR WORK
01WORLD IA DAY 2017
FOR THINKING
Kitten Farming concept by Daniel Cook, CCO of Spryfox
WORLD IA DAY 2017 @CWODTKE
ROBIN HUNICKE
01WORLD 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
01WORLD IA DAY 2017
A simple model you can draw on a whiteboard becomes a meme.
Is this why Lean Startup is huge?
01WORLD 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.
01WORLD IA DAY 2017DAVE GRAY
WHAT SHOULD I DRAW?
Consider the elements
01WORLD IA DAY 2017
DAVE GRAY | HTTP://WWW.XPLANER.COM/VISUAL-THINKING-SCHOOL/
WHAT SHOULD I DRAW?
Consider the purpose
WORLD IA DAY 2017 @CWODTKE
PARTICIPATORYCONCEPT MAPS?!?
WORLD IA DAY 2017 @CWODTKE
WORLD IA DAY 2017 @CWODTKE
WORLD IA DAY 2017 @CWODTKEDAVE GRAY
WORLD IA DAY 2017 @CWODTKE
01WORLD IA DAY 2017
MIND MAPS, to gather your thoughtsCONCEPT MAPS, to organize your understandingSYSTEM MAPS, to map the system (a tautology, but an accurate one)MENTAL MODELS, to understand and communicate your user’s understandingCONCEPT MODELS, to message a way to think about a complex system
WORLD IA DAY 2017 @CWODTKE
And Canvases!
01WORLD IA DAY 2017
Thank you.QUESTIONS?
FOR WORKSHOPS & OTHER INQUIRES:
CHRISTINA WODTKE
@CWODTKE
CWODTKE.COM
AMELIE WODTKE SARRAZIN