sxsw 2013: get agile! scrum for ux, design & development

71
GET AGILE! Scrum for UX, design & development 1 Pieter Jongerius et al. Amazon: bit.ly / get-agile

Upload: fabrique-merken-design-interactie

Post on 27-Jan-2015

108 views

Category:

Technology


3 download

DESCRIPTION

Applying Scrum changes the day-to-day reality of agencies dramatically. If done well, it improves output and profitability like crazy. However, for agencies, Scrum dynamics are radically different from in-house design and development teams. Our leading Dutch design agency, Fabrique, has built up over 35,000 hours of Scrum experience since 2008, designing and developing interactive products such as websites and mobile apps for national and international customers. In this presentation we share our best-kept secrets. This talk features tons of photos from our scrum rooms.

TRANSCRIPT

Page 1: SXSW 2013: Get Agile! Scrum for UX, Design & Development

GET AGILE! Scrum for UX, design & development

1

Pieter Jongerius et al.

Amazon: bit.ly/

get-agile

Page 2: SXSW 2013: Get Agile! Scrum for UX, Design & Development

GET AGILE!

2 #GETAGILE @PIETERJ

35,000+ hours

Over 4 years of Scrum

experience

Page 3: SXSW 2013: Get Agile! Scrum for UX, Design & Development

SHARING WHAT WE’VE LEARNT

3 #GETAGILE @PIETERJ

Our agile ambition

Agency challenges

Des / dev Integration

Page 4: SXSW 2013: Get Agile! Scrum for UX, Design & Development

OUR AGILE AMBITION Speed, quality, risk management

4

Page 5: SXSW 2013: Get Agile! Scrum for UX, Design & Development

OUR AGENCY

5 #GETAGILE @PIETERJ

We are a full service agency, we design & develop all things digital, such as apps & web sites. We have around 6 scrum rooms running at any time

Dutch 100 people 3 offices 6 scrum rms

Page 6: SXSW 2013: Get Agile! Scrum for UX, Design & Development

WE LEARNT THE HARD WAY

6 #GETAGILE @PIETERJ

However, when we adopted scrum, we quickly found out that it’s no bed of roses. We did learn the hard way: sprints ending up in chaos, team members feeling left out,

facing massive rework, etc.

Page 7: SXSW 2013: Get Agile! Scrum for UX, Design & Development

AMBITION: FULL INTEGRATION Building great products requires ·  Strategists ·  Designers ·  Developers ·  Copywriters ·  Business specialists · Marketing & communication ·  ..and more Our way of Scrum · working in parallel ·  deliver shippable product ·  every single sprint.

7 #GETAGILE @PIETERJ

Page 8: SXSW 2013: Get Agile! Scrum for UX, Design & Development

ÜBERSCRUM

8 #GETAGILE @PIETERJ

Out of sheer respect for the agility it takes to do this well, we’ve come to call this Überscrum.

Page 9: SXSW 2013: Get Agile! Scrum for UX, Design & Development

PRETTY CLOSE TO ROCKET SCIENCE

9 #GETAGILE @PIETERJ

Page 10: SXSW 2013: Get Agile! Scrum for UX, Design & Development

BUILDING A TEAM What will the team look like?

10

Page 11: SXSW 2013: Get Agile! Scrum for UX, Design & Development

SCRUM DEPENDS ON THE TEAM

11 #GETAGILE @PIETERJ

Most of what I’ll share concerns human skills and people management. Bringing the team together, not only physically, but mentally also.

It’s no secret that this works best with smaller teams, of around 5-7 people. Although you can scale it up to 15 if you have to.

Page 12: SXSW 2013: Get Agile! Scrum for UX, Design & Development

NOTHING SHORT OF SUPERHEROES

· Speak their minds · Actively seek feedback ·  Invest in group success

· Empathic · Ambitious · Skilled ·  Inventive

· Motivated to Scrum

12 #GETAGILE @PIETERJ

Page 13: SXSW 2013: Get Agile! Scrum for UX, Design & Development

AGENCY CHALLENGES

First Team composition varies.

13 #GETAGILE @PIETERJ

Team building is daunting in any Scrum environment. But for an agency, team composition varies a lot, based on capacity, specific skills, and 3rd party cooperation.

Page 14: SXSW 2013: Get Agile! Scrum for UX, Design & Development

TEAM BUILDING: GAMES

14 #GETAGILE @PIETERJ

Draw the box

All team members draw a packaging as if the product was on sale on a shelf in a store. You are forced to think in USP’s and get an immediate grasp of individual team members goals & dreams.

Page 15: SXSW 2013: Get Agile! Scrum for UX, Design & Development

TEAM BUILDING: GAMES

15 #GETAGILE @PIETERJ

The Marshmallow Challenge Check http://marshmallowchallenge.com/

Page 16: SXSW 2013: Get Agile! Scrum for UX, Design & Development

TEAM BUILDING

INSPECT & ADAPT In daily standups and reviews, we address personal and team issues.

GIVE TIME Minimum of 3 sprints per project.

16 #GETAGILE @PIETERJ

Page 17: SXSW 2013: Get Agile! Scrum for UX, Design & Development

AGENCY CHALLENGES

First Team composition varies.

Second Team members can’t be 100% dedicated to the project.

17 #GETAGILE @PIETERJ

You will have agency- and other stuff. Meetings, phone calls, other projects. This can be a big disappointment and frustration for the team.

Page 18: SXSW 2013: Get Agile! Scrum for UX, Design & Development

SCRUM FOCUS SOLUTIONS 1. Agree on a % focus, f.i. 80-90% 2. Don’t necessarily do a fulltime scrum. Use a minimum of 3 days/wk 3. Scrum days may vary per discipline. But keep the team together!

18 #GETAGILE @PIETERJ

Page 19: SXSW 2013: Get Agile! Scrum for UX, Design & Development

SCRUM MASTER PARADOX

· Team builder, yet be able to confront

· Authority in their craft, yet have an eye for all disciplines

· Switch easily between Scrum Rules and Agile Principles

In our agency · Mostly senior UX designers

19 #GETAGILE @PIETERJ

Page 20: SXSW 2013: Get Agile! Scrum for UX, Design & Development

CLIENT IN THE HOUSE! Embrace the Product Owner

The most profound impact Scrum has on the way of working in an agency, is having the client around all the time. No more big briefing or presentation meetings: the client is there to provide input continuously.

Page 21: SXSW 2013: Get Agile! Scrum for UX, Design & Development

Product Owner The toughest job in Scrum.

Page 22: SXSW 2013: Get Agile! Scrum for UX, Design & Development

PRODUCT OWNER PARADOX · Strong-willed

yet open · Political sense

yet independent · Demanding

yet understanding

· Have the mandate & be honest about limitations

22 #GETAGILE @PIETERJ

Page 23: SXSW 2013: Get Agile! Scrum for UX, Design & Development

PART OF THE TEAM? As much as possible. · Tasks · Creativity · Really open up Present in the team, from fulltime to a minimal 2 mornings /wk

23 #GETAGILE @PIETERJ

Page 24: SXSW 2013: Get Agile! Scrum for UX, Design & Development

ANY RESEMBLANCE TO EXISTING PERSONS IS BASED STRICTLY ON COINCIDENCE

BEWARE OF THE…

24 #GETAGILE @PIETERJ

HYPERCRITIC

OPPORTUNIST WORRIER

MEDDLER

In Get Agile! we discuss four destructive product owner types

Page 25: SXSW 2013: Get Agile! Scrum for UX, Design & Development

BEWARE OF THE…

25 #GETAGILE @PIETERJ

OPPORTUNIST WORRIER

MEDDLER HYPERCRITIC

Let’s pick one: The Hypercritic generally enjoys the process, discusses all details at length and will not move on on “good enough”. It all has to be perfect.

Warning: using flexible scope in your defence will get back at you later on.

Page 26: SXSW 2013: Get Agile! Scrum for UX, Design & Development

ÜBERSCRUM Design hearts development – and the other way around.

26

Page 27: SXSW 2013: Get Agile! Scrum for UX, Design & Development

STOP ATTACHING UX TO ‘SCRUM’

27 #GETAGILE @PIETERJ

If you want to remain agile, design cannot be a prerequisite. It cannot be on a definition of ready. If you want design to have impact, UX design cannot be some advisory group to the PO,

who’ll decide what to turn into stories, and what not. Eliminate this waste.

Page 28: SXSW 2013: Get Agile! Scrum for UX, Design & Development

Step up as a single team

Be creative and solve problems

Create shippable products

Together.

Page 29: SXSW 2013: Get Agile! Scrum for UX, Design & Development

STOP ACTING LIKE A SPOILED PRINCESS

29 #GETAGILE @PIETERJ

You will have to make compromises. Designers must for instance face the truth that some things are unaffordable to build

Developers must invest in going the extra mile to create better UX.

Page 30: SXSW 2013: Get Agile! Scrum for UX, Design & Development

STOP SEARCHING FOR THE BEST RULES

30 #GETAGILE @PIETERJ

Shared stories Staggered sprints

Interaction

Visual DESIGN

development

- OR -

✘ There is not one strategy of interdisciplinary cooperation that will work for all of your stories.

Page 31: SXSW 2013: Get Agile! Scrum for UX, Design & Development

STAY AGILE!

31 #GETAGILE @PIETERJ

"Be like water" -- Bruce Lee

Page 32: SXSW 2013: Get Agile! Scrum for UX, Design & Development

design is valuable a waste! It's just a very expensive way of communicating

Often necessary, but not always!

Page 33: SXSW 2013: Get Agile! Scrum for UX, Design & Development

SECRET: STORY TYPES Not all stories are alike. · überstories · development only · design only

We specify this during sprint 0 or backlog grooming

33 #GETAGILE @PIETERJ

Page 34: SXSW 2013: Get Agile! Scrum for UX, Design & Development

STORY TEMPLATE

34 #GETAGILE @PIETERJ

We use a custom made story template to accommodate for documenting the type of the story: the disciplines involved are checked. Again: we decide on this BEFORE we start the sprint.

Page 35: SXSW 2013: Get Agile! Scrum for UX, Design & Development

SECRET: QUALITY IS FLEXIBLE · Skilled professionals hate

this · But it’s true

· Better is the enemy of done · Takes a lot of skill

· Story scores: 7 times an A or 9 times a B?

· Which stories should be top notch?

35 #GETAGILE @PIETERJ

Page 36: SXSW 2013: Get Agile! Scrum for UX, Design & Development

FLEXIBLE EVERYTHING?

No.

Look your client in the eye and say: I will always deliver value for money

Flexible scope doesn't protect you from the occasional pizza.

Page 37: SXSW 2013: Get Agile! Scrum for UX, Design & Development

SUPER SPRINT 0 Balancing preparation and BDUF

37 #GETAGILE @PIETERJ

Also in Scrum you’ll need a solid start before actual sprints, or everyone will sprint in a different direction. Too often, we made the mistake of starting on just a hunch of what we we’re trying to achieve.

But that’s all in the past.

Page 38: SXSW 2013: Get Agile! Scrum for UX, Design & Development

SUPER SPRINT 0

Parallel definition tracks

· Define strategy

38 #GETAGILE @PIETERJ

Page 39: SXSW 2013: Get Agile! Scrum for UX, Design & Development

SUPER SPRINT 0

Parallel definition tracks

· Define strategy · Define architecture

39 #GETAGILE @PIETERJ

Page 40: SXSW 2013: Get Agile! Scrum for UX, Design & Development

SUPER SPRINT 0

Parallel definition tracks

· Define strategy · Define architecture · Do research

40 #GETAGILE @PIETERJ

Page 41: SXSW 2013: Get Agile! Scrum for UX, Design & Development

SUPER SPRINT 0

Parallel definition tracks

· Define strategy · Define architecture · Do research

· Get creative! · Design a concept…

41 #GETAGILE @PIETERJ

Page 42: SXSW 2013: Get Agile! Scrum for UX, Design & Development

SUPER SPRINT 0

Parallel definition tracks

· Define strategy · Define architecture · Do research

· Get creative! · Design a concept but don’t

do a BDUF*

* = Big Design Up Front

#GETAGILE @PIETERJ 42

Page 43: SXSW 2013: Get Agile! Scrum for UX, Design & Development

SUPER SPRINT 0

· Takes 3-6 weeks · Consumes some 20% of project budget · Has a slower pace ·  Involves all team members

43 #GETAGILE @PIETERJ

Page 44: SXSW 2013: Get Agile! Scrum for UX, Design & Development

Team ready, PO ready, backlog ready,

LET’S SPRINT!

Page 45: SXSW 2013: Get Agile! Scrum for UX, Design & Development

USE THE ROOM!

45 #GETAGILE @PIETERJ

Page 46: SXSW 2013: Get Agile! Scrum for UX, Design & Development

SECRET: LET’S GET PHYSICAL

46 #GETAGILE @PIETERJ

The room is the one ultimate thing the whole team shares. It’s an opportunity to create a real visceral project reality. We’re really religious about this.

And not just the scrum board.

Page 47: SXSW 2013: Get Agile! Scrum for UX, Design & Development

DRAW YOUR PROJECT GOALS

47 #GETAGILE @PIETERJ

Strategic PowerPoint presentations in project folders will NOT be looked at. Word documents will not even be remembered to have been made at all. Seriously.

Page 48: SXSW 2013: Get Agile! Scrum for UX, Design & Development

KEYWORDS ON THE WALL

48 #GETAGILE @PIETERJ

Discuss your work. Point at keywords on the wall. It keeps you on track.

Page 49: SXSW 2013: Get Agile! Scrum for UX, Design & Development

WHO & WHEN

49 #GETAGILE @PIETERJ

Oh, also use Excel and Outlook as little as possible :) (and gDocs is no better, really avoid hiding stuff in computers)

Page 50: SXSW 2013: Get Agile! Scrum for UX, Design & Development

TASK PERSONALIZATION

50 #GETAGILE @PIETERJ

Physical task claiming tags help team members maintain that sense of responsibility. My task! I’ll finish it!

Page 51: SXSW 2013: Get Agile! Scrum for UX, Design & Development

MORE FUN USING FACES

51 #GETAGILE @PIETERJ

Page 52: SXSW 2013: Get Agile! Scrum for UX, Design & Development

CODE OF CONDUCT

52 #GETAGILE @PIETERJ

Another example: put up a Code of Conduct. Created and used by developers. States when to do refactoring, how to handle unit tests.

In fact put up anything on the wall that will keep the team on track.

Page 53: SXSW 2013: Get Agile! Scrum for UX, Design & Development

DEFINITION OF READY

In some Scrums, stories often yield unexpected impediments

· Business rules · Required content · Technical complexity

DOR is a set of requirements that helps making stories ready before you sprint. Use only when you really need it.

53 #TWAB2012 @PIETERJ

Page 54: SXSW 2013: Get Agile! Scrum for UX, Design & Development

DOUBLE DEFINITION OF DONE

54 #GETAGILE @PIETERJ

The introduction of Story types leads to the need for a more differentiated, in our case often Double Definition of Done, splitting design and tech requirements.

Page 55: SXSW 2013: Get Agile! Scrum for UX, Design & Development

TOO MESSY?

55 #GETAGILE @PIETERJ

So can Scrum rooms get too messy? Maybe. But we’re fine with it as long as it works for the team!

Page 56: SXSW 2013: Get Agile! Scrum for UX, Design & Development

TOO TIDY

56 #GETAGILE @PIETERJ

They can be too tidy though. This sitemap is so beautifully crafted that no-one will dare altering it. Not really agile, is it?

Page 57: SXSW 2013: Get Agile! Scrum for UX, Design & Development

POLE OF QUOTES

57 #GETAGILE @PIETERJ

The weirdest things get said during sprints. It’s a lot of fun writing the best quotes down.

Page 58: SXSW 2013: Get Agile! Scrum for UX, Design & Development

#DUBSTEPFRIDAY

58 #GETAGILE @PIETERJ

All work no play makes Jack a dull boy. To lighten things up a little, some teams use theme days. Like Dubstep Friday! Formal Thursday has also been spotted, as is a regular wakeboard training on the rug.

Page 59: SXSW 2013: Get Agile! Scrum for UX, Design & Development

OWN THE PLACE

59 #GETAGILE @PIETERJ

It’s basically a matter of owning the place, feeling almost at home. Here you see Danny and Nils in their little SuperTrash shrine, being all feminine and independent.

It makes things even more fun, and it keeps the product personality on brand!

Page 60: SXSW 2013: Get Agile! Scrum for UX, Design & Development

MAYHEM, REALLY? No.

60 #GETAGILE @PIETERJ

Page 61: SXSW 2013: Get Agile! Scrum for UX, Design & Development

61 #TWAB2012 @PIETERJ

SPRINT FOCUS FOR MAIN DISCIPLINES

time > No, it’s not just mayhem. While one of the agile principles is that the team should be self-organizing, we can provide a little structure. Especially for beginner teams.

Page 62: SXSW 2013: Get Agile! Scrum for UX, Design & Development

62 #TWAB2012 @PIETERJ

Sketch & discuss

Test & spikes

interaction design

SPRINT FOCUS FOR MAIN DISCIPLINES

Flows & states

time >

Please keep in mind while I build this up,

Page 63: SXSW 2013: Get Agile! Scrum for UX, Design & Development

63 #TWAB2012 @PIETERJ

Sketch & discuss

Test & spikes

Templates

Test & Des-only stories

interaction design

visual design

SPRINT FOCUS FOR MAIN DISCIPLINES

Modules & states

Flows & states

time >

…that it’s just A way of providing some structure in überscrum. Providing it WITH the team. Not TO the team.

Page 64: SXSW 2013: Get Agile! Scrum for UX, Design & Development

64 #TWAB2012 @PIETERJ

Sketch & discuss

Test & spikes

Templates

Test & Des-only stories

interaction design

visual design

front-end development

Dev-only stories

Test & spikes

SPRINT FOCUS FOR MAIN DISCIPLINES

Implement design

Modules & states

Flows & states

time >

You might see this chart as a mere starting point.

Page 65: SXSW 2013: Get Agile! Scrum for UX, Design & Development

Sketch & discuss

Test & spikes

Templates

Test & Des-only stories

interaction design

visual design

front-end development

back-end development

Dev-only stories

Test & spikes

Objects & data Admin section

Test & spikes

SPRINT FOCUS FOR MAIN DISCIPLINES

Controllers, flows

Implement design

Modules & states

Flows & states

time >

65 #GETAGILE @PIETERJ

Moving on in time

Starting quickly

Page 66: SXSW 2013: Get Agile! Scrum for UX, Design & Development

Scrum: agile but fragile

Page 67: SXSW 2013: Get Agile! Scrum for UX, Design & Development

FINALLY… Demo & retrospective

67

Page 68: SXSW 2013: Get Agile! Scrum for UX, Design & Development

DEMO: THE STAKEHOLDER TEST

68 #GETAGILE @PIETERJ

When the product permits, you might NOT demo it, but have it user tested by the stake holders at demo time. Give them assignments, have them use it. They’ll love it!

Page 69: SXSW 2013: Get Agile! Scrum for UX, Design & Development

RETROSPECTIVE · Address H2H issues. · When all fails, fall back to

strict staggered sprints. Try again next time!

69 #GETAGILE @PIETERJ

Page 70: SXSW 2013: Get Agile! Scrum for UX, Design & Development

SO HERE’S HOPING…

70 #GETAGILE @PIETERJ

If there’s one thing I would like you to take with you, its that Scrum is about people, their skills, wishes and dreams. It is about end users; about the customer and their stakeholders; it is about the team.

If you put them first, I promise, you’ll have a great time!

Page 71: SXSW 2013: Get Agile! Scrum for UX, Design & Development

brands, design & interaction

@pieterj

@getagilebook

Pieter Jongerius et al.

Amazon bit.ly/get-agile And right now in the SX Bookstore, outside this room in the foyer.