Bridging the gap between Agile & UX Johanna Kollmann ~ - - PowerPoint PPT Presentation

Photo ¡by ¡Jeffery ¡Scism ¡h1p://www.flickr.com/photos/jgscism/9216206232

• Collaboration. ¡Customers. ¡Con0lict?

Bridging ¡the ¡gap ¡between ¡ Agile ¡& ¡UX

Johanna ¡Kollmann ~ @johannakoll UX ¡Day ¡Graz, ¡2013

Agile ¡is ¡becoming ¡standard

“Future ¡plans ¡to ¡implement ¡agile ¡grew ¡from ¡ 59% ¡in ¡2001 ¡-­‑> ¡83% ¡in ¡2012. ¡Nearly ¡half ¡ said ¡their ¡organization ¡has ¡5+ ¡agile ¡teams ¡ (48%), ¡compared ¡to ¡only ¡33% ¡in ¡2011. ¡”

VersionOne ¡State ¡of ¡Agile ¡Dev ¡Survey, ¡via ¡Lane ¡Halley ¡@thinknow

Photo ¡by ¡Nigel ¡Howe ¡h1p://www.flickr.com/photos/40939157@N03/5315358341/

Sprint

Scrum

User ¡story

Scrum Scrum

Retrospective Stand ¡up Scrum ¡master

Sprint ¡Zero

Backlog

Kanban

The ¡Agile ¡Manifesto ¡(2001!)

Individuals ¡and ¡interactions ¡over ¡processes ¡and ¡tools Working ¡software ¡over ¡comprehensive ¡documentation Customer ¡collaboration ¡over ¡contract ¡negotiation Responding ¡to ¡change ¡over ¡following ¡a ¡plan

While ¡basically ¡silent ¡about ¡UX ¡ design, ¡Agile ¡thinking ¡offers ¡a ¡ fundamental ¡paradigm ¡shift ¡about ¡ how ¡to ¡interact ¡and ¡communicate ¡ with ¡your ¡project ¡team ¡and ¡beyond. ¡ ~ ¡Anders ¡Ramsay ¡@andersramsay

Challenges

How ¡to ¡make ¡it ¡work

Challenges

Planning Data ¡gathering Implement high ¡dev low ¡UI features Design ¡for ¡sprint ¡2 Gather ¡customer ¡input ¡for ¡ sprint ¡3 Test ¡sprint ¡1 ¡code Design ¡for ¡sprint ¡3 Gather ¡input ¡for ¡sprint ¡4 Test ¡sprint ¡2 ¡code Design ¡for ¡sprint ¡4 Gather ¡input ¡for ¡sprint ¡5 Implement designs Implement designs Developers Interaction ¡Designers Sprint ¡0 Sprint ¡1 Sprint ¡2 Sprint ¡3

Customer ¡data Customer ¡data Code Design Code Design

adapted ¡from ¡a ¡diagram ¡by ¡Lynn ¡Miller

Photo ¡by ¡FlackJacket2010 ¡h1p://www.flickr.com/photos/47543932@N08/5976266093

Photo ¡by ¡Choo ¡Yut ¡Shing ¡h1p://www.flickr.com/photos/25802865@N08/10502482036/

Photo ¡by ¡Wendy ¡h1p://www.flickr.com/photos/7705025@N08/2463099768/

Photo ¡by ¡Wendy ¡http://www.flickr.com/photos/kalexanderson/5421517469/

I ¡miss ¡research!

How ¡to ¡make ¡it ¡work

Photo ¡by ¡Boston ¡Public ¡Library ¡http://www.flickr.com/photos/boston_public_library/5703905054/

Be ¡there: ¡you ¡are ¡ part ¡of ¡the ¡team

h1p://www.flickr.com/photos/45581782@N00/8035308650/

Make ¡your ¡ work ¡visible: ¡ you ¡are ¡part ¡of ¡ the ¡team

Champion ¡ collaboration: ¡ expand ¡your ¡ toolkit

h1p://www.flickr.com/photos/menlopics/3928252631/

Pairing

Instead ¡of ¡ “how ¡do ¡we ¡know ¡if ¡it’s ¡done”, ¡ ask ¡ “how ¡do ¡we ¡know ¡if ¡it’s ¡good”. ¡ ~ ¡Lane ¡Halley ¡@thinknow

Photo ¡by ¡Jorgen ¡Kesseler ¡h1p://www.flickr.com/photos/58544688@N03/5393485546

RESEARCH! DATA!

Lean ¡Startup is ¡about ¡learning through ¡ experiments with ¡customers

Photo ¡by ¡RDECOMh1p://www.flickr.com/photos/rdecom/7336886600

Photo ¡by ¡RDECOMh1p://www.flickr.com/photos/rdecom/7336886600

Build Measure Learn

Make ¡research ¡a ¡habit.

Qualitative ¡and ¡quantitative ¡(+ ¡remote!) ‘5 ¡users ¡every ¡friday’ Degine ¡research ¡questions ¡with ¡the ¡team Be ¡clear ¡about ¡success ¡criteria ¡+ ¡measures Test ¡what ¡you ¡got Train ¡other ¡people

Photo ¡by ¡Wendy ¡h1p://www.flickr.com/photos/7705025@N08/2463099768/

Clean ¡up ¡your ¡debt.

Developers ¡refactor. Developers ¡write ¡tests. Key ¡aspects ¡of ¡quality. Hold ¡a ¡design ¡retrospective. Refactor ¡your ¡design ¡system. Key ¡aspects ¡of ¡quality.

Make ¡things ¡for ¡people, ¡with ¡people

h1p://www.flickr.com/photos/hannahdonovan/5900445189/

Summary

Be ¡part ¡of ¡the ¡team. Make ¡your ¡work ¡visible. Collaborate, ¡pair. Run ¡experiments, ¡make ¡research ¡a ¡habit. Clean ¡up ¡your ¡debt. ¡ Refactor ¡your ¡design ¡system.

Photo ¡by ¡Jeff ¡Golden ¡h1p://www.flickr.com/photos/46868900@N00/2637637797/

It’s ¡about ¡the ¡team

Responsibilities ¡& ¡competencies ¡over ¡roles Expertise ¡over ¡interest Outcome ¡over ¡process No ¡ego!

Resources

Agile ¡and ¡UX: ¡Two ¡tastes ¡that ¡taste ¡great ¡together, ¡Lane ¡Halley, ¡UX ¡Week ¡2013, ¡http://vimeo.com/74944431 Sustainable ¡pace, ¡Agile ¡& ¡The ¡Big ¡Design ¡Refactor, ¡Jonathan ¡Berger, ¡Balanced ¡Team ¡Conference ¡2013, ¡http:// design.pivotallabs.com/jpb/jpb-­‑balteam2013-­‑talk/deck/ Case ¡Study ¡of ¡Customer ¡Input ¡For ¡a ¡Successful ¡Product, ¡Lynn ¡Miller ¡(2005) 5 ¡Users ¡every ¡Friday, ¡Tom ¡Illmensee ¡& ¡Alyson ¡Muff, ¡Agile ¡2009 ¡Proceedings Learning ¡to ¡play ¡UX ¡rugby, ¡Anders ¡Ramsay, ¡http://slidesha.re/GPfK0w Beyond ¡Staggered ¡Sprints: ¡Integrating ¡User ¡Experience ¡and ¡Agile, ¡Jeff ¡Gothelf, ¡http://slidesha.re/9Pq3qb Designing ¡the ¡user ¡experience ¡in ¡an ¡agile ¡context, ¡Johanna ¡Kollmann, ¡http://bit.ly/p3NmWI Design ¡Pairing, ¡Samuel ¡Bowles, ¡UXLX ¡2012, ¡https://speakerdeck.com/shmuel/design-­‑pairing-­‑uxlx Test ¡everything ¡you ¡got ¡regardless ¡of ¡its ¡polish ¡or ¡Jidelity, ¡Jeff ¡Gothelf, ¡http://bit.ly/n6qjTI It’s ¡Our ¡Research: ¡Getting ¡Stakeholder ¡Buy-­‑In ¡for ¡UX ¡Research ¡Projects ¡, ¡Tomer ¡Sharon Introduction ¡to ¡Design ¡Studio ¡Methodology, ¡Will ¡Evans, ¡http://uxmag.com/articles/introduction-­‑to-­‑design-­‑studio-­‑ methodology The ¡KJ ¡Technique: ¡A ¡Group ¡Process ¡for ¡Establishing ¡Priorities, ¡Jared ¡M. ¡Spool, ¡http://www.uie.com/articles/ kj_technique/ The ¡new ¡user ¡story ¡backlog ¡is ¡a ¡map, ¡Jeff ¡Patton, ¡http://www.agileproductdesign.com/blog/the_new_backlog.html Collaboration ¡games: ¡http://gogamestorm.com, ¡http://innovationgames.com/resources/the-­‑games/

Thank ¡you:

Konrad ¡& ¡Keith. Lane ¡Halley, ¡Jonathan ¡Berger, ¡Jeff ¡Gothelf, ¡ Will ¡Evans, ¡Desiree ¡Sy, ¡Anders ¡Ramsay, ¡ Janice ¡Fraser, ¡William ¡Pietri, ¡Adrian ¡ Howard, ¡Shawn ¡Crowley ¡& ¡the ¡rest ¡of ¡ Balanced ¡Team.