Design Thinking Meetup: Sparkle-ize It (or, what to do when you get a napkin)

Post on 16-May-2015

1.754 views 3 download

Tags:

description

Every designer has had the experience at one point or another of having someone (usually a Product Manager, sometimes an Engineer) draw a screen for them, and ask them to take it and make it look good. Tools like Balsamiq and Axure are only making this more common. Writers, Product Managers and Engineers -- pretty much everyone with a boss or a coworker has experienced someone coming to them and assuming they were the end of the important process and just needed a little polish. This happens for one (or many) of several reasons: - They don't have time to think about or discuss alternatives - They think it's the best solution - They don't know how to connect the picture that's in their head with the goals they have in mind (or if they connect). - They think you have little to offer besides making tarting up their idea ("Make it sparkly") Too often, Designers assume point #4, get insulted, but sparkle-ize it anyway. It's demoralizing and often results in sub-par products (they are at least not as good as they could be). This happens in other contexts too: Researchers tell Product Managers how they should change their products. Designers tell Engineers how they should implement what's designed. Most of us are guilty of assuming #4 at some point, whatever our roll is. This talk is about how to "reverse out" design thinking. How to look at a napkin drawing and work with the person who drew it to understand what their goals were when they made it, and to propose alternative solutions. Conversely, if you think in solutions and can't help handing scribbles on napkins to your colleagues, it's about how to back out your own thought process and get more and better contributions from your colleagues. Either way, it's about better solutions. (Related blog post at http://www.designmap.com/practice/sparkle-ize-it/)

Transcript of Design Thinking Meetup: Sparkle-ize It (or, what to do when you get a napkin)

Design Thinking Meetup

Sparkle-ize It!

@DesignMap #DesignThinkingSF

What I’m doing

1. What is “getting a napkin”?2. How does it relate to design thinking?3. How does it relate to roles besides design?4. What is “sparkle-izing”?5. Example of getting a napkin6. So what do we do? 7. Consider your options8. Once you know, 7 tactics for ideating.9. NB10.What if you draw on napkins?11.Conclusion, questions, war stories….

@DesignMap #DesignThinkingSFSparkle-ize It!

Sparkle-ize It! @DesignMap #DesignThinkingSF

@DesignMap #DesignThinkingSFSparkle-ize It!

Sparkle-ize It! @DesignMap #DesignThinkingSF

“Design Thinking”

Sparkle-ize It!

Empathize

Define

Ideate

Prototype

Test

@DesignMap #DesignThinkingSF

= Design

Sparkle-ize It!

Empathize

Define

Ideate

Prototype

Test

@DesignMap #DesignThinkingSF

Empathize

Define

Ideate

Prototype

Test

= Design

Sparkle-ize It! @DesignMap #DesignThinkingSF

= Design= Communications

Sparkle-ize It! @DesignMap #DesignThinkingSF

= Design= Communications

= Product Management

Sparkle-ize It! @DesignMap #DesignThinkingSF

= Design= Communications

= Product Management= Development

Sparkle-ize It! @DesignMap #DesignThinkingSF

= Design= Communications

= Product Management= Development= Aestheticians

Sparkle-ize It! @DesignMap #DesignThinkingSF

= Design= Communications

= Product Management= Development= Aestheticians

Sparkle-ize It! @DesignMap #DesignThinkingSF

“Jazz it up a bit.”

“Make it look good.”

“Add some lipstick.”

“Just be creative with it.”

“Make it sexy.”

“We need more eye candy.”

“Fill in the details.”

“Do your...”

Sparkle-ize It!

**

*

*

*

**

*

*

*

**

**

Sparkle-ize It! @DesignMap #DesignThinkingSF

Example

Sparkle-ize It! @DesignMap #DesignThinkingSF

Sparkle-ize It! @DesignMap #DesignThinkingSF

Sparkle-ize It! @DesignMap #DesignThinkingSF

“We hope by answering these questions we can get to the heart of the requirements that you expressed in your document.”

Sparkle-ize It! @DesignMap #DesignThinkingSF

Sparkle-ize It! @DesignMap #DesignThinkingSF

Sparkle-ize It! @DesignMap #DesignThinkingSF

Sparkle-ize It! @DesignMap #DesignThinkingSF

So, what to do?

Consider 4th Order Design

Sparkle-ize It!

Empathize

Define

Ideate

Prototype

Test

@DesignMap #DesignThinkingSF

immediate challenge(product)

Consider 4th Order Design

Sparkle-ize It!

Empathize

Define

Ideate

Prototype

Test

Empathize

Define

Ideate

Prototype

Test

@DesignMap #DesignThinkingSF

immediate challenge(product)

system / relationship

Consider 4th Order Design

Sparkle-ize It! @DesignMap #DesignThinkingSF

© Photo by Johnny Holland, sketchnote by Jake Causby

Consider 4th Order Design

Sparkle-ize It!

Empathize

Define

Ideate

Prototype

Test

Empathize

Define

Ideate

Prototype

Test

@DesignMap #DesignThinkingSF

immediate challenge(product)

system / relationship

Consider 4th Order Design

Sparkle-ize It!

Empathize

Empathize

Define

Ideate

Prototype

Test

@DesignMap #DesignThinkingSF

Empathize

• it’s not optional

Sparkle-ize It! @DesignMap #DesignThinkingSF

Empathize

• it’s not optional• out of time

Sparkle-ize It! @DesignMap #DesignThinkingSF

Empathize

• it’s not optional• out of time• this is best

Sparkle-ize It! @DesignMap #DesignThinkingSF

Empathize

• it’s not optional• out of time• this is best• this is all your job entails

Sparkle-ize It! @DesignMap #DesignThinkingSF

Empathize

• it’s not optional• out of time• this is best• this is all your job entails• it’s hard!

Sparkle-ize It! @DesignMap #DesignThinkingSF

Reasons of Opportunity

• it’s not optional• out of time• this is best• this is all your job entails• it’s hard!

Sparkle-ize It! @DesignMap #DesignThinkingSF

Consider 4th Order Design

Sparkle-ize It!

Empathize

Define

Ideate

Prototype

Test

@DesignMap #DesignThinkingSF

Empathize

Consider 4th Order Design

Sparkle-ize It!

Empathize

Define

Ideate

Prototype

Test

@DesignMap #DesignThinkingSF

Empathize

Consider 4th Order Design

Sparkle-ize It!

Empathize

Define

Ideate

Prototype

Test

@DesignMap #DesignThinkingSF

ezihtapmE

enifeD

etaedI

epytotorP

tseT

Consider 4th Order Design

Sparkle-ize It!

= Design= Communications

= Product Management= Development= Aestheticians

@DesignMap #DesignThinkingSF

ezihtapmE

enifeD

etaedI

epytotorP

tseT

Sparkle-ize It! @DesignMap #DesignThinkingSF

7 Techniques

Technique 1: 3 Things

• ask:• most important thing this does• things you wish this did better• words you’d use to describe this

• make three new versions

Sparkle-ize It! @DesignMap #DesignThinkingSF

Technique 2: Concept Map

Sparkle-ize It! @DesignMap #DesignThinkingSF

Technique 2: Concept Map

Sparkle-ize It! @DesignMap #DesignThinkingSF

Technique 3: Competitive Analysis

Sparkle-ize It! @DesignMap #DesignThinkingSF

Technique 4: Re-Trace Their Steps

Sparkle-ize It! @DesignMap #DesignThinkingSF

Technique 5: Why-How Ladder

Sparkle-ize It! @DesignMap #DesignThinkingSF

why h

ow

?

??

Technique 5: Why-How Ladder

Sparkle-ize It! @DesignMap #DesignThinkingSF

Technique 5: Why-How Ladder

Sparkle-ize It! @DesignMap #DesignThinkingSF

Technique 5: Why-How Ladder

Sparkle-ize It! @DesignMap #DesignThinkingSF

Technique 5: Why-How Ladder

Sparkle-ize It! @DesignMap #DesignThinkingSF

Technique 5: Why-How Ladder

Sparkle-ize It! @DesignMap #DesignThinkingSF

Technique 5: Why-How Ladder

Sparkle-ize It! @DesignMap #DesignThinkingSF

Technique 6: Heuristic Ideation

• variation using 4C’s: • components• characteristics• challenges• characters

Sparkle-ize It! @DesignMap #DesignThinkingSF

Technique 6: Heuristic Ideation

Brad Mike Molly Kristen

drive to dealer

dealer-generated content?

show reviews / ratings of dealers, any dealer perks (gas cards, coffee, etc.)

show reviews / ratings of dealers

schedule test drive

compare cars (more page views)

collaborative comparison selection

price focus let select comparison criteria

let select comparison criteria

read more details

magazine-style format, integrated content

larger type! let select details of interest, make content easy to find and parse

let select details of interest

Sparkle-ize It! @DesignMap #DesignThinkingSF

Technique 7: Business Model Canvas

Sparkle-ize It! @DesignMap #DesignThinkingSF

Sparkle-ize It! @DesignMap #DesignThinkingSF

Sparkle-ize It! @DesignMap #DesignThinkingSF

NB

Nota Bene

• Not me vs. you• No thick skins

Sparkle-ize It! @DesignMap #DesignThinkingSF

Nota Bene

• Give good feedback:• Try, “I like…” / “I wish…” / “What if…”

(IL/IW/WI)• State the specific observation and

explain the impact.• Be direct, respectful, and sincere

(don’t say, “You need to…”.)• If you have something nice to say,

please say it. • Pause and wait for reactions.

Sparkle-ize It! @DesignMap #DesignThinkingSF

What if you draw napkins?

• consider:• be introspective

Sparkle-ize It! @DesignMap #DesignThinkingSF

Sparkle-ize It! @DesignMap #DesignThinkingSF

http://www.dubberly.com/articles/stevejobs.html

What if you draw napkins?

• consider:• be introspective• be inquisitive

Sparkle-ize It! @DesignMap #DesignThinkingSF

What if you draw napkins?

• consider:• be introspective• be inquisitive• don’t take it personally

Sparkle-ize It! @DesignMap #DesignThinkingSF

What if you draw napkins?

• consider:• be introspective• be inquisitive• don’t take it personally

• when is it ok?

Sparkle-ize It! @DesignMap #DesignThinkingSF

The Long Game

Sparkle-ize It! @DesignMap #DesignThinkingSF

Giants

• Richard Buchanan• Toby Golsby-Smith• Gamestorming, by Dave Gray, Sunni Brown,

James Macanufo • Design Thinking, edited by Thomas Lockwood• Hugh Dubberly, Dubberly Design Office• dschool.stanford.edu• Edward Tauber, Heuristic Ideation Technique• Alexander Osterwalder, Business Model

Canvas

Sparkle-ize It! @DesignMap #DesignThinkingSF

Future Giants

• Emily Brower Auchard• Ryan Reposar, Dubberly Design Office• Chris Hoover, Openet• DesignMap: Nathan Kendrick, Greg Baker,

Chuck Moore, Jason Fraser, Ryan Cornwell, Kana Knaak, Mike Aurelio, Priyanka Patel, Tin Phatanapirom, Rona Asuncion, Ben Tremper, Rachel Hallock, Rob Gardziel, Nick Smith, Eddie Sheih, Matt Leigh, James Rafferty, Tiffany Chen, Josh Rautenberg, Patrick Leahy

Sparkle-ize It! @DesignMap #DesignThinkingSF

Good Luck!

Audrey Craneaudrey@designmap.com

@audcrane@designmap#DesignThinkingSF

Sparkle-ize It! @DesignMap #DesignThinkingSF