Get Agile - Überscrum voor UX, Design & development

71
GET AGILE Überscrum voor UX, design & development Pieter Jongerius @pieterj

description

Agile UX vereist teamwork, en niet zo’n beetje ook. Scrummen in één ruimte met een product owner, UX- en visual designers, copywriters, front-end en back-end development is op z’n zachtst gezegd uitdagend. We zijn dit respectvol ÜberScrum gaan noemen. In deze presentatie deelde Pieter Jongerius de best bewaarde Scrum-geheimen van Fabrique voor ervaren Scrummers. Welke tools, deliverables en ritmes kan je gebruiken om er echt in te slagen tegelijkertijd te ontwerpen en ontwikkelen? Wat zijn de valkuilen en succesfactoren?

Transcript of Get Agile - Überscrum voor UX, Design & development

Page 1: Get Agile - Überscrum voor UX, Design & development

GET AGILE Überscrum voor UX, design & development

Pieter Jongerius

@pieterj

Page 2: Get Agile - Überscrum voor UX, Design & development

VIER JAAR SCRUMERVARING

2 #TWAB2012 @PIETERJ

Page 3: Get Agile - Überscrum voor UX, Design & development

GET AGILE – GEPUBLICEERD HERFST 2012

3 #TWAB2012 @PIETERJ

Check http://fabrique.nl/getagile voor details

Page 4: Get Agile - Überscrum voor UX, Design & development

WE LEARNT THE HARD WAY (1)

4 #TWAB2012 @PIETERJ

We hebben anderhalf decennium Waterval gebruikt, en doen dat nog steeds waar nodig.

Page 5: Get Agile - Überscrum voor UX, Design & development

DESIGNERS WITH FOAM BOARDS

5 #TWAB2012 @PIETERJ

We ontdekten in 2008 dat waterval presentaties en iteraties niet altijd de beste methode zijn.

Page 6: Get Agile - Überscrum voor UX, Design & development

WE LEARNT THE HARD WAY (2)

6 #TWAB2012 @PIETERJ

Ook ontdekten we in 2008, dat Scrum niet altijd over rozen gaat.

Page 7: Get Agile - Überscrum voor UX, Design & development

Vandaag is het tijd om te delen.

Wat is Uberscrum?

Geheimen &

lessen

Het proces van Scrum

Page 8: Get Agile - Überscrum voor UX, Design & development

WAT IS ÜBERSCRUM ÜBERHAUPT?

Page 9: Get Agile - Überscrum voor UX, Design & development

TYPES SCRUM DIE WE DOEN

9 #TWAB2012 @PIETERJ

Design only Überscrum Staggered sprints

Interaction

Visual DESIGN

development

We doen design-only Scrum (ja echt!), maar alleen als derde partijen, zoals ontwikkelaars, niet met ons samen kunnen Scrummen. We doen Staggered sprints als sommige betrokkenen profiteren van de strakkere structuur

hiervan. En tenslotte is er de methode die we Überscrum zijn gaan noemen…

Page 10: Get Agile - Überscrum voor UX, Design & development

ÜBERSCRUM Brengt samen: ·  Strategists ·  Designers ·  Developers ·  Copywriters ·  Business specialists · Marketing &

communication ·  ..en meer En laat ze parallel werken Om interactieve producten te maken, zoals websites and apps.

10 #TWAB2012 @PIETERJ

Page 11: Get Agile - Überscrum voor UX, Design & development

GEEN SINECURE

11 #TWAB2012 @PIETERJ

Page 12: Get Agile - Überscrum voor UX, Design & development

Bring on the secrets!

Page 13: Get Agile - Überscrum voor UX, Design & development

TEAM SETUP Hoe ziet het team eruit?

13

Page 14: Get Agile - Überscrum voor UX, Design & development

KLEINERE TEAMS WERKEN BETER Vraag niet hoe groot je een team kunt maken, vraag hoe klein je een team kunt maken! · 2 designers,

3 developers, een copywriter, product owner

Maar, voor de aanhouders: · Max team grootte,

rond 10-15

14 #TWAB2012 @PIETERJ

Page 15: Get Agile - Überscrum voor UX, Design & development

Eisen aan teamleden?

Page 16: Get Agile - Überscrum voor UX, Design & development

NIETS MINDER DAN SUPERHELDEN

· Openhartig zijn · Actief feedback zoeken ·  Investeren in

groepssuccess

· Empathisch · Ambitieus · Kundig · Slim

· Gemotiveerd om te Scrummen!

16 #TWAB2012 @PIETERJ

Page 17: Get Agile - Überscrum voor UX, Design & development

NIETS MINDER DAN SUPERHELDEN

· Openhartig zijn · Actief feedback zoeken ·  Investeren in

groepssuccess

· Empathisch · Ambitieus · Kundig · Slim

· Gemotiveerd om te Scrummen!

17 #TWAB2012 @PIETERJ

"Be like water" -- Bruce Lee

Page 18: Get Agile - Überscrum voor UX, Design & development

Product Owner De moeilijkste baan in Scrum.

Page 19: Get Agile - Überscrum voor UX, Design & development

PRODUCT OWNER · Eigenzinnig

maar open · Politiek gevoel

maar onafhankelijk · Veeleisend

maar begrijpend

· Moet mandaat hebben & eerlijk zijn over de beperkingen daarvan

· Moet goed getraind zijn

19 #TWAB2012 @PIETERJ

Page 20: Get Agile - Überscrum voor UX, Design & development

OMGAAN MET DE PO We zien with 4 types. Hier is er één. De Hypercriticus ·  Geniet doorgaans enorm van het

proces en de stuurmogelijkheden ·  Discussieert langdurig alle details ·  Gaat niet verder als iets slechts

“goed genoeg” is ·  Het moet allemaal perfect zijn.

·  Waarschuwing: flexibele scope gebruiken ter verdediging hiervoor, komt je uiteindelijk duur te staan.

20 #TWAB2012 @PIETERJ

Ceci n’est pas ce PO

Page 21: Get Agile - Überscrum voor UX, Design & development

Kijk je klant diep in de ogen, en zeg: Ik zal altijd waar voor mijn geld geven!

Flexibele scope beschermt je ook niet voor de team pizza, zo nu en dan.

Page 22: Get Agile - Überscrum voor UX, Design & development

GEHEIM: KWALITEIT IS FLEXIBEL ·  Goede designers en

developers haten dit · Maar het is waar.

·  “Better is the enemy of done”

·  Er is veel vakmanschap voor nodig om dit te kunnen omarmen.

·  Bespreek story scores: 7 stories scoring an A or 9 stories scoring a B?

·  Bepaal welke stories het meest bepalend zijn voor je succes.

22 #TWAB2012 @PIETERJ

Page 23: Get Agile - Überscrum voor UX, Design & development

Maar hoe word je een team?

Team building is een heel gevoelig proces. Scrum is dat niet. Daar is aandacht voor nodig. It duurt echt één of twee sprints voordat een team echt hecht wordt, en werkt als een geoliede machine

Page 24: Get Agile - Überscrum voor UX, Design & development

WARMING UP GAMES

24 #TWAB2012 @PIETERJ

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

Page 25: Get Agile - Überscrum voor UX, Design & development

WARMING UP GAMES

25 #TWAB2012 @PIETERJ

Draw the box Alle teamleden tekenen een verpakking alsof het product verkocht werd op een schap in een winkel.

Je wordt gedwongen na te denken in USP’s en je krijgt een onmiddellijk begrip van de doelen en dromen van de individuele teamleden.

Page 26: Get Agile - Überscrum voor UX, Design & development

LET’S KICK ASS!

26 #TWAB2012 @PIETERJ

Het resultaat is een team dat net zo gemakkelijk aan het eind van de dag een biertje drinkt, als ze op maandagmorgen en planning poker sessie doen.

Page 27: Get Agile - Überscrum voor UX, Design & development

SPRINT 0

Ook in Scrum heb je een solide start nodig voordat het echte sprinten begint, of iedereen zal een andere kant op sprinten. Het is gevaarlijk om gewoon te beginnen, met slechts een vaag idee van wat het product gaat worden.

Page 28: Get Agile - Überscrum voor UX, Design & development

SUPER SPRINT 0

· Parallelle definitie tracks

· Definieer strategy

28 #TWAB2012 @PIETERJ

Page 29: Get Agile - Überscrum voor UX, Design & development

SUPER SPRINT 0

· Parallelle definitie tracks

· Definieer strategie · Definieer architectuur

29 #TWAB2012 @PIETERJ

Page 30: Get Agile - Überscrum voor UX, Design & development

SUPER SPRINT 0

· Parallelle definitie tracks

· Definieer strategie · Definieer architectuur · Doe research

30 #TWAB2012 @PIETERJ

Page 31: Get Agile - Überscrum voor UX, Design & development

SUPER SPRINT 0

· Parallelle definitie tracks

· Definieer strategie · Definieer architectuur · Doe research

· Word creatief! · Ontwerp een concept…

31 #TWAB2012 @PIETERJ

Page 32: Get Agile - Überscrum voor UX, Design & development

SUPER SPRINT 0

· Parallelle definitie tracks

· Definieer strategie · Definieer architectuur · Doe research

· Word creatief! · Ontwerp een concept

maar maak geen BDUF*. Geen wireframes in sprint 0!

* = Big Design Up Front

#TWAB2012 @PIETERJ 32

Page 33: Get Agile - Überscrum voor UX, Design & development

SUPER SPRINT 0

33 #TWAB2012 @PIETERJ

Vuistregel

Geef in sprint 0 ieder teamlid evenveel dagen voorbereiding

als er sprints zijn in het project.

Page 34: Get Agile - Überscrum voor UX, Design & development

design is waardevol

Het belangrijkste dat we maken in Sprint 0 is de Product Backlog. En daarvoor willen we graag een inzicht delen. Want hoewel design waardevol is, … (volgende slide!)

Page 35: Get Agile - Überscrum voor UX, Design & development

design is valuable een 'waste!' Het is gewoon een dure manier van communiceren!

Vaak nodig, maar niet altijd

Page 36: Get Agile - Überscrum voor UX, Design & development

GEHEIM: STORY TYPES Niet alle stories zijn hetzelfde. · überstories

36 #TWAB2012 @PIETERJ

Page 37: Get Agile - Überscrum voor UX, Design & development

SECRET: STORY TYPES Niet alle stories zijn hetzelfde. · überstories · development only · design only · witte pagina

We specificeren dit dit tijdens sprint 0 or backlog grooming

37 #TWAB2012 @PIETERJ

Hier zie je een product owner en een developer die bezig zijn met een development-only story.

Page 38: Get Agile - Überscrum voor UX, Design & development

STORY TEMPLATE

38 #TWAB2012 @PIETERJ

We gebruiken een zelfontworpen story template waarin we aangeven om welk type story het gaat. De betrokken disciplines worden aangevinkt. Nogmaals: we bepalen dit voordat de sprint begint.

Page 39: Get Agile - Überscrum voor UX, Design & development

GEHEIM: SPECIAL OPS STORIES

· backend · documentatie · algemene functionaliteit

·  rework na demo · afwerking

39 #TWAB2012 @PIETERJ

We bundelen aanvullend werk dat we niet kunnen onderbrengen in stories met direct eindegbruikersnut. Laat Scrum dogma’s je er niet van weerhouden om vrij om te gaan met de invulling van je stories.

Page 40: Get Agile - Überscrum voor UX, Design & development

WE ZOUDEN JE DIT NIET MOETEN LATEN ZIEN

40 #TWAB2012 @PIETERJ

Sommige teams geven er zelfs de voorkeur aan om simpele functionaliteitsstories te gebruiken. Het bespaart ze de semantische gelaagdheid die je in traditionele story syntaxes hebt.

Goed opletten: blijf user centered en hou de totale oplossingsruimte in de gaten. Nogmaals: de les is hier dat je de regels soms moet veranderen terwille van je team of project.

Page 41: Get Agile - Überscrum voor UX, Design & development

Team klaar, sprint setup klaar, backlog klaar, …

Page 42: Get Agile - Überscrum voor UX, Design & development

LET’S SPRINT!

Page 43: Get Agile - Überscrum voor UX, Design & development

GEHEIM: LET’S GET PHYSICAL

43 #TWAB2012 @PIETERJ

We zijn ECHT fanatiek in het fysiek maken en houden van allerlei zaken. We voorkomen dat ze in vergetelheid raken op netwerkschijven.

Page 44: Get Agile - Überscrum voor UX, Design & development

TEKEN JE PROJECTDOELEN

44 #TWAB2012 @PIETERJ

Strategische Powerpoint presentaties in projectmappen zullen NIET bekeken worden. Van Worddocumenten zullen mensen niet eens onthouden dat ze gemaakt zijn. Echt.

Page 45: Get Agile - Überscrum voor UX, Design & development

KEYWORDS AAN DE MUUR

45 #TWAB2012 @PIETERJ

Bespreek je werk. Wijs op de keywords aan de muur. Ze helpen je op het juiste spoor te blijven.

Page 46: Get Agile - Überscrum voor UX, Design & development

WIE & WANNEER

46 #TWAB2012 @PIETERJ

Oh, gebruik ook geen Excel :) (en gDocs is geen haar beter. Vermijd echt het verbergen van info in computers)

Page 47: Get Agile - Überscrum voor UX, Design & development

TAAK PERSONALISATIE

47 #TWAB2012 @PIETERJ

Fysiek claimen van taken helpt het team om het gevoel van verantwoordelijkheid vast te houden. Mijn taak! Ik maak ‘m af!

Page 48: Get Agile - Überscrum voor UX, Design & development

MEER PRET MET GEZICHTEN

48 #TWAB2012 @PIETERJ

Page 49: Get Agile - Überscrum voor UX, Design & development

TE ROMMELIG?

49 #TWAB2012 @PIETERJ

Kunnen Scrum ruimtes te rommelig worden? Misschien. Maar dat is helemaal okee zolang het werkt voor het team!

Page 50: Get Agile - Überscrum voor UX, Design & development

TOO TIDY

50 #TWAB2012 @PIETERJ

Ze kunnen in ieder geval wel te netjes zijn. Deze sitemap is zo mooi gemaakt dat niemand er meer aan zal durven komen. Niet echt agile, toch?

Page 51: Get Agile - Überscrum voor UX, Design & development

POLE OF QUOTES

51 #TWAB2012 @PIETERJ

De raarste dingen worden gezegd tijdens sprints. Het is natuurlijk super om de leukste quotes op te schrijven.

Page 52: Get Agile - Überscrum voor UX, Design & development

#DUBSTEPFRIDAY

52 #TWAB2012 @PIETERJ

“All work no play makes Jack a dull boy.” Om de zaak wat te verlichten gebruiken sommige teams themadagen. Zoals Dubstep Friday! Formal Thursday is ook gespot, net als regelmatige wakeboardtrainingen op het kleedje.

Page 53: Get Agile - Überscrum voor UX, Design & development

HET IS JOUW RUIMTE!

53 #TWAB2012 @PIETERJ

Het is gewoon een kwestie van de ruimte eigen maken, zodat je je er zowat thuis voelt. Hier zitten Danny en Nils in hun SuperTrash cocon helemaal vrouwelijk en onafhankelijk te zijn.

Het maakt dingen niet alleen leuker, maar houdt de productpersoonlijkheid ook on brand.

Page 54: Get Agile - Überscrum voor UX, Design & development

Chaos? Echt?

Page 55: Get Agile - Überscrum voor UX, Design & development

55 #TWAB2012 @PIETERJ

time > Nee, niet alleen chaos. Terwijl het één van de agile principes is dat het team zelf-organiserend zou moeten zijn, kunnen we wel wat structuur geven. Vooral voor beginnende teams.

SPRINT FOCUS VOOR HOOFDDISCIPLINES

Page 56: Get Agile - Überscrum voor UX, Design & development

56 #TWAB2012 @PIETERJ

Sketch & discuss

Test & spikes

interaction design

Flows & states

time >

Hou, terwijl ik het schema opbouw, alsjeblieft in gedachten…

SPRINT FOCUS VOOR HOOFDDISCIPLINES

Page 57: Get Agile - Überscrum voor UX, Design & development

57 #TWAB2012 @PIETERJ

Sketch & discuss

Test & spikes

Templates

Test & Des-only stories

interaction design

visual design

Modules & states

Flows & states

time >

…dat dit slechts EEN manier is om het team in überscrum wat structuur te geven. Zorg ervoor MET het team, niet VOOR het team.

SPRINT FOCUS VOOR HOOFDDISCIPLINES

Page 58: Get Agile - Überscrum voor UX, Design & development

58 #TWAB2012 @PIETERJ

Sketch & discuss

Test & spikes

Templates

Test & Des-only stories

interaction design

visual design

front-end development

Dev-only stories

Test & spikes

Implement design

Modules & states

Flows & states

time >

Je zou dit kunnen zien als slechts een startpunt.

SPRINT FOCUS VOOR HOOFDDISCIPLINES

Page 59: Get Agile - Überscrum voor UX, Design & development

59 #TWAB2012 @PIETERJ

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 VOOR HOOFDDISCIPLINES

Controllers, flows

Implement design

Modules & states

Flows & states

time > © FABRIQUE

Page 60: Get Agile - Überscrum voor 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

Controllers, flows

Implement design

Modules & states

Flows & states

time >

60 #TWAB2012 @PIETERJ

Challenge: Moving on in time

Challenge: Starting quickly

SPRINT FOCUS VOOR HOOFDDISCIPLINES

Page 61: Get Agile - Überscrum voor UX, Design & development

Scrum: wendbaar maar kwetsbaar

Page 62: Get Agile - Überscrum voor UX, Design & development

GEAVANCEERDE DELIVERABLES Weerhouden ons van haastwerk

Page 63: Get Agile - Überscrum voor UX, Design & development

CODE OF CONDUCT

63 #TWAB2012 @PIETERJ

De Code of Conduct is een set regels voor en door developers. Regels kunnen gaan over allerlei gedrag, zoals het afspreken van vaste refactoring tijdblokken,

het doen van tests op bepaalde momenten, gebruik van omgevingen, et cetera.

Page 64: Get Agile - Überscrum voor UX, Design & development

DOUBLE DEFINITION OF DONE

64 #TWAB2012 @PIETERJ

De consequentie van het gebruik van verschillende story types, is dat je zult moeten differentiëren in je DOD, met gesplitste eisen voor bijvoorbeeld design, development en acceptatie door de klant.

Page 65: Get Agile - Überscrum voor UX, Design & development

DEFINITION OF READY

In sommige Scrums leveren stories vaak onverwachte impediments op.

·  Business rules veranderen ·  Vereiste content ·  Technische complexiteit

valt tegen

Een DOR is een set eisen die helpt bij het voor Sprint klaarmaken van stories. Gebruik hem alleen als je hem echt nodig hebt!

65 #TWAB2012 @PIETERJ

Page 66: Get Agile - Überscrum voor UX, Design & development

TENSLOTTE Demo & retrospective

Page 67: Get Agile - Überscrum voor UX, Design & development

DEMO: DE STAKEHOLDER TEST

67 #TWAB2012 @PIETERJ

Als het product het toestaat, zou je kunnen besluiten dit NIET te demo-en, maar het te laten testen door de stakeholders, als in een usability test. Geef ze opdrachten, laat ze het product gebruiken.

Ze reageren altijd enthousiast hierop!

Page 68: Get Agile - Überscrum voor UX, Design & development

RETROSPECTIVE · Bespreek menselijke

issues! · Als het niet lukt, geen

zorgen, schakel terug op staggered sprints. Volgende keer weer proberen!

68 #TWAB2012 @PIETERJ

Page 69: Get Agile - Überscrum voor UX, Design & development

SUCCES!

69 #TWAB2012 @PIETERJ

Als er één ding is waarvan ik hoop dat je het meeneemt na het zien van deze presentatie, dan is het dat Scrum gaat over mensen, hun wensen en hun dromen. Het gaat over eindgebruikers, over klanten en hun stakeholders; het gaat

over het team. Als je hen op de eerste plaats zet, dan beloven we dat je een fantastische tijd zult hebben!

Page 70: Get Agile - Überscrum voor UX, Design & development

70 #TWAB2012 @PIETERJ

Pieter Jongerius

@pieterj

All images copyright of their respective owners

Page 71: Get Agile - Überscrum voor UX, Design & development

Get Agile, het boek

Gepubliceerd herfst 2012

Volg @getagilebook of check http://fabrique.nl/getagile

Scrum Academy door Fabrique en GIFT

Training voor Scrum Masters & PO’s

TWAB €100 korting, gebruik code “TWAB” Aanbieding eindigt 12 november 2012

scrumacademy.nl