Design Sprints for Developers

Slide 1

Slide 1 text

for developers @iamctodd #designsprint design s

Slide 2

Slide 2 text

warm-up challenge #1

Slide 3

Slide 3 text

warm-up challenge #2

Slide 4

Slide 4 text

How do you know the code you write will be used?

Slide 5

Slide 5 text

A tale of an idea

Slide 6

Slide 6 text

“Example” quotes.

Slide 7

Slide 7 text

A team of 12 ..?! $90k..??

Slide 8

Slide 8 text

no. @#$%’n. way.

Slide 9

Slide 9 text

No content

Slide 10

Slide 10 text

No content

Slide 11

Slide 11 text

11 evolution revolution Innovation Team Existing CTCT Team MVC Minimum Viable Concept MVP Minimum Viable Product build clarify scale New Team PRODUCT pilot integrate Project Team EXISTING PRODUCT

Slide 12

Slide 12 text

design

Slide 13

Slide 13 text

No content

Slide 14

Slide 14 text

https://github.com/thoughtbot/design-sprint

Slide 15

Slide 15 text

NAMES design sprint

Slide 16

Slide 16 text

design spike

Slide 17

Slide 17 text

product discovery

Slide 18

Slide 18 text

discovery session

Slide 19

Slide 19 text

deep dive

Slide 20

Slide 20 text

discovery sprint

Slide 21

Slide 21 text

! Understand Diverge Converge Build Test

Slide 22

Slide 22 text

Source: gv.com; thoughtbot.com; smashngmagazine.com Empathize Define Prototype Test Ideate Discovery Interpretation Experimentation Evolution Ideation

Slide 23

Slide 23 text

Define Understand Build Test Ideate Understand Diverge Prototype Validate Decide 2013 Unpack Sketch Prototype Test Decide 2015 Understand Diverge Build Test Converge Empathize Define Prototype Test Ideate

Slide 24

Slide 24 text

IDEO XPLANE CHESKIN CONIFER COOPER FROG FITCH MELVILLE

Slide 25

Slide 25 text

Phase 1 Understand Phase 2 Diverge Phase 3 Converge Phase 4 Build Phase 5 Test Get the Background Gear Up Scrutinize Your Work Build Prototype Test Interviews Get Inspired Generate Solutions Team Sketching Structure Interviews Daily Retrospective Deﬁne the Problem Daily Retrospective Prototype Sketch Daily Retrospective Project Wrap-up Know the User Daily Retrospective Finish Prototype Daily Retrospective !

Slide 26

Slide 26 text

No content

Slide 27

Slide 27 text

understand Get the Background Introductions Rules of the Design Sprint Introduce the Idea Parking Lot Review Agenda Pitch Practice Review Research and Past Work ! Get Inspired Goals & Anti-goals Existing Product, Competitors, and Substitutes Facts and Assumptions ! Define the Problem Problem Statement Challenge Map(s) ! Know the User Who / Do Personas User Journey Map ! Wrap-up Daily Retrospective

Slide 28

Slide 28 text

Slide 29

Slide 29 text

pitch practice

Slide 30

Slide 30 text

facts, assumptions, questions

Slide 31

Slide 31 text

assumptions questions facts

Slide 32

Slide 32 text

what’s an assumption?

Slide 33

Slide 33 text

Connect 9 dots Use four straight lines or less Do not lift pen once you start No reversing

Slide 34

Slide 34 text

No content

Slide 35

Slide 35 text

ten minutes...

Slide 36

Slide 36 text

questions

Slide 37

Slide 37 text

five minutes...

Slide 38

Slide 38 text

so.. what’s the problem?

Slide 39

Slide 39 text

problem statement

Slide 40

Slide 40 text

user journey

Slide 41

Slide 41 text

No content

Slide 42

Slide 42 text

ten minutes...

Slide 43

Slide 43 text

diverge Gear Up Review Agenda and Rules Pitch Practice Background Phase Recap Job-Stories ! Generate Solutions Mind Map 8-Ups (aka Crazy Eights) Storyboard Silent critique Group critique Super vote ! Wrap-up Daily Retrospective

Slide 44

Slide 44 text

diverge Gear Up Review Agenda and Rules Pitch Practice Background Phase Recap Job-Stories ! Generate Solutions Mind Map 6-Ups (aka Crazy Eights) Storyboard Silent critique Group critique Super vote ! Wrap-up Daily Retrospective

Slide 45

Slide 45 text

job stories

Slide 46

Slide 46 text

When ___SITUATION___ happens, I want/need __MOTIVATION__ so that I can __OUTCOME__.

Slide 47

Slide 47 text

three minutes...

Slide 48

Slide 48 text

six-up: six different ideas in 5 minutes

Slide 49

Slide 49 text

No content

Slide 50

Slide 50 text

five minutes...

Slide 51

Slide 51 text

@iamctodd #designsprint break 3:00 to 3:30pm

Slide 52

Slide 52 text

storyboard

Slide 53

Slide 53 text

No content

Slide 54

Slide 54 text

ten minutes...

Slide 55

Slide 55 text

converge Get Started Describe Converge Pitch Practice (yes, again!) ! Scrutinize Your Work Recap Background $100 Test Assumptions Table Identify Alternative ! Wireframe Prototype Team Sketching - I Ritual Dissent Team Sketching – II Final Sketch ! Wrap-up Daily Retrospective

Slide 56

Slide 56 text

Slide 57

Slide 57 text

dot vote venn diagram 2x2 matrix

Slide 58

Slide 58 text

assumptions table

Slide 59

Slide 59 text

No content

Slide 60

Slide 60 text

ten minutes...

Slide 61

Slide 61 text

wireframe

Slide 62

Slide 62 text

No content

Slide 63

Slide 63 text

ten minutes...

Slide 64

Slide 64 text

build Prototype Refine Screens Build it! ! Test Interview Prep Define Pre-roll questions Define Tasks Define post-roll questions Confirm Interviews ! Wrap-up Daily Retrospective

Slide 65

Slide 65 text

build Prototype Refine Screens Build it! ! Confirm Interviews Define Pre-roll questions Define Tasks Define post-roll questions Confirm Interviews ! Wrap-up Daily Retrospective

Slide 66

Slide 66 text

66 Lo Hi Interactive Fidelity Hi

Slide 67

Slide 67 text

paper prototype

Slide 68

Slide 68 text

interview structure

Slide 69

Slide 69 text

Pre-roll questions Tasks / Interview Post-roll questions

Slide 70

Slide 70 text

ten minutes...

Slide 71

Slide 71 text

test ! Interviews #1 #2 #3 #4 #5 #6 ! ! Wrap-up Daily Retrospective Sprint Retrospective !

Slide 72

Slide 72 text

test ! Interviews #1 #2 #3 #4 #5 #6 ! ! Wrap-up Daily Retrospective Sprint Retrospective !

Slide 73

Slide 73 text

Slide 74

Slide 74 text

test with two teams

Slide 75

Slide 75 text

five minutes...

Slide 76

Slide 76 text

five minutes... second test

Slide 77

Slide 77 text

what .. worked? ..was validated?

Slide 78

Slide 78 text

retrospective

Slide 79

Slide 79 text

what’s next?

Slide 80

Slide 80 text

} } } DESIGN SPRINT JUMP START AGILE SCRUM Define Understand Build Test Ideate WEEK 1 Refine Build Test WEEK 2 Refine Build Test WEEK 3 Refine Build Test WEEK 4

Slide 81

Slide 81 text

source: SMashing Mag/D. Dimmick SPRINT

Slide 82

Slide 82 text

! Understand Diverge Converge Build Test

Slide 83

Slide 83 text

MORE? hello@ctodd.com @iamctodd Early Release on O’Reilly Media designsprintbook.com design

Slide 84

Slide 84 text

@iamctodd #designsprint design s

Slide 85

Slide 85 text

get answers .. by talking to users!

Slide 86

Slide 86 text

A = Interviewer B = Speaker C = Observer

Slide 87

Slide 87 text

Observation

Slide 88

Slide 88 text

one minute...

Slide 89

Slide 89 text

C = Interviewer A = Speaker B = Observer

Slide 90

Slide 90 text

one minute...

Slide 91

Slide 91 text

B = Interviewer C = Speaker A = Observer

Slide 92

Slide 92 text

one minute...

Slide 93

Slide 93 text

what did you.. see? hear? observe?

Slide 94

Slide 94 text

Thought Process Observation Insight Trend Refined Problem

Slide 95

Slide 95 text

Observation Observation Insight Trend

Slide 96

Slide 96 text

reframe it

Slide 97

Slide 97 text

Too Broad HMW redesign dessert? Just Right HMW redesign ice-cream to be more portable? Too Narrow HMW design a cone for ice cream that won’t drip?

Slide 98

Slide 98 text

what are you solving for? really