Making the Complex Clear

WORLD IA DAY 2017 @CWODTKE

MONTERREY

01WORLD IA DAY 2016 01WORLD IA DAY 2016

CHRISTINAWODTKE@cwodtke


MAKING THE COMPLEX CLEAR

THE HOT STUDIO MOTTO


EXPLORE DAVE GRAY'S 15149 PHOTOS ON FLICKR!


46,604 PHOTOSJOINED 2004


RESPOND TO YOUR 94 FRIEND REQUESTS


140 RECEIVED INVITATIONS2,805 - YOUR CONNECTIONS


A SECOND INFORMATION TSUNAMI!


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


“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



I FEEL LIKE DRAWING SLOWS ME DOWN TO GIVE ME THINKING TIME.

-ANDREW REID


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.


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


MICROWAVE SYSTEM MODEL HTTP://SCE.UHCL.EDU/WHITETA/SDP/CREATESYSTEMMODEL.HTML


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

http://www.gdcvault.com/play/1017708/Simulating-a-City-One-Page

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.




Mental Model, organized by task

Company OR Competitor Offerings


Cat Mental Model, organized by task

WORLD IA DAY 2017

CONCEPT MODELSVisual Explanations

01WORLD IA DAY 2017

SUNNI BROWNDOODLE REVOLUTION


ELEMENTS & RELATIONSHIPS

(Systems, a la Brown)

WORLD IA DAY 2017 @CWODTKEDAVE GREY


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 @CWODTKEDAN ROAM

WORLD IA DAY 2017 @CWODTKEDRAWN BY ME, @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


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 @CWODTKEANDREW REID





HOW TO POACH AN EGG, BY @CWODTKE


COMPARISONS



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


UNDERSTANDING COMICSSCOTT MCCLOUD

01WORLD IA DAY 2017

2x2’s are ALL about comparisons!




DRAWING IDEAS


CONCEPT MODELSFOR WORK

01WORLD IA DAY 2017

FOR THINKING

Kitten Farming concept by Daniel Cook, CCO of Spryfox


ROBIN HUNICKE

01WORLD IA DAY 2017

FOR COMMUNICATING

Conceptual Blueprint by Andrew Hinton of The Understanding Group


STONE LIBRANDE


STONE LIBRANDE


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


PARTICIPATORYCONCEPT MAPS?!?



WORLD IA DAY 2017 @CWODTKEDAVE GRAY


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


And Canvases!

01WORLD IA DAY 2017

Thank you.QUESTIONS?

FOR WORKSHOPS & OTHER INQUIRES:

CHRISTINA WODTKE

@CWODTKE

CWODTKE.COM

AMELIE WODTKE SARRAZIN

Design

Making the Complex Clear