goodbye specs hello prototypes

70
GOODBYE SPECS, HELLO PROTOTYPES! @BRANDONSATROM SATROM@TELERIK.COM

Upload: brandon-satrom

Post on 12-Nov-2014

209 views

Category:

Technology


7 download

DESCRIPTION

As a developer, architect and now Product Manager, I've spent most of my career trying to turn software ideas into reality. For many years, I worked on teams that adhered to the Way of the Functional Spec, an ancient practice whereby a product leader spends countless hours producing a document that uses text to describe the future state of software, only to see that document become useless by the time the first line of code is written. Over the years, I've experimented with all of the agile and Product Management techniques designed to help drive down uncertainty in software and foster clear, high-fidelity collaboration between product leaders, designers and engineers. Some have been useful, others not. About two years ago, a few product teams at my current company began toying with the idea of replacing our existing spec work with prototyping. Instead of working with text-based docs, a PM would work with an Interaction Design to create an interactive piece of software that conveys the vision for a product or feature. This was one of the best decisions we ever made. High-fidelity prototyping is now a critical component of our product workflow, and we've become addicted to using these assets for collaborating with customers and internal teams alike. In this session, I'll will share how one software company abandoned functional specs and PRDs for the green pastures of prototyping. Using a case study format, I'll share challenges we overcame, victories we experienced and tips for embedding a full-on Prototyping workflow in any software organization.

TRANSCRIPT

Page 1: Goodbye Specs Hello Prototypes

GOODBYE SPECS, HELLO PROTOTYPES!

@BRANDONSATROM [email protected]

Page 2: Goodbye Specs Hello Prototypes

3 BIG IDEAS

Page 3: Goodbye Specs Hello Prototypes

V i s u a l s o f t w a r e c a n n o t b e p r o p e r l y e x p r e s s e d

w i t h t e x t

1

Page 4: Goodbye Specs Hello Prototypes

P r o t o t y p i n g i s a n e x c e l l e n t t o o l f o r c o m m u n i c a t i o n

a n d v a l i d a t i o n

2

Page 5: Goodbye Specs Hello Prototypes

P r o t o t y p i n g w o r k s b e s t w h e n d r i v e n b y g r e a t d e s i g n e r s , P M s a n d c o m p l i m e n t e d b y

g r e a t t o o l s .

3

Page 6: Goodbye Specs Hello Prototypes

OBLIGATORY YMMV SLIDE!

I am not a designer

6

Page 7: Goodbye Specs Hello Prototypes

ANOTHER OBLIGATORY YMMV

I am a product manager

7

Page 8: Goodbye Specs Hello Prototypes

TEXT

Page 9: Goodbye Specs Hello Prototypes

(Or, how to waste immeasurable amounts of time not building software)

A BRIEF HISTORY OF SPECS

Page 10: Goodbye Specs Hello Prototypes

THE EARLY AGE OF SPECS

10

Page 11: Goodbye Specs Hello Prototypes

“Ο γραπτός λόγος είναι το πιο οπτική όλων των µέσων, και πρέπει να είναι όλα αυτά που η ανθρωπότητα χρειάζεται για να δηµιουργήσετε όµορφα κτίρια, κατασκευή θαύµατα και να σχεδιάσετε το επόµενο iPhone, το οποίο άκουσα θα έρθει σε 3 ένδοξη µεγέθη.”

- Specificitus, On Text, 136 BC

THE EARLY AGE OF SPECS

10

Page 12: Goodbye Specs Hello Prototypes

THE EARLY AGE OF SPECS

11

Page 13: Goodbye Specs Hello Prototypes

“The written word is the most visual of allmediums, and should be all that mankindrequires in order to create beautiful buildings,construct wonders and to design the nextiPhone, which I heard will come in 3 glorioussizes.”

- Specificitus, On Text, 136 BC

THE EARLY AGE OF SPECS

11

Page 14: Goodbye Specs Hello Prototypes

“Προσπαθώντας να αντιπροσωπεύουν οπτικά δηµιουργίες χρησιµοποιώντας µόνο τη γλώσσα µας µπορεί να αποδώσει µόνο ρηχά αντίγραφα του τι οραµατιζόµαστε στο µυαλό µας. Είναι µόνο µέσω της χρήσης των εικόνων µαζί µε τα λόγια µας που µπορούµε να δηµιουργήσουµε το ένδοξο αριστουργήµατα! Με αυτό το ευγενές εργαλείο στο χέρι σίγουρα οι δρόµοι θα τρέχει κόκκινο και βρύσες µας ξεχειλίζουν από ούζο, όταν χρησιµοποιούµε αυτά τα σχέδια να πατάξει την µιγάς Spartan από τη γη!”

- Prototypus, What More Than Words, 135 BC

A DIFFERENCE OF OPINION

12

Page 15: Goodbye Specs Hello Prototypes

A DIFFERENCE OF OPINION

13

Page 16: Goodbye Specs Hello Prototypes

“Attempting to represent visual creations using only ourlanguage can only yield shallow copies of what weenvision in our minds. It is only through the use ofpictures along with our words that we can createglorious masterpieces! With this noble tool in handsurely the streets will run red and our fountainsoverflow with ouzo when we use these designs tosmite the mongrel Spartan from the earth!”

- Prototypus, What More Than Words, 135 BC

A DIFFERENCE OF OPINION

13

Page 17: Goodbye Specs Hello Prototypes

TEXT VS. PICTURES

14

Page 18: Goodbye Specs Hello Prototypes

TEXT VS. PICTURES

14

Page 19: Goodbye Specs Hello Prototypes

SPECS IN THE MODEN ERA

15

Page 20: Goodbye Specs Hello Prototypes

THE SPEC, AKA…

Functional Spec

Technical Spec

Product Requirements Doc (PRD)

16

Page 21: Goodbye Specs Hello Prototypes

STRENGTHS OF SPECS

Exhaustive

Detailed

Good at being verbose and also wrong

17

Page 22: Goodbye Specs Hello Prototypes

WEAKESSES OF SPECS

Impossible to capture everything in advance

Hard to iterate

Rarely used during development

Often out of date

A true sign of a "waterfall" mentality

18

Page 23: Goodbye Specs Hello Prototypes

19

Page 24: Goodbye Specs Hello Prototypes

19

Page 25: Goodbye Specs Hello Prototypes

Also… specs are terrible for capturing customer feedback.

Page 26: Goodbye Specs Hello Prototypes

Like, just the worst.

Page 27: Goodbye Specs Hello Prototypes

The. worst.

Page 28: Goodbye Specs Hello Prototypes

I’m not even kidding y’all, they are terrible.

Page 29: Goodbye Specs Hello Prototypes

You want proof, do you?

Page 30: Goodbye Specs Hello Prototypes

Immediate weight loss

Promotes cardiovascular health

Said to cure epilepsy

An affective treatment for metabolic syndrome (high blood pressure, high blood sugar, etc.)

I HAVE JUST THE PRODUCT FOR YOU!

25

Page 31: Goodbye Specs Hello Prototypes

Immediate weight loss

Promotes cardiovascular health

Said to cure epilepsy

An affective treatment for metabolic syndrome (high blood pressure, high blood sugar, etc.)

I HAVE JUST THE PRODUCT FOR YOU!

25

Page 32: Goodbye Specs Hello Prototypes

Immediate weight loss

Promotes cardiovascular health

Said to cure epilepsy

An affective treatment for metabolic syndrome (high blood pressure, high blood sugar, etc.)

I HAVE JUST THE PRODUCT FOR YOU!

25

Page 33: Goodbye Specs Hello Prototypes

HOW WE FAILED WITH SPECS AT TELERIK

Attempting to build a spec for everything killed velocity

Too easy to specify the “how,” which is NOT the domain of PM & UX

We had nothing of value to show to customers

26

Page 34: Goodbye Specs Hello Prototypes

Specs aren’t all bad…

Page 35: Goodbye Specs Hello Prototypes

… they help engineering build the thing right.

Page 36: Goodbye Specs Hello Prototypes

The spec, even when done well, can’t tell you if you’re building the

right thing…

Page 37: Goodbye Specs Hello Prototypes

How do we evolve the spec into something useful for modern,

design-focused teams?

Page 38: Goodbye Specs Hello Prototypes

(Or, how to be the Alec Baldwin to the Functional Spec’s Billy Baldwin)

A BRIEF HISTORY OF PROTOTYPES

Page 39: Goodbye Specs Hello Prototypes

BLUEPRINTS

32

Page 40: Goodbye Specs Hello Prototypes

MODELS

33

Page 41: Goodbye Specs Hello Prototypes

CONCEPT CARS

34

Page 42: Goodbye Specs Hello Prototypes

35

THE HARDWARE PROTOTYPE (AKA I DON’T HAVE A KICKSTARTER

ADDICTION NO REALLY I DON’T)

Page 43: Goodbye Specs Hello Prototypes

36

THE PPT AND PSD TWO-STEP

Page 44: Goodbye Specs Hello Prototypes

PROTOTYPING IS IMPORTANT

37

Page 45: Goodbye Specs Hello Prototypes

PROTOTYPING IS IMPORTANT

37

Page 46: Goodbye Specs Hello Prototypes

PROTOTYPING APPROACHES

Paper Prototype

Wireframe/Mockup

Pseudo-demo app

High-Fidelity Prototype

38

Page 47: Goodbye Specs Hello Prototypes

PAPER PROTOTYPE

39

Page 48: Goodbye Specs Hello Prototypes

WIREFRAMES/MOCKUPS

40

Page 49: Goodbye Specs Hello Prototypes

DEMO APPS

41

Page 50: Goodbye Specs Hello Prototypes

HIGH-FIDELITY PROTOTYPES

42

Page 51: Goodbye Specs Hello Prototypes

HIGH-FIDELITY PROTOTYPES

1. Functional demos

2. Represent the real product to be delivered (even if loosely)

3. Can be manipulated by end-users

43

Page 52: Goodbye Specs Hello Prototypes

1. Visual

2.Functional

3.Collaborative

4.Dual-Purpose

BENEFITS OF THE PROTOTYPE

44

Page 53: Goodbye Specs Hello Prototypes

45

Page 54: Goodbye Specs Hello Prototypes

RISKS OF PROTOTYPING

Time-consuming

Creates a built-in bias

Not a replacement for user stories and other key details.

46

Page 55: Goodbye Specs Hello Prototypes

ARCHITECTURE AND SOFTWARE

47

Page 56: Goodbye Specs Hello Prototypes

PM & UXIdeation and Design

PM TeamIteration and refinement

Feature

CustomerValidation and

Feedback

PM, UX & Engineering

Construction & Iteration

EngineeringClarification and

Estimation

HOW WE PROTOTYPE AT TELERIK

48

Page 57: Goodbye Specs Hello Prototypes

ARTICULATING CUSTOMER PROBLEM

STORIES

CHUNKING THE WORKCAPTURING THE

“HIDDEN DETAILS”

REQUIREMENTS MOCKUPS

WHERE WE STILL HAVE WORK TO DO

49

Page 58: Goodbye Specs Hello Prototypes

GET SOME TOOLS

FIND A PM &

DESIGNER

DO SOME RESEARCH PROTOTYPE

GETTING STARTED WITH PROTOTYPING

50

VALIDATEITERATEBUILD!

Page 59: Goodbye Specs Hello Prototypes

GOOGLE PARSE LOCALYTICS

ANALYTICS

ENGAGEMENT STICKINESS CHURN

INTERCOM SURVEY MONKEY

METRICS CUSTOMER ENGAGEMENT

USER RESEARCH TOOLS

51

Page 60: Goodbye Specs Hello Prototypes

PROTOTYPING TOOLS

Axure

Balsamiq

Bootstrap

UXPin

52

Page 61: Goodbye Specs Hello Prototypes

DON’T FORGET MOBILE!

1.InVision

2.proto.io

3.Justinmind

53

Page 62: Goodbye Specs Hello Prototypes

BEYOND THE PROTOTYPE

Page 63: Goodbye Specs Hello Prototypes

WHAT A PROTOTYPE CAN'T TELL YOU...

If the product or feature will help you meet your goals.

If you’re solving a real customer problem

Everything engineering needs to know to actually build this thing.

55

Page 64: Goodbye Specs Hello Prototypes

GOALS AND INITIATIVES

56

Page 65: Goodbye Specs Hello Prototypes

SOLVING REAL PROBLEMS

57

Page 66: Goodbye Specs Hello Prototypes

DECOMPOSING THE WORK

58

Page 67: Goodbye Specs Hello Prototypes

How prototyping fits into the big picture at Telerik

Page 68: Goodbye Specs Hello Prototypes

THE PRODUCT FUNNEL

60

Inputs- Strategy- Metrics- Markets- Customers

Work- Ideas- Features- Headroom

CustomersMarkets

Strategy

Backlog

Story + Prototype = Estimate

Roadmap

Valu

e / E

ffort

R1 R2 R3 R4

Work & Inputs - Aha!, Google Analytics, Qualtrics, Intercom Backlog - Aha!, UXPin & InVision Roadmaps - Aha!

Page 69: Goodbye Specs Hello Prototypes

THE BOTTOM LINE

1. Prototyping is just a tool in the toolbox.

2. Don't expect it to do everything, but do adopt it, because it excels at many things.

61

Page 70: Goodbye Specs Hello Prototypes

62

Thank you!

@BrandonSatrom [email protected]