Agile UXBetter together
@Thomas_van_Aken
Relaunch der Mediathek des Bayerischen Rundfunks
Vortrags-BacklogTodo In Progress Done
Das Problem
DieLösung?
Der Mehrwert
Was istAgile UX?
Projekt-Setup
Vorstellung
Fragen +Antworten
Vortrags-BacklogTodo In Progress Done
Das Problem
DieLösung?
Der Mehrwert
Was istAgile UX?
Projekt-Setup
Vorstellung
Fragen +Antworten
Thomas van Aken Scrum Master, Coach und Trainer
Sybit GmbH
Über120 Experten
95 Berater und -Entwickler
Hauptsitz Radolfzell
NiederlassungFrankfurt
Sybit - Portfolio
MobilityApp Entwicklung iOS,Android, Windows 8
App Sybit CRM Lead2Sales(SAP Mob. Sales Mgr.)SAP Mob. Service Mgr.
SAP SMP, Fiori
Produkt-konfiguration
Variantenkonfiguration im Angebot, Kundenauftrag
und Webshop
SAP VC, SAP IPC, SAP SSC
E-BusinessShops für Endkunden,Ersatzteilbestellungen,
Händlershops und E-Serviceportale
Hybris, SAP WCEM, SAP E-Commerce
Web/Content
Content Management, Mediatheken, Multi Channel
Content für High-Volume-Sites, Agenturdienste
CoreMedia CMS, Subshell Sophora
D
MobilityProdukt-
konfiguration
E-BusinessWeb/
Content
CRM
MobilityApp Entwicklung iOS,Android, Windows 8
App Sybit CRM Lead2Sales(SAP Mob. Sales Mgr.)SAP Mob. Service Mgr.
SAP SMP, Fiori
Produkt-konfiguration
Variantenkonfiguration im Angebot, Kundenauftrag
und Webshop
SAP VC, SAP IPC, SAP SSC
E-BusinessShops für Endkunden,Ersatzteilbestellungen,
Händlershops und E-Serviceportale
Hybris, SAP WCEM, SAP E-Commerce
Web/Content
Content Management, Mediatheken, Multi Channel
Content für High-Volume-Sites, Agenturdienste
CoreMedia CMS, Subshell Sophora
MobilityProdukt-
konfiguration
E-BusinessWeb/
Content
CRMSybit GmbH
Sybit GmbH
Agile Consulting seit 2010
Scrum Master in Kunden-Teams
Coaching
Schulungen
Darüber hinaus
1. & 2. Oktober 2014
Vortrags-BacklogTodo In Progress Done
Das Problem
DieLösung?
Der Mehrwert
Was istAgile UX?
Projekt-Setup
Vorstellung
Fragen +Antworten
Vortrags-BacklogTodo In Progress Done
Das Problem
DieLösung?
Der Mehrwert
Was istAgile UX?
Projekt-Setup
Vorstellung
Fragen +Antworten
Das Projekt
Relaunch der Mediathek des Bayerischen Rundfunks
• Ziele:– Mehrere Endgeräte– User Experience– Integration in BR.de– Nutzungszahlen
Das Projekt
http://www.br.de/mediathek/video
Das Team• UX-Team
– „Kunden-PO“– Konzepterin– Designerin– Frontendler– Scrum Master
• DEV-Team– „Umsetzungs-PO“– CMS-Entwickler– Tester / Scrum Master
© Thomas Wolf, www.foto-tw.de
Vorgeschichte
• Seit über 1 Jahr UX in Agilen Teams• Start mit Relaunch BR.de• Anspannung vor dem neuen Projekt• „UX als Bottleneck“
Vortrags-BacklogTodo In Progress Done
Das Problem
DieLösung?
Der Mehrwert
Was istAgile UX?
Projekt-Setup
Vorstellung
Fragen +Antworten
Vortrags-BacklogTodo In Progress Done
Das Problem
DieLösung?
Der Mehrwert
Was istAgile UX?
Projekt-Setup
Vorstellung
Fragen +Antworten
…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)
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?
Was ist User Experience?
Stabilität
Nützlichkeit
Gebrauchs-/Nutzerfreundlichkeit
Ästhetik
Was macht UX mit den Usern?
• Umfragen / Medienforschung• Persona Workshops• User Testing• Story Boards• Paper Prototyping
Weitere Techniken: http://uxmastery.com/resources/techniques/
Rollen im UX-Bereich• Informationsarchitekt / Interaction
Designer / Konzepter• Visual Designer / UI Designer• Frontend-Entwickler
Agile UX
Integration der Methoden, Techniken und Rollen des Bereiches User Experience in die agile Softwareentwicklung
Warum?
Vortrags-BacklogTodo In Progress Done
Das Problem
DieLösung?
Der Mehrwert
Was istAgile UX?
Projekt-Setup
Vorstellung
Fragen +Antworten
Vortrags-BacklogTodo In Progress Done
Das Problem
DieLösung?
Der Mehrwert
Was istAgile UX?
Projekt-Setup
Vorstellung
Fragen +Antworten
97% of websites fail at UX.
http://www.vitamintalent.com/ux-statistic/
Testing with just 5 users can find 85% of your site‘s problems.
http://www.vitamintalent.com/ux-statistic/
Vortrags-BacklogTodo In Progress Done
Das Problem
DieLösung?
Der Mehrwert
Was istAgile UX?
Projekt-Setup
Vorstellung
Fragen +Antworten
Vortrags-BacklogTodo In Progress Done
Das Problem
DieLösung?
Der Mehrwert
Was istAgile UX?
Projekt-Setup
Vorstellung
Fragen +Antworten
Wo ist das Problem?
Geschichte von UX
• Lineare Print-Prozesse – Design => Produktion• Lineare Prozesse in Wasserfall-Software-
Projekten• Agile und Responsive Design als
Herausforderung
DONE IS
BETTER
THAN
PERFECT
Prozesse von UX
Kreativer Ziehharmonika-Prozess vs. Linearer Umsetzungsprozess
Vortrags-BacklogTodo In Progress Done
Das Problem
DieLösung?
Der Mehrwert
Was istAgile UX?
Projekt-Setup
Vorstellung
Fragen +Antworten
Vortrags-BacklogTodo In Progress Done
Das Problem
DieLösung?
Der Mehrwert
Was istAgile UX?
Projekt-Setup
Vorstellung
Lean UXFragen +
Antworten
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
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
Die Phase 0
Die Phase 0
Visualisiere den Prozess
To Do Frontend Review
S1
Konzept Design Coding Testing Done
Sprint n Sprint n+1
Der Entwicklungsprozess
1. Just Pure Scrum
2. Upfront but coupled
3. Mischform
Der Entwicklungsprozess
UX DEV
„getting out of the deliverables Business“Jeff Gothelf
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“
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
Vortrags-BacklogTodo In Progress Done
Das Problem
DieLösung?
Der Mehrwert
Was istAgile UX?
Projekt-Setup
Vorstellung
Lean UXFragen +
Antworten
Vortrags-BacklogTodo In Progress Done
Das Problem
DieLösung?
Der Mehrwert
Was istAgile UX?
Projekt-Setup
Vorstellung
Lean UXFragen +
Antworten
Vielen Dank!
Agile UXBetter together
@Thomas_van_Aken
Relaunch der Mediathek des Bayerischen Rundfunks
Weitere Informationen
www.sybit.de/agile
Vielen Dank!
Recommended
