Agile UX - Präsentation von Thomas van Aken auf der Agile World Konferenz in München vom...

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-SetupVorstellung

Fragen +Antworten


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

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 WebshopSAP 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

Mobility Produkt-konfiguration

E-BusinessWeb/

Content

CRMSybit GmbH

Sybit GmbH

Agile Consulting seit 2010Scrum Master in Kunden-TeamsCoachingSchulungen

Darüber hinaus

1. & 2. Oktober 2014

Und Sie?


Das Problem

DieLösung?

Der Mehrwert

Was istAgile UX?

Projekt-Setup Vorstellung

Fragen +Antworten

Das Projekt


• 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“


Das Problem

DieLösung?

Der Mehrwert

Was istAgile UX?


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ätNützlichkeitGebrauchs-/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/

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?


Das Problem

DieLösung?

Der Mehrwert

Was istAgile UX?


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

http://de.escapio.com/


Das Problem

DieLösung?

Der Mehrwert

Was istAgile UX?


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

THANPERFECT

Prozesse von UXKreativer Ziehharmonika-Prozess vs. Linearer Umsetzungsprozess


Das Problem

DieLösung?

Der Mehrwert

Was istAgile UX?


Fragen +Antworten


Das Problem

DieLösung?

Der Mehrwert

Was istAgile UX?


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

Visualisiere den Prozess

To Do Frontend Review

S1

Konzept Design Coding Testing Done

Sprint n Sprint n+1

Der Entwicklungsprozess

1. Just Pure Scrum2. Upfront but coupled3. 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


Das Problem

DieLösung?

Der Mehrwert

Was istAgile UX?


Lean UXFragen +Antworten

Vielen Dank!

Agile UXBetter together

@Thomas_van_Aken


Weitere Informationen

www.sybit.de/agile

Vielen Dank!

Copyright-HinweisWir 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/shutterstockBacho/shutterstockThomas Wolf, www.foto-tw.de

Agile UX - Präsentation von Thomas van Aken auf der Agile World Konferenz in München vom...

Documents

Transcript of Agile UX - Präsentation von Thomas van Aken auf der Agile World Konferenz in München vom...