sxsw2013: get agile! scrum insights for ux, design and development

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

Upload: pieter-jongerius

Post on 27-Jan-2015

118 views

Category:

Technology


6 download

DESCRIPTION

Insights from our new Scrum manual, updated for SXSW Interactive. -- 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: SXSW2013: Get agile! Scrum insights for UX, design and development

GET AGILE! Scrum for UX, design & development

1

Pieter Jongerius et al.

Amazon: bit.ly/

get-agile

Page 2: SXSW2013: Get agile! Scrum insights for UX, design and development

GET AGILE!

2 #GETAGILE @PIETERJ

35,000+ hours

Over 4 years of Scrum

experience

Page 3: SXSW2013: Get agile! Scrum insights for UX, design and development

SHARING WHAT WE’VE LEARNT

3 #GETAGILE @PIETERJ

Our agile ambition

Agency challenges

Des / dev Integration

Page 4: SXSW2013: Get agile! Scrum insights for UX, design and development

OUR AGILE AMBITION Speed, quality, risk management

4

Page 5: SXSW2013: Get agile! Scrum insights for UX, design and 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: SXSW2013: Get agile! Scrum insights for UX, design and 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: SXSW2013: Get agile! Scrum insights for UX, design and 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: SXSW2013: Get agile! Scrum insights for UX, design and 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: SXSW2013: Get agile! Scrum insights for UX, design and development

PRETTY CLOSE TO ROCKET SCIENCE

9 #GETAGILE @PIETERJ

Page 10: SXSW2013: Get agile! Scrum insights for UX, design and development

BUILDING A TEAM What will the team look like?

10

Page 11: SXSW2013: Get agile! Scrum insights for UX, design and 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: SXSW2013: Get agile! Scrum insights for UX, design and 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: SXSW2013: Get agile! Scrum insights for UX, design and 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: SXSW2013: Get agile! Scrum insights for UX, design and 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: SXSW2013: Get agile! Scrum insights for UX, design and development

TEAM BUILDING: GAMES

15 #GETAGILE @PIETERJ

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

Page 16: SXSW2013: Get agile! Scrum insights for UX, design and 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: SXSW2013: Get agile! Scrum insights for UX, design and 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: SXSW2013: Get agile! Scrum insights for UX, design and 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: SXSW2013: Get agile! Scrum insights for UX, design and 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: SXSW2013: Get agile! Scrum insights for UX, design and 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: SXSW2013: Get agile! Scrum insights for UX, design and development

Product Owner The toughest job in Scrum.

Page 22: SXSW2013: Get agile! Scrum insights for UX, design and 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: SXSW2013: Get agile! Scrum insights for UX, design and 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: SXSW2013: Get agile! Scrum insights for UX, design and 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: SXSW2013: Get agile! Scrum insights for UX, design and 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: SXSW2013: Get agile! Scrum insights for UX, design and development

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

26

Page 27: SXSW2013: Get agile! Scrum insights for UX, design and 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: SXSW2013: Get agile! Scrum insights for UX, design and development

Step up as a single team

Be creative and solve problems

Create shippable products

Together.

Page 29: SXSW2013: Get agile! Scrum insights for UX, design and 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: SXSW2013: Get agile! Scrum insights for UX, design and 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: SXSW2013: Get agile! Scrum insights for UX, design and development

STAY AGILE!

31 #GETAGILE @PIETERJ

"Be like water" -- Bruce Lee

Page 32: SXSW2013: Get agile! Scrum insights for UX, design and development

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

Often necessary, but not always!

Page 33: SXSW2013: Get agile! Scrum insights for UX, design and 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: SXSW2013: Get agile! Scrum insights for UX, design and 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: SXSW2013: Get agile! Scrum insights for UX, design and 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: SXSW2013: Get agile! Scrum insights for UX, design and 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: SXSW2013: Get agile! Scrum insights for UX, design and 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: SXSW2013: Get agile! Scrum insights for UX, design and development

SUPER SPRINT 0

Parallel definition tracks

· Define strategy

38 #GETAGILE @PIETERJ

Page 39: SXSW2013: Get agile! Scrum insights for UX, design and development

SUPER SPRINT 0

Parallel definition tracks

· Define strategy · Define architecture

39 #GETAGILE @PIETERJ

Page 40: SXSW2013: Get agile! Scrum insights for UX, design and development

SUPER SPRINT 0

Parallel definition tracks

· Define strategy · Define architecture · Do research

40 #GETAGILE @PIETERJ

Page 41: SXSW2013: Get agile! Scrum insights for UX, design and development

SUPER SPRINT 0

Parallel definition tracks

· Define strategy · Define architecture · Do research

· Get creative! · Design a concept…

41 #GETAGILE @PIETERJ

Page 42: SXSW2013: Get agile! Scrum insights for UX, design and 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: SXSW2013: Get agile! Scrum insights for UX, design and 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: SXSW2013: Get agile! Scrum insights for UX, design and development

Team ready, PO ready, backlog ready,

LET’S SPRINT!

Page 45: SXSW2013: Get agile! Scrum insights for UX, design and development

USE THE ROOM!

45 #GETAGILE @PIETERJ

Page 46: SXSW2013: Get agile! Scrum insights for UX, design and 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: SXSW2013: Get agile! Scrum insights for UX, design and 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: SXSW2013: Get agile! Scrum insights for UX, design and development

KEYWORDS ON THE WALL

48 #GETAGILE @PIETERJ

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

Page 49: SXSW2013: Get agile! Scrum insights for UX, design and 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: SXSW2013: Get agile! Scrum insights for UX, design and 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: SXSW2013: Get agile! Scrum insights for UX, design and development

MORE FUN USING FACES

51 #GETAGILE @PIETERJ

Page 52: SXSW2013: Get agile! Scrum insights for UX, design and 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: SXSW2013: Get agile! Scrum insights for UX, design and 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: SXSW2013: Get agile! Scrum insights for UX, design and 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: SXSW2013: Get agile! Scrum insights for UX, design and 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: SXSW2013: Get agile! Scrum insights for UX, design and 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: SXSW2013: Get agile! Scrum insights for UX, design and 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: SXSW2013: Get agile! Scrum insights for UX, design and 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: SXSW2013: Get agile! Scrum insights for UX, design and 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: SXSW2013: Get agile! Scrum insights for UX, design and development

MAYHEM, REALLY? No.

60 #GETAGILE @PIETERJ

Page 61: SXSW2013: Get agile! Scrum insights for UX, design and 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: SXSW2013: Get agile! Scrum insights for UX, design and 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: SXSW2013: Get agile! Scrum insights for UX, design and 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: SXSW2013: Get agile! Scrum insights for UX, design and 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: SXSW2013: Get agile! Scrum insights for UX, design and 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: SXSW2013: Get agile! Scrum insights for UX, design and development

Scrum: agile but fragile

Page 67: SXSW2013: Get agile! Scrum insights for UX, design and development

FINALLY… Demo & retrospective

67

Page 68: SXSW2013: Get agile! Scrum insights for UX, design and 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: SXSW2013: Get agile! Scrum insights for UX, design and development

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

strict staggered sprints. Try again next time!

69 #GETAGILE @PIETERJ

Page 70: SXSW2013: Get agile! Scrum insights for UX, design and 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: SXSW2013: Get agile! Scrum insights for UX, design and 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.