49
Agile UX Better together @Thomas_van_Aken Relaunch der Mediathek des Bayerischen Rundfunks

Agile UX - Präsentation von Thomas van Aken auf dem Scrum Day in Böblingen vom 02.07.2014

Embed Size (px)

DESCRIPTION

Die Bereiche User Experience Design und Agile stellen einen großen Mehrwert für die Softwareproduktion dar. Die Kombination aus beiden birgt ein Potential, das – einmal gehoben – Unternehmen einen echten Wettbewerbsvorteil bringen kann. Agile UX ist dabei der Ansatz, diese beiden Bereiche nicht nur im Rahmen von klar definierten Prozessen zu einer Zweckehe zusammen zu bringen, sondern in eng zusammenarbeitenden, cross-funktionalen Teams und mit viel Spaß effizient gute Produkte zu bauen. Der Vortrag zeigt auf, worin genau die Vorteile eines gemeinsamen Ansatzes von Agile und UX liegen aber auch welche Hürden es zu überwinden gilt. Thomas van Aken ist seit mehr als 10 Jahren in der Softwareentwicklung unterwegs. Dabei hat er unter anderem als Entwickler, Produkt-, Projekt- und Program-Manager die verschiedensten Aufgabenfelder bearbeitet. Seit 2008 wendet Thomas agile Methoden an – von Anfang an auch in Zusammenarbeit mit Designern und Konzeptern. Seit 2012 begleitet er als Agile Coach bei der Sybit GmbH Teams in Kundenprojekten und gibt Schulungen zu den Themen Scrum, Kanban, agiles Anforderungsmanagement sowie Agile UX.

Citation preview

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/

=> UX als Erfolgsfaktor

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!