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 - Portfolio CRM Web/ Content Web/ Content Management, Mediatheken, Multi Channel Content für High-Volume-Sites, Content Agenturdienste CoreMedia CMS, Subshell Sophora D E-Business Shops für Endkunden, Ersatzteilbestellungen, Händlershops und E-Serviceportale E-Business Hybris, SAP WCEM, SAP E-Commerce Mobility App Entwicklung ios, Android, Windows 8 Mobility App Sybit CRM Lead2Sales (SAP Mob. Sales Mgr.) SAP Mob. Service Mgr. SAP SMP, Fiori Produktkonfiguration Produktkonfiguration Variantenkonfiguration im Angebot, Kundenauftrag und Webshop SAP VC, SAP IPC, SAP SSC

7 Sybit GmbH CRM Web/ Content Web/ Content Management, Mediatheken, Multi Channel Content für High-Volume-Sites, Content Agenturdienste CoreMedia CMS, Subshell Sophora E-Business Shops für Endkunden, Ersatzteilbestellungen, Händlershops und E-Serviceportale E-Business Hybris, SAP WCEM, SAP E-Commerce Mobility App Entwicklung ios, Android, Windows 8 Mobility App Sybit CRM Lead2Sales (SAP Mob. Sales Mgr.) SAP Mob. Service Mgr. SAP SMP, Fiori Produktkonfiguration Produktkonfiguration Variantenkonfiguration im Angebot, Kundenauftrag und Webshop SAP VC, SAP IPC, SAP SSC

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

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

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

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

12 Das Projekt

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

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

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

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

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

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

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

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

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

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

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

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

25 97% of websites fail at UX.

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

27 => UX als Erfolgsfaktor

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

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

30 Wo ist das Problem?

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

32 DONE IS BETTER THAN PERFECT

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

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

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

36 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

37 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

38 Die Phase 0

39 Die Phase 0

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

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

42 Der Entwicklungsprozess UX DEV

43 getting out of the deliverables Business Jeff Gothelf

44 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

45 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

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 Vortrags-Backlog Todo In Progress Vorstellung Projekt- Setup Was ist Agile UX? Der Mehrwert Das Problem Die Lösung? Lean UX Fragen + Antworten

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

49 Weitere Informationen Vielen Dank!