Design Sprints for Awesome Teams: Running Design Sprints for Rapid Digital Product Development

97
Design Sprints for Awesome Teams Running Design Sprints for Rapid Digital Product Development Image by Nathan Meijer on flickr CC BY-NC-ND 2.0 Museums and the Web 2016 Los Angeles, CA | April 6, 2016 Dana MitroSilvers, Designing Insights Ahree Lee, J. Paul Getty Trust designing insights Creative Commons Attribution-NonCommercial-ShareAlike 4.0 International License www.DesigningInsights.com | www.DesignThinkingforMuseums.net

Transcript of Design Sprints for Awesome Teams: Running Design Sprints for Rapid Digital Product Development

Page 1: Design Sprints for Awesome Teams: Running Design Sprints for Rapid Digital Product Development

Design Sprints for Awesome Teams Running Design Sprints for Rapid Digital Product Development

Image by Nathan Meijer on flickr

CC BY-NC-ND 2.0

Museums and the Web 2016 Los Angeles, CA | April 6, 2016

Dana Mitroff Silvers, Designing Insights Ahree Lee, J. Paul Getty Trust

designing insights

Creative Commons Attribution-NonCommercial-ShareAlike 4.0 International License www.DesigningInsights.com | www.DesignThinkingforMuseums.net

Page 2: Design Sprints for Awesome Teams: Running Design Sprints for Rapid Digital Product Development

@ahreelee @dmitroff

Dana Ahree

Introductions

#DesignSprint #DesignThinking #MWXX www.DesigningInsights.com | www.DesignThinkingforMuseums.net

Page 3: Design Sprints for Awesome Teams: Running Design Sprints for Rapid Digital Product Development

What are we talking about today?

DESIGN THINKING AGILE DESIGN

SPRINTS

www.DesigningInsights.com | www.DesignThinkingforMuseums.net

Page 4: Design Sprints for Awesome Teams: Running Design Sprints for Rapid Digital Product Development

What is design thinking?

www.DesigningInsights.com | www.DesignThinkingforMuseums.net

Page 5: Design Sprints for Awesome Teams: Running Design Sprints for Rapid Digital Product Development

A set of methods and mindsets for discovering opportunities and generating

innovative, human-centered solutions

www.DesigningInsights.com | www.DesignThinkingforMuseums.net

Page 6: Design Sprints for Awesome Teams: Running Design Sprints for Rapid Digital Product Development

What is Agile?

Image by Dave Gray on flickr CC BY-ND 2.0

www.DesigningInsights.com | www.DesignThinkingforMuseums.net

Page 7: Design Sprints for Awesome Teams: Running Design Sprints for Rapid Digital Product Development

What is Agile?

Image by Dave Gray on flickr CC BY-ND 2.0

A software development framework that focuses on incremental units of work,

iterative releases, and adaptive planning.

www.DesigningInsights.com | www.DesignThinkingforMuseums.net

Page 8: Design Sprints for Awesome Teams: Running Design Sprints for Rapid Digital Product Development

What are design sprints?

A practical, time-boxed process for answering critical business questions

through an application of methods drawn from design thinking and Agile.

www.DesigningInsights.com | www.DesignThinkingforMuseums.net

Page 9: Design Sprints for Awesome Teams: Running Design Sprints for Rapid Digital Product Development

Learn faster

Image © 2015 Google Ventures

www.DesigningInsights.com | www.DesignThinkingforMuseums.net

Page 10: Design Sprints for Awesome Teams: Running Design Sprints for Rapid Digital Product Development

www.DesigningInsights.com | www.DesignThinkingforMuseums.net

Page 11: Design Sprints for Awesome Teams: Running Design Sprints for Rapid Digital Product Development

http://www.thesprintbook.com/sprint-week

April 18 www.DesigningInsights.com | www.DesignThinkingforMuseums.net

Page 12: Design Sprints for Awesome Teams: Running Design Sprints for Rapid Digital Product Development

Process steps

Image © Richard Banfield, C. Todd Lombardo, and Trace Wax

www.DesigningInsights.com | www.DesignThinkingforMuseums.net

Page 13: Design Sprints for Awesome Teams: Running Design Sprints for Rapid Digital Product Development

Our process

UNDERSTAND DEFINE DIVERGE CONVERGE BUILD TEST

www.DesigningInsights.com | www.DesignThinkingforMuseums.net

Page 14: Design Sprints for Awesome Teams: Running Design Sprints for Rapid Digital Product Development

Our process

www.DesigningInsights.com | www.DesignThinkingforMuseums.net

Page 15: Design Sprints for Awesome Teams: Running Design Sprints for Rapid Digital Product Development

Image by the Stanford d.school

www.DesigningInsights.com | www.DesignThinkingforMuseums.net

Page 16: Design Sprints for Awesome Teams: Running Design Sprints for Rapid Digital Product Development

Human-centered

Bias toward action

Iterative

Collaborative

Mindsets

Yes, and

Embrace time constraints www.DesigningInsights.com | www.DesignThinkingforMuseums.net

Page 17: Design Sprints for Awesome Teams: Running Design Sprints for Rapid Digital Product Development

Typical Schedule

Monday Tuesday Wednesday Thursday Friday

UNDER-STAND

DEFINE DIVERGE BUILD TEST

CONVERGE

www.DesigningInsights.com | www.DesignThinkingforMuseums.net

Page 18: Design Sprints for Awesome Teams: Running Design Sprints for Rapid Digital Product Development

Before Before

www.DesigningInsights.com | www.DesignThinkingforMuseums.net

Page 19: Design Sprints for Awesome Teams: Running Design Sprints for Rapid Digital Product Development

After

www.DesigningInsights.com | www.DesignThinkingforMuseums.net

Page 20: Design Sprints for Awesome Teams: Running Design Sprints for Rapid Digital Product Development

Let’s dive in!

www.DesigningInsights.com | www.DesignThinkingforMuseums.net

Page 21: Design Sprints for Awesome Teams: Running Design Sprints for Rapid Digital Product Development

Five teams of 4-5

www.DesigningInsights.com | www.DesignThinkingforMuseums.net

Page 22: Design Sprints for Awesome Teams: Running Design Sprints for Rapid Digital Product Development

www.DesigningInsights.com | www.DesignThinkingforMuseums.net

Page 23: Design Sprints for Awesome Teams: Running Design Sprints for Rapid Digital Product Development

Image from flickr by Knight Center of Digital Excellence

your mission today:

Redesign the Los Angeles tourist

experience.

www.DesigningInsights.com | www.DesignThinkingforMuseums.net

Page 24: Design Sprints for Awesome Teams: Running Design Sprints for Rapid Digital Product Development

Understand: methods

immerse

observe

engage

www.DesigningInsights.com | www.DesignThinkingforMuseums.net

Page 25: Design Sprints for Awesome Teams: Running Design Sprints for Rapid Digital Product Development

What people say, what people do, and what they say they do are entirely different things. -Margaret Mead

www.DesigningInsights.com | www.DesignThinkingforMuseums.net

Page 26: Design Sprints for Awesome Teams: Running Design Sprints for Rapid Digital Product Development

Immerse

www.DesigningInsights.com | www.DesignThinkingforMuseums.net

Page 27: Design Sprints for Awesome Teams: Running Design Sprints for Rapid Digital Product Development

Immerse

www.DesigningInsights.com | www.DesignThinkingforMuseums.net

Page 28: Design Sprints for Awesome Teams: Running Design Sprints for Rapid Digital Product Development

Interviewing

www.DesigningInsights.com | www.DesignThinkingforMuseums.net

Page 29: Design Sprints for Awesome Teams: Running Design Sprints for Rapid Digital Product Development

Best practices

Encourage stories Use open-ended questions Always ask “Why?” Allow space for silence. Take notes!

www.DesigningInsights.com | www.DesignThinkingforMuseums.net

Page 30: Design Sprints for Awesome Teams: Running Design Sprints for Rapid Digital Product Development

Roles

Primary interviewer Secondary interviewer Note-taker Observer(s)

www.DesigningInsights.com | www.DesignThinkingforMuseums.net

Page 31: Design Sprints for Awesome Teams: Running Design Sprints for Rapid Digital Product Development

Starter questions

“What has been the best part of your experience in LA so far? Why?”

“What has been the worst part of your experience in LA so far? Why?”

“Tell me a story about a visit to another large city that stands out in your memory.”

www.DesigningInsights.com | www.DesignThinkingforMuseums.net

Page 32: Design Sprints for Awesome Teams: Running Design Sprints for Rapid Digital Product Development

www.DesigningInsights.com | www.DesignThinkingforMuseums.net

Page 33: Design Sprints for Awesome Teams: Running Design Sprints for Rapid Digital Product Development

Define Synthesize our information Begin to reframe the problem —and opportunities Identify user needs + insights

Image by Alan Cleaver on Unsplash

www.DesigningInsights.com | www.DesignThinkingforMuseums.net

Page 34: Design Sprints for Awesome Teams: Running Design Sprints for Rapid Digital Product Development

If I had 20 days to solve a problem, I would take 19 to define it. -Albert Einstein

www.DesigningInsights.com | www.DesignThinkingforMuseums.net

Page 35: Design Sprints for Awesome Teams: Running Design Sprints for Rapid Digital Product Development

Select 1 of your interviewees

3 min as a team

Which interview stands out the most? Which was the richest or most in-depth?

www.DesigningInsights.com | www.DesignThinkingforMuseums.net

Page 36: Design Sprints for Awesome Teams: Running Design Sprints for Rapid Digital Product Development

Needs and insights

Image by Alan Cleaver on Unsplash

www.DesigningInsights.com | www.DesignThinkingforMuseums.net

Page 37: Design Sprints for Awesome Teams: Running Design Sprints for Rapid Digital Product Development

Human emotional and physical necessities.

Verbs, not nouns

Opportunities, not solutions

Needs are…

www.DesigningInsights.com | www.DesignThinkingforMuseums.net

Page 38: Design Sprints for Awesome Teams: Running Design Sprints for Rapid Digital Product Development

Something you can see from the outside that your user cannot see.

An “aha,” a contradiction, a surprise

Insights are…

www.DesigningInsights.com | www.DesignThinkingforMuseums.net

Page 39: Design Sprints for Awesome Teams: Running Design Sprints for Rapid Digital Product Development

Examples

Insights:

What + why behind the needs

She wants to feel smarter than her brother—he’s been getting all the attention these days!

Needs:

Verbs, not nouns

To reach To get attention To gain knowledge To learn To feel like an adult

www.DesigningInsights.com | www.DesignThinkingforMuseums.net

Page 40: Design Sprints for Awesome Teams: Running Design Sprints for Rapid Digital Product Development

Your turn!

Insights:

What + why behind the needs

Needs:

Verbs, not nouns

www.DesigningInsights.com | www.DesignThinkingforMuseums.net

Page 41: Design Sprints for Awesome Teams: Running Design Sprints for Rapid Digital Product Development

www.DesigningInsights.com | www.DesignThinkingforMuseums.net

Page 42: Design Sprints for Awesome Teams: Running Design Sprints for Rapid Digital Product Development

Image by the Stanford d.school

www.DesigningInsights.com | www.DesignThinkingforMuseums.net

Page 43: Design Sprints for Awesome Teams: Running Design Sprints for Rapid Digital Product Development

www.DesigningInsights.com | www.DesignThinkingforMuseums.net

Page 44: Design Sprints for Awesome Teams: Running Design Sprints for Rapid Digital Product Development

Why do we use “How might we”?

Allow us to defer judgment during brainstorming

Focus brainstorming in actionable directions

www.DesigningInsights.com | www.DesignThinkingforMuseums.net

Page 45: Design Sprints for Awesome Teams: Running Design Sprints for Rapid Digital Product Development

Best practices

Use actionable verbs help, make, foster, encourage, promote, support, identify, celebrate

Don’t “bake in” the solution Can you think of at least 50 ways to solve it?

www.DesigningInsights.com | www.DesignThinkingforMuseums.net

Page 46: Design Sprints for Awesome Teams: Running Design Sprints for Rapid Digital Product Development

Write at least 5 HMW statements

5 min on your own

Use actionable verbs Don’t bake in the solution

Write ONE HMW per Post-it

Make them legible!

www.DesigningInsights.com | www.DesignThinkingforMuseums.net

Page 47: Design Sprints for Awesome Teams: Running Design Sprints for Rapid Digital Product Development

Post your HMWs on wall for team to see

www.DesigningInsights.com | www.DesignThinkingforMuseums.net

Page 48: Design Sprints for Awesome Teams: Running Design Sprints for Rapid Digital Product Development

www.DesigningInsights.com | www.DesignThinkingforMuseums.net

Page 49: Design Sprints for Awesome Teams: Running Design Sprints for Rapid Digital Product Development

Ideation rules

www.DesigningInsights.com | www.DesignThinkingforMuseums.net

Page 50: Design Sprints for Awesome Teams: Running Design Sprints for Rapid Digital Product Development

Build on ideas

Image by Susan Adams on Wikimedia Commons CC BY-SA 2.0

www.DesigningInsights.com | www.DesignThinkingforMuseums.net

Page 51: Design Sprints for Awesome Teams: Running Design Sprints for Rapid Digital Product Development

Go for quantity

Image by Gaetanlee on flickr CC BY 2.0

www.DesigningInsights.com | www.DesignThinkingforMuseums.net

Page 52: Design Sprints for Awesome Teams: Running Design Sprints for Rapid Digital Product Development

Go for wild ideas

build on ideas

go for quantity

Image by Eva Rinaldi on flickr CC BY-SA 2.0

www.DesigningInsights.com | www.DesignThinkingforMuseums.net

Page 53: Design Sprints for Awesome Teams: Running Design Sprints for Rapid Digital Product Development

Defer judgment

Image by David K on flickr CC BY-SA 2.0

www.DesigningInsights.com | www.DesignThinkingforMuseums.net

Page 54: Design Sprints for Awesome Teams: Running Design Sprints for Rapid Digital Product Development

Be visual + capture all ideas

build on ideas

go for quantity

www.DesigningInsights.com | www.DesignThinkingforMuseums.net

Page 55: Design Sprints for Awesome Teams: Running Design Sprints for Rapid Digital Product Development

Idea generation with Crazy 8s

5 min on your own

www.DesigningInsights.com | www.DesignThinkingforMuseums.net

Page 56: Design Sprints for Awesome Teams: Running Design Sprints for Rapid Digital Product Development

Who had the most?

Prizes!!!

www.DesigningInsights.com | www.DesignThinkingforMuseums.net

Page 57: Design Sprints for Awesome Teams: Running Design Sprints for Rapid Digital Product Development

Pick 1 idea + storyboard it

5 min on your own

www.DesigningInsights.com | www.DesignThinkingforMuseums.net

Page 58: Design Sprints for Awesome Teams: Running Design Sprints for Rapid Digital Product Development

Post + share

Post all storyboards on the wall

Elect a timekeeper in your team

Each individual gets 1 minute to share his/her solution with team mates

1 min per person

www.DesigningInsights.com | www.DesignThinkingforMuseums.net

Page 59: Design Sprints for Awesome Teams: Running Design Sprints for Rapid Digital Product Development

www.DesigningInsights.com | www.DesignThinkingforMuseums.net

Page 60: Design Sprints for Awesome Teams: Running Design Sprints for Rapid Digital Product Development

Image by the Stanford d.school

www.DesigningInsights.com | www.DesignThinkingforMuseums.net

Page 61: Design Sprints for Awesome Teams: Running Design Sprints for Rapid Digital Product Development

Sticker voting

Identify 1 idea that the team wants to move forward for prototyping

www.DesigningInsights.com | www.DesignThinkingforMuseums.net

Page 62: Design Sprints for Awesome Teams: Running Design Sprints for Rapid Digital Product Development

How it works

Stickers are like money—spend it where and how you want! Voting is a silent, solo activity

www.DesigningInsights.com | www.DesignThinkingforMuseums.net

Page 63: Design Sprints for Awesome Teams: Running Design Sprints for Rapid Digital Product Development

Criteria for today

Most likely to delight our user [ORANGE]

Easiest to implement/build [GREEN]

[You can use different criteria in your own sprint!] www.DesigningInsights.com | www.DesignThinkingforMuseums.net

Page 64: Design Sprints for Awesome Teams: Running Design Sprints for Rapid Digital Product Development

www.DesigningInsights.com | www.DesignThinkingforMuseums.net

Page 65: Design Sprints for Awesome Teams: Running Design Sprints for Rapid Digital Product Development

Image by the Stanford d.school

www.DesigningInsights.com | www.DesignThinkingforMuseums.net

Page 66: Design Sprints for Awesome Teams: Running Design Sprints for Rapid Digital Product Development

Product or service?

Welcome to LA!

www.DesigningInsights.com | www.DesignThinkingforMuseums.net

Page 67: Design Sprints for Awesome Teams: Running Design Sprints for Rapid Digital Product Development

Prototype examples

www.DesigningInsights.com | www.DesignThinkingforMuseums.net

Page 68: Design Sprints for Awesome Teams: Running Design Sprints for Rapid Digital Product Development

Mobile tour

www.DesigningInsights.com | www.DesignThinkingforMuseums.net

Page 69: Design Sprints for Awesome Teams: Running Design Sprints for Rapid Digital Product Development

Tablet app

www.DesigningInsights.com | www.DesignThinkingforMuseums.net

Page 70: Design Sprints for Awesome Teams: Running Design Sprints for Rapid Digital Product Development

Clickable wireframes

www.DesigningInsights.com | www.DesignThinkingforMuseums.net

Page 71: Design Sprints for Awesome Teams: Running Design Sprints for Rapid Digital Product Development

In-gallery interactive

www.DesigningInsights.com | www.DesignThinkingforMuseums.net

Page 72: Design Sprints for Awesome Teams: Running Design Sprints for Rapid Digital Product Development

Services

www.DesigningInsights.com | www.DesignThinkingforMuseums.net

Page 73: Design Sprints for Awesome Teams: Running Design Sprints for Rapid Digital Product Development

Assumption board

Idea:_____________

Assump&ons Testwith… Validatedif…

www.DesigningInsights.com | www.DesignThinkingforMuseums.net

Page 74: Design Sprints for Awesome Teams: Running Design Sprints for Rapid Digital Product Development

Examples

Idea:On-demand,personalized,privatetoursofLAwithlocalresidents(“Uberfortourists”) Assump&ons Testwith… Validatedif…

Touristswillwanttospendafewhourswithastrangerinhis/hercar

Fakesign-upform

Numberofsign-ups

DrivingaroundLAisagoodwaytoseethings

Takesomeoneonamocktour

Wecanseeaspecifiednumberofsightsonthetour

Localsknowenoughtoprovidegoodtours

Follow-upinterviewswithpassengerswhotakethemocktour

UsersposiMvelyrespondtothetour

www.DesigningInsights.com | www.DesignThinkingforMuseums.net

Page 75: Design Sprints for Awesome Teams: Running Design Sprints for Rapid Digital Product Development

Your turn

Idea:_____________

Assump&ons Testwith… Validatedif…

5 min as a team

www.DesigningInsights.com | www.DesignThinkingforMuseums.net

Page 76: Design Sprints for Awesome Teams: Running Design Sprints for Rapid Digital Product Development

www.DesigningInsights.com | www.DesignThinkingforMuseums.net

Page 77: Design Sprints for Awesome Teams: Running Design Sprints for Rapid Digital Product Development

Share prototypes Testing best practices

Hand over your prototype Show, don’t tell Remember your ethnographic mindset

www.DesigningInsights.com | www.DesignThinkingforMuseums.net

Page 78: Design Sprints for Awesome Teams: Running Design Sprints for Rapid Digital Product Development

Share prototypes Decide on roles

www.DesigningInsights.com | www.DesignThinkingforMuseums.net

Page 79: Design Sprints for Awesome Teams: Running Design Sprints for Rapid Digital Product Development

Share prototypes How many users?

Source: Nielsen, Jakob, and Landauer, Thomas K.: "A mathematical model of the finding of usability problems, "Proceedings of ACM INTERCHI'93 Conference (Amsterdam, The Netherlands, 24-29 April 1993), pp. 206-213.

www.DesigningInsights.com | www.DesignThinkingforMuseums.net

Page 80: Design Sprints for Awesome Teams: Running Design Sprints for Rapid Digital Product Development

Design thinking resources

www.DesigningInsights.com | www.DesignThinkingforMuseums.net

Page 81: Design Sprints for Awesome Teams: Running Design Sprints for Rapid Digital Product Development

Tips for running your own sprints

www.DesigningInsights.com | www.DesignThinkingforMuseums.net

Page 82: Design Sprints for Awesome Teams: Running Design Sprints for Rapid Digital Product Development

Find a good space

www.DesigningInsights.com | www.DesignThinkingforMuseums.net

Page 83: Design Sprints for Awesome Teams: Running Design Sprints for Rapid Digital Product Development

Invite a cross-functional group

www.DesigningInsights.com | www.DesignThinkingforMuseums.net

Page 84: Design Sprints for Awesome Teams: Running Design Sprints for Rapid Digital Product Development

Set your schedule

Monday Tuesday Wednesday Thursday Friday

Understand Define Diverge Build Test

Converge

Five-Day Sprint

www.DesigningInsights.com | www.DesignThinkingforMuseums.net

Page 85: Design Sprints for Awesome Teams: Running Design Sprints for Rapid Digital Product Development

Set your schedule

Day 1 Day 2 Day 3

Understand Diverge Build

Define Converge

Test

Three-Day Sprint

www.DesigningInsights.com | www.DesignThinkingforMuseums.net

Page 86: Design Sprints for Awesome Teams: Running Design Sprints for Rapid Digital Product Development

Set your schedule

Day 1 Day 2 Understand Converge

Define Build

Diverge Test

Two-Day Sprint

www.DesigningInsights.com | www.DesignThinkingforMuseums.net

Page 87: Design Sprints for Awesome Teams: Running Design Sprints for Rapid Digital Product Development

Assemble your supplies

www.DesigningInsights.com | www.DesignThinkingforMuseums.net

Page 88: Design Sprints for Awesome Teams: Running Design Sprints for Rapid Digital Product Development

Appoint two sprint masters

www.DesigningInsights.com | www.DesignThinkingforMuseums.net

Page 89: Design Sprints for Awesome Teams: Running Design Sprints for Rapid Digital Product Development

Ideal group size is between 7-16

www.DesigningInsights.com | www.DesignThinkingforMuseums.net

Page 90: Design Sprints for Awesome Teams: Running Design Sprints for Rapid Digital Product Development

Establish device rules

www.DesigningInsights.com | www.DesignThinkingforMuseums.net

Page 91: Design Sprints for Awesome Teams: Running Design Sprints for Rapid Digital Product Development

Make it fun!

www.DesigningInsights.com | www.DesignThinkingforMuseums.net

Page 92: Design Sprints for Awesome Teams: Running Design Sprints for Rapid Digital Product Development

Resources

Thoughtbot Playbook http://playbook.thoughtbot.com

https://github.com/thoughtbot/guides

Google Ventures Design Sprint http://www.gv.com/sprint/

Google Design Sprint Methods Playbook

https://developers.google.com/design-sprint/product/

www.DesigningInsights.com | www.DesignThinkingforMuseums.net

Page 93: Design Sprints for Awesome Teams: Running Design Sprints for Rapid Digital Product Development

www.DesigningInsights.com | www.DesignThinkingforMuseums.net

Page 94: Design Sprints for Awesome Teams: Running Design Sprints for Rapid Digital Product Development

http://www.thesprintbook.com/sprint-week

April 18 www.DesigningInsights.com | www.DesignThinkingforMuseums.net

Page 95: Design Sprints for Awesome Teams: Running Design Sprints for Rapid Digital Product Development

Prototyping tools

Paper and Post-its Balsamiq Keynote Keynotopia Proto.io Flinto Axure InVision InDesign www.DesigningInsights.com | www.DesignThinkingforMuseums.net

Page 96: Design Sprints for Awesome Teams: Running Design Sprints for Rapid Digital Product Development

Retrospective

I learned... I wonder… I’m going to try…

www.DesigningInsights.com | www.DesignThinkingforMuseums.net

Page 97: Design Sprints for Awesome Teams: Running Design Sprints for Rapid Digital Product Development

!