Optimizing agile software development process for webdevelopment by agile design

Slide 1

Slide 1 text

Gregor Swatek - HAW Hamburg - Kolloquium WS 11/12 - 14.02.2012 Gregor Swatek - HAW Hamburg - Kolloquium WS 11/12 - 14.02.2012 Optimierung agiler Softwareentwicklungsprozesse für Webentwicklung mit Hilfe von Agile Design Optimierung agiler Softwareentwicklungsprozesse für Webentwicklung mit Hilfe von Agile Design Optimierung agiler Softwareentwicklungsprozesse für Webentwicklung mit Hilfe von Agile Design 1 Mittwoch, 13. März 13

Slide 2

Slide 2 text

RoadMap Einführung Konzept Praxis Vorführung Zusammenfassung 2 Mittwoch, 13. März 13

Slide 3

Slide 3 text

RoadMap ‣ Einführung ‣ Motivation Scrum im Detail Konzept Praxis Vorführung Zusammenfassung 3 Mittwoch, 13. März 13

Slide 4

Slide 4 text

Motivation ‣ Designspezifische Aufgaben schwer integrierbar ‣ Tätigkeitsspezifische Sprints ‣ Prozessfluss wird unterbrochen ‣ Hohe Kosten & Risiken für das Projekt 4 Mittwoch, 13. März 13

Slide 5

Slide 5 text

‣ Wieso ist die Integration in der Realität so schwer? ‣ Was muss man für eine erfolgreiche Integration tun? 5 Mittwoch, 13. März 13

Slide 6

Slide 6 text

RoadMap ‣ Einführung ✓ Motivation ‣ Scrum im Detail Konzept Praxis Vorführung Zusammenfassung 6 Mittwoch, 13. März 13

Slide 7

Slide 7 text

Scrum im Detail ‣ 3 Rollen Product Owner, Scrum Master, Das Team ‣ 5 Etappen Planning, Sprint, Daily Scrum, Review, Retrospektive ‣ 5 Artefakte Product Backlog, Sprint Backlog, Burndown Chart, Impediment Backlog, Definition of Done 7 Mittwoch, 13. März 13

Slide 8

Slide 8 text

Scrum im Detail 8 Mittwoch, 13. März 13

Slide 9

Slide 9 text

Scrum im Detail 8 Product Backlog Mittwoch, 13. März 13

Slide 10

Slide 10 text

Scrum im Detail 8 Product Backlog Product Owner Mittwoch, 13. März 13

Slide 11

Slide 11 text

Scrum im Detail 8 Product Backlog Product Owner Sprint Planning Mittwoch, 13. März 13

Slide 12

Slide 12 text

Scrum im Detail 8 Sprint Backlog Product Backlog Product Owner Sprint Planning Mittwoch, 13. März 13

Slide 13

Slide 13 text

Scrum im Detail 8 1 - 4 Wochen Sprint Sprint Backlog Product Backlog Product Owner Sprint Planning Mittwoch, 13. März 13

Slide 14

Slide 14 text

Scrum im Detail 8 1 - 4 Wochen Sprint Team Sprint Backlog Product Backlog Product Owner Sprint Planning Mittwoch, 13. März 13

Slide 15

Slide 15 text

Scrum im Detail 8 1 - 4 Wochen Sprint täglich Daily Scrum Team Sprint Backlog Product Backlog Product Owner Sprint Planning Mittwoch, 13. März 13

Slide 16

Slide 16 text

Scrum im Detail 8 1 - 4 Wochen Sprint täglich Daily Scrum Scrum Master Team Sprint Backlog Product Backlog Product Owner Sprint Planning Mittwoch, 13. März 13

Slide 17

Slide 17 text

Scrum im Detail 8 1 - 4 Wochen Sprint täglich Daily Scrum Scrum Master Team Sprint Backlog Product Backlog Product Owner Sprint Planning Sprint Review Mittwoch, 13. März 13

Slide 18

Slide 18 text

Scrum im Detail 8 1 - 4 Wochen Sprint täglich Daily Scrum Scrum Master Team Sprint Backlog Product Backlog Product Owner Sprint Planning Sprint Review Sprint Retrospective Mittwoch, 13. März 13

Slide 19

Slide 19 text

RoadMap ✓ Einführung ‣ Konzept ‣ Konkrete Probleme Einen Schritt zurück... Mögliche Lösungen Stand der Dinge Agile Design ... 9 Mittwoch, 13. März 13

Slide 20

Slide 20 text

Konkrete Probleme ‣ Unterschied in Herkunft und Kultur ‣ Frühes komplexes Design ‣ Kommunikations- und Feedbackdefizite ‣ Technisches Know-how des Designexperten 10 Mittwoch, 13. März 13

Slide 21

Slide 21 text

Konkrete Probleme 11 Quelle: http://www.mindmatters.de Mittwoch, 13. März 13

Slide 22

Slide 22 text

Konkrete Probleme 11 Dokumente Wireframes Quelle: http://www.mindmatters.de Mittwoch, 13. März 13

Slide 23

Slide 23 text

Photoshop Konkrete Probleme 11 Dokumente Wireframes Statische Mocks Quelle: http://www.mindmatters.de Mittwoch, 13. März 13

Slide 24

Slide 24 text

HTML / CSS Photoshop Konkrete Probleme 11 Dokumente Wireframes Statische Mocks HTML Mocks Quelle: http://www.mindmatters.de Mittwoch, 13. März 13

Slide 25

Slide 25 text

HTML / CSS Photoshop Konkrete Probleme 11 Dokumente Wireframes Statische Mocks HTML Mocks Aktuelle Anwendung Quelle: http://www.mindmatters.de Mittwoch, 13. März 13

Slide 26

Slide 26 text

RoadMap ✓ Einführung ‣ Konzept ✓ Konkrete Probleme ‣ Einen Schritt zurück... Mögliche Lösungen Stand der Dinge Agile Design ... 12 Mittwoch, 13. März 13

Slide 27

Slide 27 text

Einen Schritt zurück ... ‣ Produktion ist industrielle Vervielfältigung ‣ Produktentwicklung ist explorativ & feedbackintensiv ‣ Viele unterschiedliche Rollen beteiligt ‣ Ständige Produktentwicklungsphase 13 Produktentwicklung Mittwoch, 13. März 13

Slide 28

Slide 28 text

RoadMap ✓ Einführung ‣ Konzept ✓ Konkrete Probleme ✓ Einen Schritt zurück... ‣ Mögliche Lösungen Stand der Dinge Agile Design ... 14 Mittwoch, 13. März 13

Slide 29

Slide 29 text

Mögliche Lösungen 15 HTML / CSS Photoshop Dokumente Wireframes Statische Mocks HTML Mocks Aktuelle Anwendung Quelle: http://www.mindmatters.de Mittwoch, 13. März 13

Slide 30

Slide 30 text

Mögliche Lösungen 15 HTML / CSS Photoshop Dokumente Wireframes Statische Mocks HTML Mocks Aktuelle Anwendung Scribbles Quelle: http://www.mindmatters.de Mittwoch, 13. März 13

Slide 31

Slide 31 text

Mögliche Lösungen 15 HTML / CSS Photoshop Dokumente Wireframes Statische Mocks HTML Mocks Aktuelle Anwendung Scribbles Paper Prototyping Quelle: http://www.mindmatters.de Mittwoch, 13. März 13

Slide 32

Slide 32 text

Mögliche Lösungen 15 HTML / CSS Photoshop Dokumente Wireframes Statische Mocks HTML Mocks Aktuelle Anwendung Scribbles Paper Prototyping HTML-Styleguide Quelle: http://www.mindmatters.de Mittwoch, 13. März 13

Slide 33

Slide 33 text

Mögliche Lösungen 15 HTML / CSS Photoshop Dokumente Wireframes Statische Mocks HTML Mocks Aktuelle Anwendung Scribbles Paper Prototyping HTML-Styleguide inkrementelles Design Quelle: http://www.mindmatters.de Mittwoch, 13. März 13

Slide 34

Slide 34 text

Mögliche Lösungen ‣ Kompetenzen des Designexperten ‣ Sprint-Zero ‣ Enge Zusammenarbeit während des Sprints 16 Mittwoch, 13. März 13

Slide 35

Slide 35 text

Neue Artefakte und Etappen ‣ Wöchentliches Konzeptionsmeeting ‣ Pair Designing ‣ Design Feedback Task ‣ Interaktive UX-Pattern Bibliothek (Styleguide) 17 Mittwoch, 13. März 13

Slide 36

Slide 36 text

RoadMap ✓ Einführung ‣ Konzept ✓ Konkrete Probleme ✓ Einen Schritt zurück... ✓ Mögliche Lösungen ‣ Stand der Dinge Agile Design ... 18 Mittwoch, 13. März 13

Slide 37

Slide 37 text

Stand der Dinge 19 Quelle: http://jasonfurnell.ﬁles.wordpress.com/2009/09/design_dev_cycle1.jpg “Adapting Usability Investigations for Agile User-centered Design” by Desirée Sy Mittwoch, 13. März 13

Slide 38

Slide 38 text

„Agile Design“ 20 Mittwoch, 13. März 13

Slide 39

Slide 39 text

RoadMap ✓ Einführung ✓ Konzept ‣ Praxis ‣ Kollaborative vs. konventionelle Gestaltung Entwicklerperspektive Was muss der Product Owner mitbringen? Vorführung 21 Mittwoch, 13. März 13

Slide 40

Slide 40 text

Kollaborative vs. konventionelle Gestaltung ‣ Gemeinsam statt isoliert ‣ Designer muss sich nicht verteidigen ‣ Schnelles Feedback statt endlose Feedbackschleifen ‣ Geteiltes Wissen statt Wissensinseln ‣ Grobe scribbles anstatt detaillierte Mockups 22 Mittwoch, 13. März 13

Slide 41

Slide 41 text

RoadMap ✓ Einführung ✓ Konzept ‣ Praxis ✓ Kollaborative vs. konventionelle Gestaltung ‣ Entwicklerperspektive Was muss der Product Owner mitbringen? Projektvergleich aus der Praxis ... 23 Mittwoch, 13. März 13

Slide 42

Slide 42 text

Entwicklerperspektive ‣ Objektorientiert ‣ Abstraktionen ‣ Vererbung ‣ Makros ‣ Verschachtelung ‣ Konstanten/Variablen 24 Mittwoch, 13. März 13

Slide 43

Slide 43 text

Was muss der Product Owner mitbringen? ‣ Häufiges Feedback sehr wichtig ‣ Direkter Produktbegleiter für Designer ‣ Muss Feedback vom Team auch annehmen ‣ Teilnahme an allen relevanten Meetings ‣ Bereit sein Abstriche am Produkt vorzunehmen 25 Mittwoch, 13. März 13

Slide 44

Slide 44 text

RoadMap ✓ Einführung ✓ Konzept ‣ Praxis ✓ Kollaborative vs. konventionelle Gestaltung ✓ Entwicklerperspektive ✓ Was muss der Product Owner mitbringen? ‣ Projektvergleich aus der Praxis ... 26 Mittwoch, 13. März 13

Slide 45

Slide 45 text

Projektvergleich aus der Praxis ‣ Product Owner fühlte sich nicht verantwortlich ‣ Kommunikation mit Designer über Product Owner ‣ Träger Prozess ‣ Fehlendes Verständnis ‣ Design by committee 27 Ohne „Agile Design“ Mittwoch, 13. März 13

Slide 46

Slide 46 text

➡ Wertverlust auf allen Ebenen! ➡ Wertverlust auf allen Ebenen! Projektvergleich aus der Praxis ‣ Product Owner fühlte sich nicht verantwortlich ‣ Kommunikation mit Designer über Product Owner ‣ Träger Prozess ‣ Fehlendes Verständnis ‣ Design by committee 27 Ohne „Agile Design“ ➡ Wertverlust auf allen Ebenen! Mittwoch, 13. März 13

Slide 47

Slide 47 text

Projektvergleich aus der Praxis ‣ „Definition of Done“ für das Design ‣ Designer lernte schnell Arbeitsweise der Entwickler ‣ Design blieb flexibel ‣ Gesamtverständnis der Anwendung vorhanden ‣ Hohe Motivation und mehr Spaß 28 Mit „Agile Design“ Mittwoch, 13. März 13

Slide 48

Slide 48 text

➡ Wertschöpfungskette aufrecht erhalten! ➡ Wertschöpfungskette aufrecht erhalten! Projektvergleich aus der Praxis ‣ „Definition of Done“ für das Design ‣ Designer lernte schnell Arbeitsweise der Entwickler ‣ Design blieb flexibel ‣ Gesamtverständnis der Anwendung vorhanden ‣ Hohe Motivation und mehr Spaß 28 Mit „Agile Design“ ➡ Wertschöpfungskette aufrecht erhalten! Mittwoch, 13. März 13

Slide 49

Slide 49 text

RoadMap ✓ Einführung ✓ Konzept ✓ Praxis ✓ Vorführung ‣ Zusammenfassung 29 Mittwoch, 13. März 13

Slide 50

Slide 50 text

Zusammenfassung Auswirkungen auf Scrum... ‣ Verlust der empirischen Prozesskontrolle durch Mini-Wasserfall ‣ Wiederherstellung der 3 Säulen durch Agile Design 30 Mittwoch, 13. März 13

Slide 51

Slide 51 text

Zusammenfassung Auswirkungen auf Entwickler & Designexperte... ‣ Zusammenarbeit wird gestärkt ‣ Designer als Vollwertiges Teammitglied ‣ Verständnis dem anderen gegenüber ‣ Collective design ownership 31 Mittwoch, 13. März 13

Slide 52

Slide 52 text

Zusammenfassung Auswirkungen auf das Produkt ... ‣ Qualitativ hochwertiges Produkt ‣ Schnelles Benutzerfeedback ‣ Flexibles Design ‣ Schnelle und einfache Implementierung 32 Mittwoch, 13. März 13

Slide 53

Slide 53 text

RoadMap ✓ Einführung ✓ Konzept ✓ Praxis ✓ Vorführung ✓ Zusammenfassung 33 Mittwoch, 13. März 13

Slide 54

Slide 54 text

Vielen Dank für Ihre Aufmerksamkeit! 34 Mittwoch, 13. März 13

Slide 55

Slide 55 text

Haben Sie noch Fragen? 35 Quelle: http://www.goodfinancialcents.com/wp-content/uploads/2009/02/reader-question-inheritance-401k.jpg Mittwoch, 13. März 13