design sprints for awesome teams: workshop at museums & the web 2017

97
Design Sprints for Awesome Teams Running Design Sprints for Rapid Digital Product Development Image by citizenoftheworld on flickr / CC 2.0 Museums and the Web 2017 Los Angeles, CA | April 19, 2017 Dana MitroSilvers and Ahree Lee Designing Insights designing insights

Upload: dana-mitroff-silvers

Post on 23-Jan-2018

567 views

Category:

Internet


0 download

TRANSCRIPT

Page 1: Design Sprints for Awesome Teams: Workshop at Museums & the Web 2017

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

Image by citizenoftheworld on flickr / CC 2.0

Museums and the Web 2017 Los Angeles, CA | April 19, 2017 Dana Mitroff Silvers and Ahree Lee Designing Insights

designing insights

Page 2: Design Sprints for Awesome Teams: Workshop at Museums & the Web 2017

@ahreelee@dmitroff

Dana Ahree

#DesignSprint #DesignThinking #MW17

Introductions

Page 3: Design Sprints for Awesome Teams: Workshop at Museums & the Web 2017

What are we talking about today?

DESIGN THINKING AGILEDESIGN

SPRINTS

Page 4: Design Sprints for Awesome Teams: Workshop at Museums & the Web 2017

A codified, repeatable process for problem-solving, creativity, and innovation.

What is design thinking?

Page 5: Design Sprints for Awesome Teams: Workshop at Museums & the Web 2017

What is agile?

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

iterative releases, and adaptive planning.

Image by Dave Gray on flickr / CC BY-ND 2.0

Page 6: Design Sprints for Awesome Teams: Workshop at Museums & the Web 2017

What are design sprints?

A multi-step team process for answering critical questions through researching,

prototyping, and testing ideas with customers.

Page 7: Design Sprints for Awesome Teams: Workshop at Museums & the Web 2017

Our process

7

Page 8: Design Sprints for Awesome Teams: Workshop at Museums & the Web 2017

Sample sprint schedule

Monday Tuesday Wednesday Thursday Friday

UNDER-STAND DEFINE

DIVERGEBUILD TEST

CONVERGE

Page 9: Design Sprints for Awesome Teams: Workshop at Museums & the Web 2017

Image by the Stanford d.school

Page 10: Design Sprints for Awesome Teams: Workshop at Museums & the Web 2017

Let’s dive in!

Page 11: Design Sprints for Awesome Teams: Workshop at Museums & the Web 2017

Image from flickr by Carlos Javier / CC BY 2.0

your mission today:

Redesign the Cleveland visitor experience.

Page 12: Design Sprints for Awesome Teams: Workshop at Museums & the Web 2017
Page 13: Design Sprints for Awesome Teams: Workshop at Museums & the Web 2017

Understand: methods

immerseobserveengage

Page 14: Design Sprints for Awesome Teams: Workshop at Museums & the Web 2017

Immerse

Image courtesyMaryanna Rogers

Page 15: Design Sprints for Awesome Teams: Workshop at Museums & the Web 2017

What? How? Why?

Observe

Page 16: Design Sprints for Awesome Teams: Workshop at Museums & the Web 2017

What people say, what peopledo, and what they say they doare entirely different things. -Margaret Mead

Page 17: Design Sprints for Awesome Teams: Workshop at Museums & the Web 2017

What? How? Why?

Engage

Page 18: Design Sprints for Awesome Teams: Workshop at Museums & the Web 2017

Understand: Your turn

Page 19: Design Sprints for Awesome Teams: Workshop at Museums & the Web 2017

Interview best practices

Encourage stories

Use open-ended questions

Always ask “Why?”

Allow space for silence

Take notes!

Page 20: Design Sprints for Awesome Teams: Workshop at Museums & the Web 2017

Roles

Volunteer interviewee (should not be someone who lives in Cleveland)

Primary interviewer

Note-taker / Observer(s)

Page 21: Design Sprints for Awesome Teams: Workshop at Museums & the Web 2017

Decide on your roles

Interviewee moves to another team

Page 22: Design Sprints for Awesome Teams: Workshop at Museums & the Web 2017

Conversation guide 3 rounds

Have you been here before?(If yes) Tell me about the best part of that experience. (If no, move on to next question)

What are you looking forward to experiencing in Cleveland? Why?

Tell me a story about a visit to another city that stands out in your memory. What was the best part of that experience? Why?What was the worst part of that experience? Why?

4 minutes x 3 interviews

Page 23: Design Sprints for Awesome Teams: Workshop at Museums & the Web 2017
Page 24: Design Sprints for Awesome Teams: Workshop at Museums & the Web 2017

Define

Synthesize our information

Begin to reframe the problems and opportunities

Identify user needs + insights

Image by Alan Cleaver on Unsplash

Page 25: Design Sprints for Awesome Teams: Workshop at Museums & the Web 2017

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

Page 26: Design Sprints for Awesome Teams: Workshop at Museums & the Web 2017

Human emotional and physical necessities.

Verbs, not nouns Opportunities, not solutions

Needs are…

Page 27: Design Sprints for Awesome Teams: Workshop at Museums & the Web 2017

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

An “aha,” a contradiction, a surprise

Insights are…

Page 28: Design Sprints for Awesome Teams: Workshop at Museums & the Web 2017

What does this girl need?

Page 29: Design Sprints for Awesome Teams: Workshop at Museums & the Web 2017

Needs + insights mapping

Insights:What + why behind the needs

Needs: Verbs, not nouns

Page 30: Design Sprints for Awesome Teams: Workshop at Museums & the Web 2017

Examples

Insights:What + why behind the needs To reach

To get

attention

To gain knowledge

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

To feel like an adult

Needs: Verbs, not nouns

Page 31: Design Sprints for Awesome Teams: Workshop at Museums & the Web 2017

Select 1 of your 3 interviewees

Which interviewstands out the most?

Which was the richest or most surprising?

Page 32: Design Sprints for Awesome Teams: Workshop at Museums & the Web 2017

Your turn!

Needs: Verbs, not nouns

10 min as a team

Insights:What + why behind the needs

At least 2

At least 5

Page 33: Design Sprints for Awesome Teams: Workshop at Museums & the Web 2017
Page 34: Design Sprints for Awesome Teams: Workshop at Museums & the Web 2017

Image by the Stanford d.school

Page 35: Design Sprints for Awesome Teams: Workshop at Museums & the Web 2017
Page 36: Design Sprints for Awesome Teams: Workshop at Museums & the Web 2017

Why do we use “How might we”?

Allow us to defer judgment during brainstorming

Focus brainstorming in actionable directions

Page 37: Design Sprints for Awesome Teams: Workshop at Museums & the Web 2017

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?

Page 38: Design Sprints for Awesome Teams: Workshop at Museums & the Web 2017

Actionable verbs

achieve align amplify assemble build change connect construct create customize develop disrupt educate empower

encourage energize engage explore generate help ignite imagine increase inspire instill invent leverage maximize

motivate organize produce rally reduce reflect reframe replicate repurpose serve solve support transform unleash

Based on the work of Mary Cantwell at www.DEEPdesignthinking.com.

Page 39: Design Sprints for Awesome Teams: Workshop at Museums & the Web 2017

Examples

How might we help her feel like an adult?

HMW support her independence?

HMW build on her thirst for knowledge?

HMW ignite a life-long love for reading?

HMW channel her annoyance with her brother into something positive?

Page 40: Design Sprints for Awesome Teams: Workshop at Museums & the Web 2017

Write at least 5 HMW statements

4 min on your own

Use actionable verbs

Don’t bake in the solution

Write ONE HMW per Post-it Make them legible!

Page 41: Design Sprints for Awesome Teams: Workshop at Museums & the Web 2017

Post your HMWs on wall for team to see

1 min on your own

Page 42: Design Sprints for Awesome Teams: Workshop at Museums & the Web 2017

The best way to have a good idea is to have lots of ideas.

-Linus Pauling

Page 43: Design Sprints for Awesome Teams: Workshop at Museums & the Web 2017
Page 44: Design Sprints for Awesome Teams: Workshop at Museums & the Web 2017

Warm-up:Remember our trip to …?

44

Page 45: Design Sprints for Awesome Teams: Workshop at Museums & the Web 2017

Brainstorm rules

Build on ideas / “yes, and”

Go for quantity

Go for wild ideas

Defer judgment

Be visual + capture all ideas

Page 46: Design Sprints for Awesome Teams: Workshop at Museums & the Web 2017

Idea generation with Crazy 8s

5 min on your own

Page 47: Design Sprints for Awesome Teams: Workshop at Museums & the Web 2017

Who had the most?

Prizes!!!

Page 48: Design Sprints for Awesome Teams: Workshop at Museums & the Web 2017

Pick one idea and storyboard it out

6 min on your own

Page 49: Design Sprints for Awesome Teams: Workshop at Museums & the Web 2017

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

Page 50: Design Sprints for Awesome Teams: Workshop at Museums & the Web 2017
Page 51: Design Sprints for Awesome Teams: Workshop at Museums & the Web 2017

Image by the Stanford d.school

Page 52: Design Sprints for Awesome Teams: Workshop at Museums & the Web 2017

Sticker voting

Identify 1 idea that the team would want to move forward for prototyping

52

Page 53: Design Sprints for Awesome Teams: Workshop at Museums & the Web 2017

How it works

Stickers are like money—spend it where and how you want!

Voting is a silent, solo activity

Page 54: Design Sprints for Awesome Teams: Workshop at Museums & the Web 2017

Criteria

Most likely to delight our user RED

Easiest to implement/build BLUE

[You can use different criteria in your own sprint!]

Most game-changing/breakthrough YELLOW

Page 55: Design Sprints for Awesome Teams: Workshop at Museums & the Web 2017

Silent voting on your own

3 min on your own

Most likely to delight our user RED

Easiest to implement/build BLUE

Most game-changing/breakthrough YELLOW

Page 56: Design Sprints for Awesome Teams: Workshop at Museums & the Web 2017

Come to consensus

4 min as a team

Most likely to delight our user RED

Easiest to implement/build BLUE

Most game-changing/breakthrough YELLOW

Page 57: Design Sprints for Awesome Teams: Workshop at Museums & the Web 2017
Page 58: Design Sprints for Awesome Teams: Workshop at Museums & the Web 2017

Image by the Stanford d.school

Page 59: Design Sprints for Awesome Teams: Workshop at Museums & the Web 2017

Product or service?

Welcome

to

Cleveland

Page 60: Design Sprints for Awesome Teams: Workshop at Museums & the Web 2017

Prototype examples

Page 61: Design Sprints for Awesome Teams: Workshop at Museums & the Web 2017

Mobile app

Image courtesy Ellen Deutscher

Page 62: Design Sprints for Awesome Teams: Workshop at Museums & the Web 2017

Mobile tour

Page 63: Design Sprints for Awesome Teams: Workshop at Museums & the Web 2017

In-gallery interactive

Page 64: Design Sprints for Awesome Teams: Workshop at Museums & the Web 2017

#mw2014proto

Program

Page 65: Design Sprints for Awesome Teams: Workshop at Museums & the Web 2017

Services

Page 66: Design Sprints for Awesome Teams: Workshop at Museums & the Web 2017

Web interface

Page 67: Design Sprints for Awesome Teams: Workshop at Museums & the Web 2017
Page 68: Design Sprints for Awesome Teams: Workshop at Museums & the Web 2017

Hand over your prototype

Don’t ”sell” your idea

Ask “Why?”

Testing best practices

Page 69: Design Sprints for Awesome Teams: Workshop at Museums & the Web 2017

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.

Page 70: Design Sprints for Awesome Teams: Workshop at Museums & the Web 2017

70

Name your prototype.Something short and memorable. Example: Uber for tourists

Your names.

PROTOTYPE PLANNING WORKSHEET

Describe it in one sentence. Example: On-demand, personalized, private tours of Cleveland with local residents

Test your assumptions.

Attach your winning storyboard here.Tape it down.

Assumption Test with… Validated if…

Example: Tourists will want to spend a few

hours with a stranger in his/her car

Fake sign-up form Number of sign-ups

Example: Locals know enough to provide

good tours

Follow-up interviews with passengers who

take the mock tour

Users respond positively to the tour

Design Sprints for Awesome Teams, Dana Mitroff Silvers and Ahree Lee, Museums and the Web 2017www.designinginsights.com

Prototype planning worksheet

Page 71: Design Sprints for Awesome Teams: Workshop at Museums & the Web 2017

71

Name your prototype.Something short and memorable. Example: Uber for tourists

Your names.

PROTOTYPE PLANNING WORKSHEET

Describe it in one sentence. Example: On-demand, personalized, private tours of Cleveland with local residents

Test your assumptions.

Attach your winning storyboard here.Tape it down.

Assumption Test with… Validated if…

Example: Tourists will want to spend a few

hours with a stranger in his/her car

Fake sign-up form Number of sign-ups

Example: Locals know enough to provide

good tours

Follow-up interviews with passengers who

take the mock tour

Users respond positively to the tour

Design Sprints for Awesome Teams, Dana Mitroff Silvers and Ahree Lee, Museums and the Web 2017www.designinginsights.com

Prototype planning worksheet

Page 72: Design Sprints for Awesome Teams: Workshop at Museums & the Web 2017

Name your prototype.Something short and memorable. Example: Uber for tourists

Your names.

PROTOTYPE PLANNING WORKSHEET

Describe it in one sentence. Example: On-demand, personalized, private tours of Cleveland with local residents

Test your assumptions.

Attach your winning storyboard here.Tape it down.

Assumption Test with… Validated if…

Example: Tourists will want to spend a few

hours with a stranger in his/her car

Fake sign-up form Number of sign-ups

Example: Locals know enough to provide

good tours

Follow-up interviews with passengers who

take the mock tour

Users respond positively to the tour

Design Sprints for Awesome Teams, Dana Mitroff Silvers and Ahree Lee, Museums and the Web 2017www.designinginsights.com

Test your assumptions

Page 73: Design Sprints for Awesome Teams: Workshop at Museums & the Web 2017

73

Name your prototype.Something short and memorable. Example: Uber for tourists

Your names.

PROTOTYPE PLANNING WORKSHEET

Describe it in one sentence. Example: On-demand, personalized, private tours of Cleveland with local residents

Test your assumptions.

Attach your winning storyboard here.Tape it down.

Assumption Test with… Validated if…

Example: Tourists will want to spend a few

hours with a stranger in his/her car

Fake sign-up form Number of sign-ups

Example: Locals know enough to provide

good tours

Follow-up interviews with passengers who

take the mock tour

Users respond positively to the tour

Design Sprints for Awesome Teams, Dana Mitroff Silvers and Ahree Lee, Museums and the Web 2017www.designinginsights.com

10 min as a team

Prototype planning worksheet

Page 74: Design Sprints for Awesome Teams: Workshop at Museums & the Web 2017

Name your prototype.Something short and memorable. Example: Uber for tourists

Your names.

PROTOTYPE PLANNING WORKSHEET

Describe it in one sentence. Example: On-demand, personalized, private tours of Cleveland with local residents

Test your assumptions.

Attach your winning storyboard here.Tape it down.

Assumption Test with… Validated if…

Example: Tourists will want to spend a few

hours with a stranger in his/her car

Fake sign-up form Number of sign-ups

Example: Locals know enough to provide

good tours

Follow-up interviews with passengers who

take the mock tour

Users respond positively to the tour

Design Sprints for Awesome Teams, Dana Mitroff Silvers and Ahree Lee, Museums and the Web 2017www.designinginsights.com

2 minutes per team74

Share-outs

Page 75: Design Sprints for Awesome Teams: Workshop at Museums & the Web 2017

Wrapping up

Page 76: Design Sprints for Awesome Teams: Workshop at Museums & the Web 2017

Case study: The British Museum

Page 77: Design Sprints for Awesome Teams: Workshop at Museums & the Web 2017

“How might we improve wayfinding in the British Museum?”

Page 78: Design Sprints for Awesome Teams: Workshop at Museums & the Web 2017

Start small

Page 79: Design Sprints for Awesome Teams: Workshop at Museums & the Web 2017
Page 80: Design Sprints for Awesome Teams: Workshop at Museums & the Web 2017

Design thinking resources

https://www.youtube.com/watch?v=szr0ezLyQHY

Page 81: Design Sprints for Awesome Teams: Workshop at Museums & the Web 2017

Tips for running your own sprints

Page 82: Design Sprints for Awesome Teams: Workshop at Museums & the Web 2017

Find a flexible space

Plenty of wall space Food, music, and mess OK!

Page 83: Design Sprints for Awesome Teams: Workshop at Museums & the Web 2017

Invite a cross-functional group

Page 84: Design Sprints for Awesome Teams: Workshop at Museums & the Web 2017

Ideal group size is between 6-16

Page 85: Design Sprints for Awesome Teams: Workshop at Museums & the Web 2017

Appoint two sprint masters

Page 86: Design Sprints for Awesome Teams: Workshop at Museums & the Web 2017

Make your sprint work visible

Page 87: Design Sprints for Awesome Teams: Workshop at Museums & the Web 2017

Set your schedule

Monday Tuesday Wednesday Thursday Friday

Understand DefineDiverge

Build TestConverge

Day 1 Day 2

Understand Converge

Define Build

Diverge Test

Or whatever schedule works for you!

Page 88: Design Sprints for Awesome Teams: Workshop at Museums & the Web 2017

Assemble your supplies

Page 89: Design Sprints for Awesome Teams: Workshop at Museums & the Web 2017

Establish device rules

Image by Devon Christopher Adams on Flickr /https://www.flickr.com/photos/nooccar/10393631416/

Page 90: Design Sprints for Awesome Teams: Workshop at Museums & the Web 2017

Image by Devon Christopher Adams on Flickr /https://www.flickr.com/photos/nooccar/10393631416/

Make it fun!

Page 91: Design Sprints for Awesome Teams: Workshop at Museums & the Web 2017

Resources

Page 92: Design Sprints for Awesome Teams: Workshop at Museums & the Web 2017

Resources

www.thesprintbook.com

Page 93: Design Sprints for Awesome Teams: Workshop at Museums & the Web 2017

www.thesprintbook.com/sprintbot

Page 94: Design Sprints for Awesome Teams: Workshop at Museums & the Web 2017

Resources

Thoughtbot Playbookhttp://playbook.thoughtbot.com

Google Design Sprint Methods Playbookhttps://developers.google.com/design-sprint/product/

Page 95: Design Sprints for Awesome Teams: Workshop at Museums & the Web 2017

Prototyping tools

Paper Keynote KeynotopiaMarvelInVisionInDesignand many others!

Page 96: Design Sprints for Awesome Teams: Workshop at Museums & the Web 2017

UNPAK

Retrospective

I Like I Learned I Wonder

Page 97: Design Sprints for Awesome Teams: Workshop at Museums & the Web 2017

[email protected] @dmitroff [email protected] @ahreelee

DesignThinkingforMuseums.net DesigningInsights.com

Thank you!