Agile UX. Better Relaunch der Mediathek des Bayerischen Rundfunks

Transkript

1 Agile UX Better together Relaunch der Mediathek des Bayerischen

2 Vortrags-Backlog Todo In Progress Vorstellung Projekt- Setup Was ist Agile UX? Der Mehrwert Das Problem Die Lösung? Fragen + Antworten

3 Vortrags-Backlog Todo In Progress Projekt- Setup Vorstellung Was ist Agile UX? Der Mehrwert Das Problem Die Lösung? Fragen + Antworten

4 Thomas van Aken Scrum Master, Coach und Trainer

5 Sybit GmbH Über 120 Experten 95 Berater und -Entwickler Hauptsitz Radolfzell Niederlassung Frankfurt

6 Sybit GmbH Agile Consulting seit 2010 Scrum Master in Kunden-Teams Coaching Schulungen Darüber hinaus 1. & 2. Oktober 2014

7 Und Sie?

8 Vortrags-Backlog Todo In Progress Projekt- Setup Vorstellung Was ist Agile UX? Der Mehrwert Das Problem Die Lösung? Fragen + Antworten

9 Vortrags-Backlog Todo In Progress Projekt- Setup Vorstellung Was ist Agile UX? Der Mehrwert Das Problem Die Lösung? Fragen + Antworten

10 Das Projekt Relaunch der Mediathek des Bayerischen Rundfunks Ziele: Mehrere Endgeräte User Experience Integration in BR.de Nutzungszahlen

11 Das Projekt

12 Das Team UX-Team Kunden-PO Konzepterin Designerin Frontendler Scrum Master Thomas Wolf, DEV-Team Umsetzungs-PO CMS-Entwickler Tester / Scrum Master

13 Vorgeschichte Seit über 1 Jahr UX in Agilen Teams Start mit Relaunch BR.de Anspannung vor dem neuen Projekt UX als Bottleneck

14 Vortrags-Backlog Todo In Progress Vorstellung Projekt- Setup Was ist Agile UX? Der Mehrwert Das Problem Die Lösung? Fragen + Antworten

15 Vortrags-Backlog Todo In Progress Vorstellung Projekt- Setup Der Mehrwert Was ist Agile UX? Das Problem Die Lösung? Fragen + Antworten

16 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)

17 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?

18 Was ist User Experience? Stabilität Nützlichkeit Gebrauchs- /Nutzerfreundlichkeit Ästhetik

19 Was macht UX mit den Usern? Umfragen / Medienforschung Persona Workshops User Testing Story Boards Paper Prototyping Weitere Techniken:

20 Rollen im UX-Bereich Informationsarchitekt / Interaction Designer / Konzepter Visual Designer / UI Designer Frontend-Entwickler

21 Agile UX Integration der Methoden, Techniken und Rollen des Bereiches User Experience in die agile Softwareentwicklung Warum?

22 Vortrags-Backlog Todo In Progress Vorstellung Projekt- Setup Der Mehrwert Was ist Agile UX? Das Problem Die Lösung? Fragen + Antworten

23 Vortrags-Backlog Todo In Progress Vorstellung Projekt- Setup Der Mehrwert Was ist Agile UX? Das Problem Die Lösung? Fragen + Antworten

24 97% of websites fail at UX.

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

26 => UX als Erfolgsfaktor

27 Vortrags-Backlog Todo In Progress Vorstellung Projekt- Setup Was ist Agile UX? Der Mehrwert Das Problem Die Lösung? Fragen + Antworten

28 Vortrags-Backlog Todo In Progress Vorstellung Projekt- Setup Was ist Agile UX? Der Mehrwert Die Lösung? Das Problem Fragen + Antworten

29 Wo ist das Problem?

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

31 DONE IS BETTER THAN PERFECT

32 Prozesse von UX Kreativer Ziehharmonika-Prozess vs. Linearer Umsetzungsprozess

33 Vortrags-Backlog Todo In Progress Vorstellung Projekt- Setup Was ist Agile UX? Der Mehrwert Die Lösung? Das Problem Fragen + Antworten

34 Vortrags-Backlog Todo In Progress Vorstellung Projekt- Setup Was ist Agile UX? Der Mehrwert Die Lösung? Das Problem Lean UX Fragen + Antworten

35 Reloaded - Mediathek Phase 0 Project Canvas / Story Mapping Anpassung des Entwicklungsprozesses Gleiches Recht für alle: planen, schätzen, Demo, Bügeleisenaktion zur Wahrung der Konsistenz (UX-refactoring) Team-Events

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

37 Die Phase 0

38 Die Phase 0

39 Visualisiere den Prozess To Do Konzept Design Frontend Coding Review Testing Done S1 Sprint n Sprint n+1

40 Der Entwicklungsprozess 1. Just Pure Scrum 2. Upfront but coupled 3. Mischform

41 Der Entwicklungsprozess UX DEV

42 getting out of the deliverables Business Jeff Gothelf

43 Zusammenarbeit! Seriellen Prozess aufbrechen => Übergaben = Verschwendung Entwickler früh in konzeptionelle Fragen einbinden => Identifikation, Machbarkeit, weitere Ideen => Balance UXler begleiten Umsetzung => Änderungen auf dem Weg UXler sind an Testphase beteiligt => UX-QS

44 Weitere Learnings & Ideen Prototyping! Design im Browser Prototyp ist die Spezifikation Living Design Patterns statt Photoshop Visionsentwicklung im Team vor Phase 0 Gemeinsame Design Workshops Kanban statt Scrum

45 Vortrags-Backlog Todo In Progress Vorstellung Projekt- Setup Was ist Agile UX? Der Mehrwert Das Problem Die Lösung? Lean UX Fragen + Antworten

46 Vortrags-Backlog Todo In Progress Vorstellung Projekt- Setup Was ist Agile UX? Der Mehrwert Das Problem Die Lösung? Lean UX Fragen + Antworten

47 Agile UX Better together Relaunch der Mediathek des Bayerischen Vielen Dank!

48 Weitere Informationen Vielen Dank!

49 Copyright-Hinweis Wir nutzen neben eigenem Material auch Bilder von folgenden Quellen nach Maßgabe der dort festgelegten Nutzungsbedingungen. Falls wir irrtümlicherweise fremde Rechte verletzen, kontaktieren Sie uns bitte umgehend, damit wir berechtigte Interessen wahren können. Bildnachweise: Louis Louro/shutterstock Bacho/shutterstock Thomas Wolf,