Top Banner
86

Design Thinking: Beyond the Bounds of Your Own Head

Aug 11, 2014

Download

Design

Thomas Wendt

This talk was co-written by Will Evans and myself. It covers some basics of Design Thinking as it pertains to externalization of ideas through empathy, problem framing, ideation, and prototyping.
Welcome message from author
This document is posted to help you gain knowledge. Please leave a comment to let me know what you think about it! Share it to your friends and learn new things together.
Transcript
Page 1: Design Thinking: Beyond the Bounds of Your Own Head
Page 2: Design Thinking: Beyond the Bounds of Your Own Head

THOMAS WENDT UX Strategist

Surrounding Signifiers

[email protected] @thomas_wendt

WILL EVANS Managing Director

TLC Labs

[email protected] @semanticwill

WHO ARE WE?

#NYinnovates

Page 3: Design Thinking: Beyond the Bounds of Your Own Head

LET’S START WITH AN EXERCISE

Page 4: Design Thinking: Beyond the Bounds of Your Own Head

WHICH IS TIMEBOXED

Page 5: Design Thinking: Beyond the Bounds of Your Own Head

CHARACTER SKETCH

Page 6: Design Thinking: Beyond the Bounds of Your Own Head

What is Design Thinking?

Page 7: Design Thinking: Beyond the Bounds of Your Own Head

“Everyone can – and does – design. We all design when we plan for something new to happen, whether that might be a new version of a recipe, a new arrangement of the living room furniture, or a new layout of a personal web page. The evidence from different cultures around the world, and from designs created by children as well as by adults, suggests that everyone is capable of designing. So design thinking is something inherent within human cognition; it is a key part of what makes us human.”

Nigel Cross

Page 8: Design Thinking: Beyond the Bounds of Your Own Head

“Design is now too important to be left to designers.”

Tim Brown

Page 9: Design Thinking: Beyond the Bounds of Your Own Head
Page 10: Design Thinking: Beyond the Bounds of Your Own Head

ANOTHER DEFINITION

An approach to solving problems by understanding people’s needs and synthesizing

insights to solve those needs – in context.

Page 11: Design Thinking: Beyond the Bounds of Your Own Head

DESIGN THINKING PREMISE

Only through contact, observation, and empathy with customers can you hope to design solutions

to fit their needs.

Page 12: Design Thinking: Beyond the Bounds of Your Own Head

AS OPPOSED TO?

•  We have this problem, lets jump in and brainstorm a solution

•  We have a new technology, what can we possibly use it for?

•  Our competitors just launched X; how quickly can we also do X?

Page 13: Design Thinking: Beyond the Bounds of Your Own Head
Page 14: Design Thinking: Beyond the Bounds of Your Own Head

THREE OVERLAPPING CONSTRAINTS

Page 15: Design Thinking: Beyond the Bounds of Your Own Head

WHERE IS DESIGN INNOVATION?

Page 16: Design Thinking: Beyond the Bounds of Your Own Head

IDEO’S DESIGN PROCESS

Page 17: Design Thinking: Beyond the Bounds of Your Own Head

*    

Insight about customer behavior and work patterns were never discovered sitting at your desk.

Page 18: Design Thinking: Beyond the Bounds of Your Own Head

*    

Research, when done well, creates a deep sense of empathy for others.

Page 19: Design Thinking: Beyond the Bounds of Your Own Head

*    

Understanding context involves being-there.

Page 20: Design Thinking: Beyond the Bounds of Your Own Head

*    

You are not the user.

Page 21: Design Thinking: Beyond the Bounds of Your Own Head

4 ELEMENTS OF DESIGN THINKING We have this problem, lets jump in and brainstorm a solution We have a new technology, what can we possibly use it for? Our competitors just launched X; how quickly can we also do X? •  Empathy through research •  Framing the problem •  Generative ideation •  Prototyping & validation

Page 22: Design Thinking: Beyond the Bounds of Your Own Head

We have this problem, lets jump in and brainstorm a solution We have a new technology, what can we possibly use it for? Our competitors just launched X; how quickly can we also do X? •  Empathy through research •  Framing the problem •  Generative ideation •  Prototyping & validation

4 ELEMENTS OF DESIGN THINKING

Page 23: Design Thinking: Beyond the Bounds of Your Own Head

BASICS OF CUSTOMER RESEARCH

Page 24: Design Thinking: Beyond the Bounds of Your Own Head

THEORY AND PRACTICE

Theory Thought Disengaged Frivolous Virtual

Practice Action Invested Productive Real

Page 25: Design Thinking: Beyond the Bounds of Your Own Head

THEORY AND PRACTICE

Praxis

Process by which theory, lesson, or skill is enacted, practiced, embodied, or realized.

Page 26: Design Thinking: Beyond the Bounds of Your Own Head

THEORY AND PRACTICE

“Apart from inquiry, apart from the praxis, individuals cannot be truly human. Knowledge emerges only through

invention and re-invention, through the restless, impatient, continuing, hopeful inquiry human beings pursue in the

world, with the world, and with each other.”

Paulo Freire

Page 27: Design Thinking: Beyond the Bounds of Your Own Head

SYMPATHY syn - together pathos - feeling 1. harmony of or agreement in feeling, as between persons or on the part of one person with respect to another. 2. the harmony of feeling naturally existing between persons of like tastes or opinion or of congenial dispositions. 3. the fact or power of sharing the feelings of another, especially in sorrow or trouble; fellow feeling, compassion, or commiseration.

Page 28: Design Thinking: Beyond the Bounds of Your Own Head

EMPATHY

en - in pathos - feeling 1. the intellectual identification with or vicarious experiencing of the feelings, thoughts, or attitudes of another.

Page 29: Design Thinking: Beyond the Bounds of Your Own Head

In the absence of direct experience, vicarious identification becomes our

substitute.

Page 30: Design Thinking: Beyond the Bounds of Your Own Head
Page 31: Design Thinking: Beyond the Bounds of Your Own Head

“Our real goal, then, is not so much fulfilling manifest needs by creating a speedier printer or a more ergonomic keyboard; that’s the job of designers. It is helping people to articulate the latent needs they may not even know they have, and this is the challenge of design thinkers.”

Tim Brown

Page 32: Design Thinking: Beyond the Bounds of Your Own Head

“To understand a hammer, for example, does not mean to know that hammers have such and such properties and that they are used for certain purposes—or that in order to hammer one follows a certain procedure, i.e., understanding a hammer at its most primordial sense means knowing how to hammer.”

Hubert Dreyfus

Page 33: Design Thinking: Beyond the Bounds of Your Own Head
Page 34: Design Thinking: Beyond the Bounds of Your Own Head

Customer Research HOW MUCH RESEARCH?

Lots  

People  

Insights  

Page 35: Design Thinking: Beyond the Bounds of Your Own Head

12  

Lots  

People  

Insights  

A RESEARCH HEURISTIC

Page 36: Design Thinking: Beyond the Bounds of Your Own Head

UX RESEARCH/EMOTION CURVE

Page 37: Design Thinking: Beyond the Bounds of Your Own Head

Malkovich Bias

The tendency to believe

that everyone uses technology

the same way you do. - Andres Glusman

Page 38: Design Thinking: Beyond the Bounds of Your Own Head

ETHNOGRAPHY

Literally “writing culture” Ethnography is: 1.  The process of “deep hanging out.” 2.  The richest research method we have. 3.  Something you should be doing all the time.

Page 39: Design Thinking: Beyond the Bounds of Your Own Head

Ethnography Allows Us To

Page 40: Design Thinking: Beyond the Bounds of Your Own Head

1. Discover the semantics of living

Page 41: Design Thinking: Beyond the Bounds of Your Own Head

2. Decode signifiers of cultural practice

Page 42: Design Thinking: Beyond the Bounds of Your Own Head

3. Understand the language people use.

Page 43: Design Thinking: Beyond the Bounds of Your Own Head

CONTEXT

Page 44: Design Thinking: Beyond the Bounds of Your Own Head

Keys To Good Ethnography

Page 45: Design Thinking: Beyond the Bounds of Your Own Head

Delve deeply into the context, lives, cultures, and rituals of a few people rather than study a large number of people superficially.

This isn’t about booty calls, this is about relationships.

Page 46: Design Thinking: Beyond the Bounds of Your Own Head

Holistically study people’s behaviors and experiences in daily life. You won’t find this in a lab, focus group, or 5 minute interview

on the street.

Page 47: Design Thinking: Beyond the Bounds of Your Own Head

Learn to ask probing, open questions, gathering as much data as possible to inform your understanding.

Page 48: Design Thinking: Beyond the Bounds of Your Own Head

Practice “active seeing,” and “active listening.” Record every minutiae of daily existence, and encode on post-its.

Page 49: Design Thinking: Beyond the Bounds of Your Own Head

Use collaborative sense-making activities like cynefin and affinity diagramming to understand and formulate a narrative of

experience.

Page 50: Design Thinking: Beyond the Bounds of Your Own Head

Map the stories and insights back to the original customer hypothesis and problem hypothesis.

Did it validate or invalidate your hypotheses?

Page 51: Design Thinking: Beyond the Bounds of Your Own Head

We have this problem, lets jump in and brainstorm a solution We have a new technology, what can we possibly use it for? Our competitors just launched X; how quickly can we also do X? •  Empathy through research •  Framing the problem •  Generative ideation •  Prototyping & validation

4 ELEMENTS OF DESIGN THINKING

Page 52: Design Thinking: Beyond the Bounds of Your Own Head

FRAMING AND SENSEMAKING How do we make sense of the world so that we can act in it?

Page 53: Design Thinking: Beyond the Bounds of Your Own Head
Page 54: Design Thinking: Beyond the Bounds of Your Own Head
Page 55: Design Thinking: Beyond the Bounds of Your Own Head

ON FRAMING

“A frame is, simplistically, a point of view; often, and particularly in technical situations, this point of view is deemed “irrelevant” or “biasing” because it implicitly references a non-objective way of considering a situation or idea. But a frame – while certainly subjective and often biasing – is of critical use to the designer, as it is something that is shaped over the long-term aggregation of thoughts and experiences.” Jon Kolko

Page 56: Design Thinking: Beyond the Bounds of Your Own Head

FRAMING THROUGH VISUALIZATION

“By taking the data out of the cognitive realm (the head), removing it from the digital realm (the computer), and making it tangible in the physical realm in one cohesive visual structure (the wall), the designer is freed of the natural memory limitations of the brain and the artificial organizational limitations of technology.” Jon Kolko

Page 57: Design Thinking: Beyond the Bounds of Your Own Head

SENSEMAKING The act of assigning meaning to experience. Extraction of meaning out of a situation. Sometimes purposeful, sometimes not. Micro and macro.

Page 58: Design Thinking: Beyond the Bounds of Your Own Head

The place of your multiple affiliations or belongings.

CYNEFIN

Page 59: Design Thinking: Beyond the Bounds of Your Own Head
Page 60: Design Thinking: Beyond the Bounds of Your Own Head

We have this problem, lets jump in and brainstorm a solution We have a new technology, what can we possibly use it for? Our competitors just launched X; how quickly can we also do X? •  Empathy through research •  Framing the problem •  Generative ideation •  Prototyping & validation

4 ELEMENTS OF DESIGN THINKING

Page 61: Design Thinking: Beyond the Bounds of Your Own Head

GENERATIVE IDEATION

Page 62: Design Thinking: Beyond the Bounds of Your Own Head

Abduction Induction Deduction

What could be.

What likely is.

What logically

is.

DESIGN EPISTEMOLOGY

Page 63: Design Thinking: Beyond the Bounds of Your Own Head

DESIGN EPISTEMOLOGY

Abduction Induction Deduction

Design Science Absolute Truth

Page 64: Design Thinking: Beyond the Bounds of Your Own Head

DESIGN EPISTEMOLOGY

Page 65: Design Thinking: Beyond the Bounds of Your Own Head
Page 66: Design Thinking: Beyond the Bounds of Your Own Head
Page 67: Design Thinking: Beyond the Bounds of Your Own Head

Ideation Process

Page 68: Design Thinking: Beyond the Bounds of Your Own Head

KNOWLEDGE FUNNEL

Page 69: Design Thinking: Beyond the Bounds of Your Own Head
Page 70: Design Thinking: Beyond the Bounds of Your Own Head

CREATE PITCH

CRITIQUE

Page 71: Design Thinking: Beyond the Bounds of Your Own Head

Generate lots of design concepts (options*) Present concept as stories

Check stories for coherence Integrate (steal) & Iterate

Critique using Ritual Dissent Converge around testable solution hypotheses

DESIGN STUDIO

*See Chris Matts Real Options Theory

Page 72: Design Thinking: Beyond the Bounds of Your Own Head

We have this problem, lets jump in and brainstorm a solution We have a new technology, what can we possibly use it for? Our competitors just launched X; how quickly can we also do X? •  Empathy through research •  Framing the problem •  Generative ideation •  Prototyping & validation

4 ELEMENTS OF DESIGN THINKING

Page 73: Design Thinking: Beyond the Bounds of Your Own Head

PROTOTYPES AND VALIDATION

Page 74: Design Thinking: Beyond the Bounds of Your Own Head

WHY PROTOTYPE?

•  Explore • Quickly create testable solution options • Identifies problems before they’re coded • Reflection-in-action*

•  Experiment • Early frequent feedback from customers • Low opportunity cost

•  Evolve understanding of customer behaviors

* “Theory in Practice,” Chris Argyris & Donald Schön

Page 75: Design Thinking: Beyond the Bounds of Your Own Head

GET OUT OF YOUR

HEAD

Page 76: Design Thinking: Beyond the Bounds of Your Own Head

WHAT FIDELITY? •  Low fidelity

• Paper •  Medium fidelity

• Axure • Omnigraffle • Indigo Studio • Clickable Wireframes

•  High Fidelity • Twitter Bootstrap • jQueryUI • Zurb Foundation

Beware of “endowment effect,” also called the divestiture aversion. Once people invest time/effort “sketching with code,” its very difficult to throw the concept away and explore new options.” Identify what you want to learn, pick the least effort to go through Build > Measure > Learn

Page 77: Design Thinking: Beyond the Bounds of Your Own Head

From insights, you can create multiple problem & solution hypotheses sets.

It's not about designing the one right solution and refining.

It's about testing many solutions to multiple problem hypotheses.

It's about many small bets.

MAXIMIZE OPTIONALITY

Page 78: Design Thinking: Beyond the Bounds of Your Own Head

Conclusions

Page 79: Design Thinking: Beyond the Bounds of Your Own Head

We have this problem, lets jump in and brainstorm a solution We have a new technology, what can we possibly use it for? Our competitors just launched X; how quickly can we also do X? •  Empathy through research •  Framing the problem •  Generative Ideation •  Prototyping & validation

4 ELEMENTS OF DESIGN THINKING

Page 80: Design Thinking: Beyond the Bounds of Your Own Head

We have this problem, lets jump in and brainstorm a solution We have a new technology, what can we possibly use it for? Our competitors just launched X; how quickly can we also do X? •  Empathy through research •  Framing the problem •  Generative Ideation •  Prototyping & validation

4 ELEMENTS OF DESIGN THINKING

Page 81: Design Thinking: Beyond the Bounds of Your Own Head

We have this problem, lets jump in and brainstorm a solution We have a new technology, what can we possibly use it for? Our competitors just launched X; how quickly can we also do X? •  Empathy through research •  Framing the problem •  Generative Ideation •  Prototyping & validation

4 ELEMENTS OF DESIGN THINKING

Page 82: Design Thinking: Beyond the Bounds of Your Own Head

We have this problem, lets jump in and brainstorm a solution We have a new technology, what can we possibly use it for? Our competitors just launched X; how quickly can we also do X? •  Empathy through research •  Framing the problem •  Generative Ideation •  Prototyping & validation

4 ELEMENTS OF DESIGN THINKING

Page 83: Design Thinking: Beyond the Bounds of Your Own Head

DESIGNER’S MANTRA

We cannot think about solutions until we understand the problem.

Page 84: Design Thinking: Beyond the Bounds of Your Own Head

DESIGNER’S PARADOX

We cannot think about solutions until we understand the problem. AND We cannot understand a problem until we think about solutions.

Page 85: Design Thinking: Beyond the Bounds of Your Own Head

   

Page 86: Design Thinking: Beyond the Bounds of Your Own Head

Thanks!

THOMAS WENDT @thomas_wendt [email protected]

WILL EVANS @semanticwill [email protected]