37
Agile UX Build better products Thomas van Aken Agile Coach @Thomas_van_Aken xing.de/profiles/ thomas_vanaken

Agile UX - Agile Bodensee Konferenz 2013

Embed Size (px)

Citation preview

Page 1: Agile UX - Agile Bodensee Konferenz 2013

Agile UXBuild better products

Thomas van AkenAgile Coach

@Thomas_van_Akenxing.de/profiles/thomas_vanaken

Page 2: Agile UX - Agile Bodensee Konferenz 2013

Vortrags-BacklogTodo In Progress Done

Zusammen-arbeit

Lean UX

LessonsLearned

Der Mehrwert

Was istUX?

VorstellungWarumAgile UX?

Page 3: Agile UX - Agile Bodensee Konferenz 2013

Warum „Agile UX“?• Irgendwie braucht man ja Design• „Wo ihr schon mal da seid, sprintet doch einfach mit“• Zusammenarbeit• Gegenseitiges Verständnis

• Fachgebiete• Prozesse

Page 4: Agile UX - Agile Bodensee Konferenz 2013

Vortrags-BacklogTodo In Progress Done

WarumAgile UX?

Zusammen-arbeit

Lean UX

LessonsLearned

Der Mehrwert

Was istUX?

Vorstellung

Page 5: Agile UX - Agile Bodensee Konferenz 2013

Was ist User Experience?

Stabilität

Nützlichkeit

Gebrauchs-/Nutzerfreundlichkeit

Ästhetik

Page 6: Agile UX - Agile Bodensee Konferenz 2013

Was ist User Experience?• „User Experience ist ein

mehrdimensionales Konstrukt, das nur schwer über eine einzige Frage erfasst werden kann.“

Þ Use Cases können vom User effizient erledigt werden, im Idealfall macht die Benutzung sogar Spaß.

Page 7: Agile UX - Agile Bodensee Konferenz 2013

Geschichte von UX• Lineare Prozesse – Design => Produktion• Lineare Prozesse in Wasserfall-Software-Projekten• Agile und Responsive Design als Herausforderung

Page 8: Agile UX - Agile Bodensee Konferenz 2013

Was macht UX mit den Usern?• Umfragen / Medienforschung• Persona Workshops• User Interviews• User Testing

– Workshops– Eye Tracking

• Story Boards• Paper Prototyping

Weitere Techniken: http://uxmastery.com/resources/techniques/

Page 9: Agile UX - Agile Bodensee Konferenz 2013

Rollen im UX-Bereich• Informationsarchitekt / Interaction

Designer / Konzepter• Visual Designer / UI Designer• Frontend-Entwickler

Page 10: Agile UX - Agile Bodensee Konferenz 2013

Vortrags-BacklogTodo In Progress Done

WarumAgile UX?

Lean UX

LessonsLearned

Was istUX?

Vorstellung

Der Mehrwert

Zusammen-arbeit

Page 11: Agile UX - Agile Bodensee Konferenz 2013

97% of websites fail at UX.

http://www.vitamintalent.com/ux-statistic/

Page 12: Agile UX - Agile Bodensee Konferenz 2013

… but some products don‘t

=> UX als Erfolgsfaktor

Page 13: Agile UX - Agile Bodensee Konferenz 2013

Testing with just 5 users can find 85% of your site‘s problems.

http://www.vitamintalent.com/ux-statistic/

Page 14: Agile UX - Agile Bodensee Konferenz 2013

Developers spend 50% of their time fixing avoidable issues.

The ROI of User Experience (UX): http://socialmediatoday.com/bitpakkit/267487/roi-ux

Page 15: Agile UX - Agile Bodensee Konferenz 2013

Vortrags-BacklogTodo In Progress Done

WarumAgile UX?

Zusammen-arbeit

Lean UX

LessonsLearned

Der Mehrwert

Was istUX?

Vorstellung

Page 16: Agile UX - Agile Bodensee Konferenz 2013

Das Aufeinandertreffen• Lächerlich kurze Release-Zyklen• Loshacken ohne essentielle Design-Überlegungen• „In the beginning I hated it!“ –Josh Seiden• Was machen die da?• Warum brauchen die so lange?

Page 17: Agile UX - Agile Bodensee Konferenz 2013

Bayerischer Rundfunk• Seit über 1 Jahr UX in Agilen Teams• Start mit Relaunch BR.de• Verbesserung der Zusammenarbeit im Mediatheks-Projekt• Weiteren Schritt nach vorne mit Sotschi

Page 18: Agile UX - Agile Bodensee Konferenz 2013

DONE IS

BETTER

THAN

PERFECT

Page 19: Agile UX - Agile Bodensee Konferenz 2013

BR.de

To Do In Progress Done

S1S1DEVS1UX

Page 20: Agile UX - Agile Bodensee Konferenz 2013

Reloaded - Mediathek• Phase 0• Project Canvas / Story Mapping• Anpassung des Entwicklungsprozesses• Gleiches Recht für alle

– planen, schätzen, Demo, …– Stories

• Bügeleisenaktion zur Wahrung der Konsistenz (UX-refactoring)

Page 21: Agile UX - Agile Bodensee Konferenz 2013

Die Phase 0• Zieldefinition anhand von Project Canvas• Definition von Personas• Aufsetzen einer Story Map• Entwicklung von Design-Sprache / Style-Tiles• Entwicklung einer Informationsarchitektur

Page 22: Agile UX - Agile Bodensee Konferenz 2013

UX DEV

Page 23: Agile UX - Agile Bodensee Konferenz 2013

Kleiner Wasserfall?

To Do Frontend Review

S1

Konzept Design Coding Testing Done

Sprint n Sprint n+1

Page 24: Agile UX - Agile Bodensee Konferenz 2013

Vortrags-BacklogTodo In Progress Done

WarumAgile UX?

Zusammen-arbeit

Lean UX

LessonsLearned

Der Mehrwert

Was istUX?

Vorstellung

Page 25: Agile UX - Agile Bodensee Konferenz 2013

…specialization wasn‘t the primary problem, collaboration was.

As the agile movement has matured, we‘ve added back specialists, as we‘ve learned to integrate them into agile teams.- Jim Highsmith, author of the Agile Manifesto -

Agile Experience Design (Ratcliffe / McNeill)

Page 26: Agile UX - Agile Bodensee Konferenz 2013

getting out of the deliverables Business

Jeff Gothelf

Page 27: Agile UX - Agile Bodensee Konferenz 2013

Zusammenarbeit!

• Seriellen Prozess aufbrechen => Übergaben = Verschwendung

• Entwickler früh in konzeptionelle Fragen einbinden => Identifikation, Machbarkeit, weitere Ideen

• UXler begleiten Umsetzung => Änderungen auf dem Weg

• UXler sind an Testphase beteiligt => „UX-QS“

UX DEV

Page 28: Agile UX - Agile Bodensee Konferenz 2013

Lessons Learned• UX ist zu langsam Kreativer Ziehharmonika-Prozess vs. Linearer

Umsetzungsprozess

• Einbindung aller in den Gesamtprozess heißt weniger Features im Sprint dafür muss Zeit eingeplant sein

• Unterschiedliche Prozesse sollte von allen als ein Gesamtprozess verstanden und unterstützt werden Identifikation

• Benefit: Entwicklung arbeitet aktiv an Lösungen mit und setzt nicht nur Anforderung um

Page 29: Agile UX - Agile Bodensee Konferenz 2013

Weitere Ansätze

• Prototyping!– „Design im Browser“– „Prototyp ist die Spezifikation“– Living Design Patterns statt Photoshop

• Visionsentwicklung im Team vor Phase 0• Vergabe einer UX-Prio im Backlog

Page 30: Agile UX - Agile Bodensee Konferenz 2013

Vortrags-BacklogTodo In Progress Done

WarumAgile UX?

Zusammen-arbeit

Lean UX

LessonsLearned

Der Mehrwert

Was istUX?

Vorstellung

Page 31: Agile UX - Agile Bodensee Konferenz 2013
Page 32: Agile UX - Agile Bodensee Konferenz 2013

Das Richtige tun

• Der Trend geht weg vom Big-Bang-Launch• Section für Section launchen s. arte, BBC, Guardian

(Roman Pichler)

Page 33: Agile UX - Agile Bodensee Konferenz 2013

Live is too short to build something nobody wants

- Ash Maurya -

http://www.netmagazine.com/features/introduction-lean

Page 34: Agile UX - Agile Bodensee Konferenz 2013

Give a creative team a hypotheses, not a requirement

- Josh Seiden -

http://www.netmagazine.com/features/introduction-lean

Page 35: Agile UX - Agile Bodensee Konferenz 2013

Focus on outcome not output.

Page 36: Agile UX - Agile Bodensee Konferenz 2013

Vortrags-BacklogTodo In Progress Done

WarumAgile UX?

Zusammen-arbeit

Lean UX

LessonsLearned

Der Mehrwert

Was istUX?

Vorstellung

Page 37: Agile UX - Agile Bodensee Konferenz 2013

Vielen Dank für Eure Aufmerksamkeit!

Thomas van AkenAgile Coach – Sybit GmbHwww.sybit.de/agile

@Thomas_van_Akenhttps://www.xing.com/profiles/Thomas_vanAken