Visual al T Thinki king ng: a a Prerequisite f for Owen - PowerPoint PPT Presentation

Michael Keeling, IBM, @michaelkeeling Visual al T Thinki king ng: a a Prerequisite f for Owen Keeling, Linden Elementary School Dem emocratic D ic Des esign

Draw a tree. You have 60 seconds. Go.

Time’s up!

Show you’re tree to the people at your table.

Lesson 1: What you choose to draw will show people what you want them to think about.

Pictures and diagrams command focus Lesson 1: What you choose to draw will show people what you want them to think about.

Choose abstractions carefully.

Since what you choose to draw matters, how do you decide what to draw?

Lesson 2: Sketch ideas to help your audience

Dan Roam’s 6x6 framework • Use a portrait to answer who? or what? – qualitative representation

Dan Roam’s 6x6 framework • Use a portrait to answer who? or what? – qualitative representation

Dan Roam’s 6x6 framework • Use a portrait to answer who? or what? – qualitative representation • Use a chart to answer questions about quantity, how many? Quantitative representation

Dan Roam’s 6x6 framework • Use a portrait to answer who? or what? – qualitative representation • Use a chart to answer questions about quantity, how many? Quantitative representation • Use a map to answer where? – position in space

Context map? Story Map… ?

Dan Roam’s 6x6 framework • Use a portrait to answer who? or what? – qualitative representation • Use a chart to answer questions about quantity, how many? Quantitative representation • Use a map to answer where? – position in space • Use a timeline to answer when? – position in time

Dan Roam’s 6x6 framework • Use a portrait to answer who? or what? – qualitative representation • Use a chart to answer questions about quantity, how many? Quantitative representation • Use a map to answer where? – position in space • Use a timeline to answer when? – position in time • Use a flowchart to answer how? -- cause and effect

Dan Roam’s 6x6 framework • Use a portrait to answer who? or what? – qualitative representation • Use a chart to answer questions about quantity, how many? Quantitative representation • Use a map to answer where? – position in space • Use a timeline to answer when? – position in time • Use a flowchart to answer how? -- cause and effect • Use a multi-variable chart to answer why? – deduction and prediction

Dan Roam’s 6x6 framework • Use a portrait to answer who? or what? – qualitative representation • Use a chart to answer questions about quantity, how many? Quantitative representation • Use a map to answer where? – position in space • Use a timeline to answer when? – position in time • Use a flowchart to answer how? -- cause and effect • Use a multi-variable chart to answer why? – deduction and prediction

What happened to the learning by doing?!?

Exercise: Explain Dinner at Grandma’s House

Exercise: Explain how to cook dinner. Take 60 seconds to plan. What question do you want to answer about dinner? Go!

Dan Roam’s 6x6 framework • Use a portrait to answer who? or what? – qualitative representation • Use a chart to answer questions about quantity, how many? Quantitative representation • Use a map to answer where? – position in space • Use a timeline to answer when? – position in time • Use a flowchart to answer how? -- cause and effect • Use a multi-variable chart to answer why? – deduction and prediction

Exercise: Explain how to cook dinner. You have two minutes Go!

Reflection – Share with your neighbor (5 minutes) Dan Roam’s 6x6 framework • Use a portrait to answer who? or what? – qualitative representation • Use a chart to answer questions about quantity, how many? Quantitative representation • Use a map to answer where? – position in space • Use a timeline to answer when? – position in time • Use a flowchart to answer how? -- cause and effect • Use a multi-variable chart to answer why? – deduction and prediction

Lesson 3: Use visual thinking to help you explore ideas through story telling.

A drawing doesn’t stand on it’s own It’s part of a living story that

What does all this have to do with software architecture and design?

Software architects are story tellers. Example: How does the system promote availability? Which parts of the system are the most risky? Where is our technical debt? How are we going to deliver our software? These are all stories.

Dan Roam’s 6x6 framework • Use a portrait to answer who? or what? – qualitative representation • Use a chart to answer questions about quantity, how many? Quantitative representation • Use a map to answer where? – position in space • Use a timeline to answer when? – position in time • Use a flowchart to answer how? -- cause and effect • Use a multi-variable chart to answer why? – deduction and prediction

Wrap-up

3 Lessons. 1) What you choose to draw will show people what you want them to think about. (Pictures and diagrams command focus so choose your abstractions well) 2) Sketch ideas to help your audience. (we recommend Dan Roam’s 6x6 framework as one way to figure out how to do this) 3) Use visual thinking to help you explore ideas through story telling. We also saw some examples of how these lessons apply to software design.

The pieces of paper here are prototype sketch books. Take them. Share feedback with us. The pencils are yours to keep as well. Enjoy them! You can do this. It just takes some practice.

Michael wrote a book…. You should buy it. If you’ve already got a copy, by one for a friend. Design It!: From Programmer to Software Architect

Thank you! Dan Roam’s 6x6 framework Lessons: • Use a portrait to answer who? or 1) What you choose to draw will show people what you what? – qualitative representation want them to think about. (Pictures and diagrams • Use a chart to answer questions about command focus so choose your abstractions well) quantity, how many? Quantitative representation 2) Sketch ideas to help your audience. (we recommend • Use a map to answer where? – Dan Roam’s 6x6 framework as one way to figure out how position in space to do this) • Use a timeline to answer when? – position in time 3) Use visual thinking to help you explore ideas through • Use a flowchart to answer how? -- story telling. cause and effect • Use a multi-variable chart to answer Buy Design It! why? – deduction and prediction Practice with your sketchbook and send us feedback!