agile web projects

Post on 14-Jan-2015

514 Views

Category:

Technology

0 Downloads

Preview:

Click to see full reader

DESCRIPTION

Einige kluge Menschen haben sich überlegt, wie Software-Projekte ablaufen können, damit sie nicht aus dem Ruder laufen. Vom Briefing bis zur Nachbetreuung. Diesen Ansatz möchte ich - auf Webprojekte abgebildet - erläutern.

TRANSCRIPT

Pulpmedia intern05. August 2013PULP ACADEMY

AGILE WEB PROJECTS

TYPISCHES WEB-PROJEKT

ANFORDERUNGEN

KONZEPT

DESIGN

IMPLEMENTIERUNG

TESTING

DEPLOYMENT

MAINTENANCE

AMAZEDCLIENT IS

Bildquelle: http://knowyourmeme.com/memes/amazed-face

HAPPY & RELAXEDTEAM IS

Bidlquelle: http://www.cartoonshdwallpaper.com

UND WIRKLICH?

ANFORDERUNGEN

KONZEPT

DESIGN

IMPLEMENTIERUNG

TESTING

DEPLOYMENT

MAINTENANCE

ändern sich

dauert zu lange

ändert sich nicht

wird nach Freigabe nochmal überworfen

wird übersprungen

Raufkopieren und hoffen, dass alles passt

“Lieber nichts angreifen!”

CONTENT, ANYONE?

DIE HEUTE GELÖST WERDENPROBLEME

SCREEN DESIGN

ZEITPLAN

ENTSCHEIDUNGEN

FREIGABE-PROZESSE

ABSTIMMUNGEN

KONZEPT

BUDGETIERUNG

AUFWANDSSCHÄTZUNG

FEATURE CREEP

TEAM-KOMMUNIKATION

RESSOURCEN

TEST-CASES

WIE KÖNNEN WIR DAS LÖSEN?

VORSCHLAG 1:KEINE WEBPROJEKTE

MEHR!

WEBSITES SIND DIE BASIS SAUBEREN

ONLINE MARKETINGS

BUZZWORD: DIGITALCAMPAIGN HUB

BULLSHIT BINGO!

VORSCHLAG 2:TEURER ANBIETEN!GRÖSSERE TEAMS!

MEHR! MEHR! MEHR!

VORSCHLAG 3:MACH ES GESCHEIT!

WTF IS AWD?

AWD = AGILE WEB DEVELOPMENT

SCRUM!BULLSHIT BINGO!

Bildquelle: Wikipedia

Quelle: http://de.wikipedia.org/wiki/Sunzi

DIVIDE ET IMPERA

ROLLENSTORIES

MEETINGS

ROLLEN IN SCRUM

Product OwnerSTIMME DES KUNDEN

TeamDIE, DIE WIRKLICH ARBEITEN

Product OwnerSTIMME DES KUNDEN

TeamDIE, DIE WIRKLICH ARBEITEN

Scrum MasterÜBERWACHT ABLAUF

Kunde

Team-Mitglied Team-Mitglied Team-Mitglied

Team-Mitglied Team-Mitglied Team-Mitglied

Team-Mitglied Team-Mitglied Team-Mitglied

PIGS AND CHICKENBULLSHIT BINGO!

Kunde

Team-Mitglied Team-Mitglied Team-Mitglied

Team-Mitglied Team-Mitglied Team-Mitglied

Team-Mitglied Team-Mitglied Team-Mitglied

Accounting

Team-Mitglied Team-Mitglied Team-Mitglied

Team-Mitglied Team-Mitglied Team-Mitglied

Team-Mitglied Team-Mitglied Team-Mitglied

Kunde

DAS TEAM

Konzept UX-Design Visual Design

Development Testing Content

Maintenance

Accounting

SEO Video

Konzept UX-Design Visual Design

Development Testing Content

Maintenance

Accounting

SEO Video

Konzept UX-Design Visual Design

Development Testing Content

Maintenance SEO Video

Accounting

Konzept UX-Design Visual Design

Development Testing Content

Maintenance SEO Video

Accounting

Konzept UX-Design Visual Design

Development Testing Content

Maintenance

NIEMALS!

SEO Video

Accounting

NIEMALS! NIEMALS!

NIEMALS!

NIEMALS!

NIEMALS!

Konzept UX-Design Visual Design

Development Testing Content

Maintenance SEO Video

Accounting

GOT IT? PERSONALUNIONEN

SIND MÖGLICH/NÖTIG

DAS GESAMTE TEAM IST IM PROJEKT - VON

ANFANG AN

SCRUM-MASTER YOU WANT TO BE?

Quelle: http://starwars.wikia.com

Scrum-MasterNICHT (!) TEAM LEADER

“ENFORCER OF THE RULES”

VERMITTLER IM TEAM

BESEITIGT PROBLEME

SCHÜTZT VOR ÄUSSEREN ABLENKUNGEN

I AM YOUR SCRUMMASTER!

Quelle: http://mememachine.viralvideochart.com

KEIN TEAM OHNE SCRUM-MASTER!

AM ANFANG DES PROJEKTS BESTIMMEN

STORIESBULLSHIT BINGO!

PERSONA SOLL TÄTIGKEIT WEIL BEGRÜNDUNG

PERSONA SOLL TÄTIGKEIT WEIL BEGRÜNDUNG

PERSONASBULLSHIT BINGO!

Sachebene

Emotionale Ebene

Präsentationsebene (mit Story)

PERSONAS

Un-/Registrierter Besucher

Konsument/Leser/User/Mitarbeiter

Redakteur/Administrator

Eingeschränktes Sehvermögen

SACHEBENE

Name, Alter, Bild

“Background-Story”: Beruf, Herkunft

Zielgruppenzuweisung

EMOTIONALE EBENE

Für Kundenpräsentation (Pitch) nötige Einteilung:

surft am Desktop/Tablet/Handy

benutzt Google/Facebook/...

Newsletter-Abonnent

PRÄSENTATIONSEBENE

BEISPIEL

Marketingleiter bei Konzern in Wien

surft am iPad

sucht neue Online Marketing-Agentur

REINHARD, 36

Marketingleiter bei Konzern in Wien

surft am iPad

sucht neue Online Marketing-Agentur

REINHARD, 36EMOTIONALE EBENE

SACHEBENE & ZIELGRUPPE

STORY

PRÄSENTATIONSEBENE

REINHARD SOLL DIE LEISTUNGEN VON

PULPMEDIA KENNEN, UM ZU SEHEN, OB SEINE

ANFORDERUNGEN ERFÜLLT WERDEN

REINHARD SOLL REFERENZEN SEHEN, UM

SICH VON DER QUALITÄT ZU ÜBERZEUGEN

REINHARD SOLL KUNDEN VON

PULPMEDIA SEHEN, UM VERTRAUEN ZU

GEWINNEN

REINHARD SOLL SCHNELL UND EINFACH

KONTAKT ZU PULPMEDIA

AUFNEHMEN KÖNNEN

ALS EIN BESUCHER MÖCHTE ICH DIE

ANSPRECHPERSONEN ZU DEN LEISTUNGEN MIT KONTAKTDATEN

SEHEN

PROJEKTABLAUF

SCHRITT 1: BACKLOGBULLSHIT BINGO!

Konzept

Accounting

PERSONAS

ZIELGRUPPEN

Kunde

ANWENDER

STORIES

CONTENT

FUNKTIONEN

ANFORDERUNGEN

IDEEN

Story Story Story Story Story Story Story

Story Story Story Story Story Story Story

Story Story Story Story Story Story Story

Story Story Story Story Story Story Story

Story Story Story Story Story Story Story

Story Story Story Story Story Story Story

BACKLOG

SCHRITT 2: SUB-STORIES UND

TEST-CASES

MIT DEM GESAMTEN TEAM

UX-Design

Content

DevelopmentAUS WELCHEN ELEMENTEN BESTEHT EINE REFERENZ?

Reinhard soll Referenzen sehen, um sich von der Qualität zu

überzeugen

WERDEN DIE REFERENZEN GRUPPIERT?

WELCHE ARTEN VON REFERENZEN GIBT ES?

JEDES PROJEKT BESTEHT AUS BILD UND TEXT

Reinhard soll Referenzen sehen, um sich von der Qualität zu

überzeugen

WEB PROJEKT REFERENZEN HABEN EINEN LINK

JEDE REFERENZ IST EINDEUTIG EINER LEISTUNG ZUGEWIESEN

WEBSITE VIDEO KAMPAGNE

ARTEN VON REFERENZEN (TEST-CASES)

SOCIAL MEDIA

SCHRITT 3: AUFWANDS-SCHÄTZUNG

Konzept UX-Design Visual Design

Development Testing Content

Maintenance SEO Video

1

Reinhard soll Referenzen sehen, um sich von der Qualität zu

überzeugen

1 3

3 1 6

0 0,5 0

DIESE STORY: 15,5 STUNDEN

Konzept UX-Design Visual Design

Development Testing Content

Maintenance SEO Video

1

Reinhard soll Referenzen sehen, um sich von der Qualität zu

überzeugen

1 3

3 1 6

0 1 0

DIESE STORY: 16 STUNDEN

Story Story Story Story Story Story Story

Story Story Story Story Story Story Story

Story Story Story Story Story Story Story

Story Story Story Story Story Story Story

2 3 12 5 8 20 3

5 3 1 2 6 3 9

4 18 7 13 12 4 8

9 10 4 7 1 2 17

GESAMT: 195 STUNDEN

WAS IST MIT OVERHEAD?

KonzeptRECHERCHE ANALYSE PERSONAS

AccountingMEETINGS ABSTIMMUNGEN VERRECHNUNG

DevelopmentHOSTING ZERTIFIKATE SUBVERSION

Visual DesignINSPIRATION MOODS STYLEBOARDS

Story Story Story Story Story Story Story

Story Story Story Story Story Story Story

Story Story Story Story Story Story Story

Story Story Story Story Story Story Story

2 3 12 5 8 20 3

5 3 1 2 6 3 9

4 18 7 13 12 4 8

9 10 4 7 1 2 17

Overhead

GESAMT: 195 STUNDEN

?

JEDES TEAM-MITGLIED SCHÄTZT

DIE EIGENEN OVERHEAD-

STUNDEN EIN

SCHRITT 4: ABWICKLUNG

SPRINTSBULLSHIT BINGO!

SPRINT = TEILABSCHNITT

EIN SPRINT DAUERT ZWISCHEN 2 UND 4

WOCHEN

SPRINT MEETINGS

Content

UX-Design

Visual Design

Development

Testing

Story 1Story 2Story 3Story 4

Konzept

BACKLOG

Retrospektive

WAS WURDE IM LETZTEN SPRINT ERLEDIGT?

CommitmentWAS WIRD IM NÄCHSTEN SPRINT ERLEDIGT?

Content

UX-Design

Visual Design

Development

Testing

Story 1

Story 2

Story 3

Story 4

Konzept

SPRINT-BACKLOG

ContentUX-Design Visual Design Development Testing

Story 1

Story 2

Story 3

Story 4

ContentUX-Design Visual Design Development Testing

Story 2

Story 3

Story 4

Story 1

ContentUX-Design Visual Design Development Testing

Story 2Story 3

Story 4

Story 1

ContentUX-Design Visual Design Development Testing

Story 2Story 3Story 4 Story 1

ContentUX-Design Visual Design Development Testing

Story 2

Story 3Story 4 Story 1

ContentUX-Design Visual Design Development Testing

Story 2

Story 3Story 4

Story 1

ContentUX-Design Visual Design Development Testing

Story 2

Story 3Story 4

Story 1

ContentUX-Design Visual Design Development Testing

Story 2

Story 3

Story 4

Story 1

ContentUX-Design Visual Design Development Testing

Story 2

Story 3

Story 4

Story 1

ContentUX-Design Visual Design Development Testing

Story 2

Story 3

Story 4

Story 1

Done

ContentUX-Design Visual Design Development Testing

Story 2

Story 3

Story 4

Story 1

Done

DEFINIERE “DONE”

DEFINIERE “DONE”FÜR JEDE ABTEILUNG

Content

Testing

Visual DesignSAUBERE FIREWORKS DATEI, SCREENS ALS JPG EXPORTIERT

INHALTE KORREKTUR GELESEN UND EINGETRAGEN

ERFOLGREICH AUF FIREFOX, CHROME, IE UND SAFARI GETESTET

DAILY SCRUM MEETING

5 MinutenWAS WURDE GESTERN ERLEDIGT?

IRGENDWELCHE PROBLEME?

WAS WIRD HEUTE ERLEDIGT?

BURNDOWN CHARTBULLSHIT BINGO!

Story 1

Story 2

Story 3

Story 4

Story 5

Story 6

Sprint 1 Sprint 2 Sprint 3 Sprint 4 Sprint 5 Sprint 7 Sprint 8

Story 1

Story 2

Story 3

Story 4

Story 5

Story 6

Story 1

Story 2

Story 3

Story 4

Story 5

Story 6

Story 1

Story 2

Story 3

Story 4

Story 5

Story 6

Story 1

Story 2

Story 3

Story 4

Story 5

Story 6

Story 1

Story 2

Story 3

Story 4

Story 5

Story 6

Story 1

Story 2

Story 3

Story 4

Story 5

Story 6

0

25

50

75

100

Sprint 1 Sprint 2 Sprint 3 Sprint 4 Sprint 5 Sprint 6 Sprint 7

Offene Stunden Gearbeitete Stunden

0

25

50

75

100

Sprint 1 Sprint 2 Sprint 3 Sprint 4 Sprint 5 Sprint 6 Sprint 7

Done In Progress Open

FORTSCHRITT WIRD ERSICHTLICH(ER)

ContentUX-Design Visual Design Development Testing

Story 2

Story 3

Story 1

Done

Story 7

Story 6

Story 8

Story 5Story 4

Story 10

Story 12

Story 13

Story 9

Story 14

Story 11

LOOKS FAMILIAR?

TRELLO FOR SCRUM

PLUGIN FÜR FIREFOX UND CHROME

ZEITAUFWAND JE CARD

GESAMTER ZEITAUFWAND JE LISTE

BACKLOG DONEBLOCKED (RÜCKSPRACHE)QUEUE (ÜBERGABE)SPRINT BACKLOG DAILY SCRUM

LABELS

WER ARBEITET (NOCH) DARAN?

AUFGETEILTE TASKS

BESCHREIBUNG, SUB-STORIES

GESAMTER PROJEKTABLAUF

ERSTGESPRÄCH

ErstgesprächBUDGET

ANFORDERUNGEN ZIELGRUPPEN

CONTENT

TECHNIK

RAHMENBEDINGUNGEN

ZUSATZ-LEISTUNGEN

ZEITRAUM

FUNKTIONEN

WER? BIS WANN?

SEO ONSITE VIDEO

HOSTING ZERTIFIKATE

NEWSLETTER SEO OFFSITE

KONKURRENZ

ZIELE

SOCIAL MEDIA

SEA

ERSTGESPRÄCH

BRAINSTORMING

BrainstormingBRIEFING

KONZEPT KONKURRENZ

UX-DESIGN

VISUAL DESIGN

ACCOUNTING

DEVELOPMENT

ANFORDERUNGEN

SCRIBBLES BEISPIELE

MOODS

TECHN. CONSULTING

ZIELE

FUNKTIONEN

ERSTGESPRÄCH PITCH-PRÄSENTATION

BRAINSTORMING

Pitch-PräsentationPERSONAS

UX-DESIGN MOCKUPS

VISUAL DESIGN

ACCOUNTING

KONZEPT

GESAMTES TEAM

PRÄSENTATION-STORIES

SCREEN-DESIGN

PROTOTYP

PRÄSENTATION BUDGETIERUNG

AUFWANDSSCHÄTZUNG IN TAGEN

SCREEN-LISTE

DEVELOPMENT

Konzept UX-Design Visual Design Development

Persona

Story

KARL, USER

KARL REGISTRIERT SICH

Screen-Liste

Mockups

SCREEN 01: FORMULAR

SCREEN 01 UND 02

SCREEN 02: BESTÄTIGUNG

ScreendesignSCREEN 01 UND 02

PrototypREGISTRIERUNGSPROZESS

ERSTGESPRÄCH PITCH-PRÄSENTATION

BRAINSTORMING KICK-OFF INTERN

Kick-Off InternREBRIEFING

KONZEPT

VISUAL DESIGN

ACCOUNTING

STYLEBOARDS

TECHN. CONSULTING

STORIES

DEVELOPMENT

StyleboardSCHRIFTEN

ELEMENTE

ALLGEMEIN

BUTTONS

HINTERGRUND

FLIESSTEXT

HIGHLIGHTS

FARBEN

ÜBERSCHRIFT LINKS

RAHMEN

BILDER MOODS FORMATE

Quelle: Style Tiles, http://styletil.es

ERSTGESPRÄCH PITCH-PRÄSENTATION

BRAINSTORMING KICK-OFF INTERN

KICK-OFF MIT KUNDE

Kick-Off mit KundeACCOUNTING ABKLÄRUNG ABLAUF ANGEBOT KONZEPT

NEUE BUDGETIERUNG

FESTLEGUNG STORIES

UX-DESIGN

VISUAL DESIGN

KONZEPT

FESTLEGUNG STYLEBOARD

FIXIERUNG TECHN. RAHMENBEDINGUNGEN

PROTOTYP/BEISPIELE

DEVELOPMENT

ERSTGESPRÄCH PITCH-PRÄSENTATION

BRAINSTORMING KICK-OFF INTERN

KICK-OFF MIT KUNDE

ABSTIMMUNGEN

AbstimmungenSTORIES FIXIERUNG TEST-CASES

DESIGN MAIN-SCREENS

ACCOUNTING

DESIGN

ZEITPLANANGEBOT

ANGEBOT:AUFWANDS-

SCHÄTZUNG + OVERHEAD

ANGEBOT:AUFWANDS-

SCHÄTZUNG + OVERHEAD + BUFFER

ZEITPLAN

TEAM AUFWAND (STD) ARBEITSZEIT JE SPRINT (STD) ANZAHL SPRINTS

KONZEPT

UX-DESIGN

VISUAL DESIGN

DEVELOPMENT

TESTING

CONTENT

30 10 3

12 5 3

30 20 2

120 40 3

20 5 4

50 30 2

IMMER AUFRUNDEN!

ACHTUNG: ABHÄNGIGKEITEN!

ERSTGESPRÄCH PITCH-PRÄSENTATION

BRAINSTORMING KICK-OFF INTERN

KICK-OFF MIT KUNDE

ABSTIMMUNGEN

UMSETZUNG

ÄNDERUNGEN: ZEITPLAN

UmsetzungSCRUM-MEETINGS SPRINT-MEETINGS DAILY SCRUM

ABKLÄRUNGEN MIT KUNDE (BLOCKED-LISTE)

ÄNDERUNGEN: KONZEPT (STORIES)

SCRUM-MASTER

ACCOUNTER

“SAUBERER” SCRUM ABLAUF

PROBLEME BESEITIGEN

TEAM HACKELN, HACKELN, HACKELN

KONZEPT

ERSTGESPRÄCH PITCH-PRÄSENTATION

BRAINSTORMING KICK-OFF INTERN

KICK-OFF MIT KUNDE

ABSTIMMUNGEN ABSCHLUSS

UMSETZUNG

AbschlussDEPLOYMENT

FINALER TEST

ABNAHME DURCH KUNDE

LAUNCH

LIVE-SYSTEM

SUPPORT

ABSCHLUSSGESPRÄCH MIT KUNDE

LAUNCH-PLAN

NACHBEREITUNG BUGHUNTING

ABSCHLUSSGESPRÄCH IM TEAM

TAKEAWAYS

GESAMTES TEAM VON BEGINN AN

DABEI

SCRUM-MASTER ACHTET AUF

SAUBEREN ABLAUF

STORIES STATT GESAMTKONZEPT

SCRUM FOR TRELLO

LABELS: FEATURE, CHANGE REQUEST,

BUG, MAINTENANCE, URGENT!!!

PERSONAS FÜR STORIES UND

TESTING

ORGANISATION:SPRINT MEETINGS

DAILY SCRUM

AKTUELLER STAND:PROJEKT BACKLOGSPRINT BACKLOG

BURNDOWN CHART

STYLEBOARDS FÜR AGILES DESIGN

@pulpmedia facebook.com/pulpmedia pulpmedia.at

top related