UX+Agile: Low-Fi trifft Hi-Fi - IA Konferenz 2010

40
IA Konferenz 2010 - Köln, 14. Mai 2010 Die nexum AG ist Beratung und Agentur für digitale Medien. Niels Anhalt, Bereichsleiter Beratung und Konzeption, nexum AG UX + Agile - Low-Fi trifft Hi-Fi Neue Chancen für optimierte User Experience

description

Praxiserfahrunggen bei der Entwicklung einer iPhone-Applikation. Agile Softwareentwicklung und nutzerorientierte Konzeption bildeten die Grundlage für die Entwicklung einer iPhone-Applikation eines großen Handelskonzerns. Low-Fidelity-Prototypen waren dabei ebenso entscheidend für die Experience-Qualität, wie das schnellstmögliche High-Fidelity-Erlebnis der iterativ entwickelten Lösung, die direkt nutzbar und anfühlbar war.

Transcript of UX+Agile: Low-Fi trifft Hi-Fi - IA Konferenz 2010

Page 1: UX+Agile: Low-Fi trifft Hi-Fi - IA Konferenz 2010

IA Konferenz 2010 - Köln, 14. Mai 2010

Die nexum AG ist Beratung und Agentur für digitale Medien.

Niels Anhalt, Bereichsleiter Beratung und Konzeption, nexum AG

UX + Agile - Low-Fi trifft Hi-FiNeue Chancen für optimierte User Experience

Page 2: UX+Agile: Low-Fi trifft Hi-Fi - IA Konferenz 2010

2

Mitarbeiter der nexum bloggen auf uxzentrisch.de

Page 3: UX+Agile: Low-Fi trifft Hi-Fi - IA Konferenz 2010

3

Die nexum AG ist Beratung und Agentur für digitale MedienUnser Ansatz

Business

Technologie

User Experience

Strategie

Ziele + KPIs

Marke

Usability

Utility

Joy of Use

Standards

Plattform Frontend

Lösung

Page 4: UX+Agile: Low-Fi trifft Hi-Fi - IA Konferenz 2010

4

User Experience

UtilityUsability

Joy of Use

User Experience

Page 5: UX+Agile: Low-Fi trifft Hi-Fi - IA Konferenz 2010

5

Agile Prinzipien

1. Individuen und Interaktionen gelten mehr als

Prozesse und Tools.

2. Funktionierende Programme gelten mehr als

ausführliche Dokumentation.

3. Die stetige Zusammenarbeit mit dem Kunden steht

über Verträgen.

4. Der Mut und die Offenheit für Änderungen stehen

über dem Befolgen eines festgelegten Plans.

http://agilemanifesto.org/

Page 6: UX+Agile: Low-Fi trifft Hi-Fi - IA Konferenz 2010

6

Aufgabenstellung: Entwicklung einer iPhone-Applikation für einen großen Handelskonzern im Rahmen eines Pilotprojekts

Page 7: UX+Agile: Low-Fi trifft Hi-Fi - IA Konferenz 2010

7

Rahmenbedingung: Arbeiten in einem geografisch verteilten Team

Kunde

Entwicklung

Kunde

Page 8: UX+Agile: Low-Fi trifft Hi-Fi - IA Konferenz 2010

8

1. Schritt: Business Design

Inhalt

• Ziel des Pilotprojekts

• Erfolgsfaktoren

• Kennzahlen

• Kundenmehrwerte

• Umfang der Pilotapplikation

• Risiken und kritische Punkte

• …

Page 9: UX+Agile: Low-Fi trifft Hi-Fi - IA Konferenz 2010

9

1. Schritt: Business DesignDie Priorisierung ist entscheidend!

Erfolgsfaktoren mit Priorisierung

1. Verfügbarkeit und Stabilität

2. Nutzerführung „iPhone-like“ (User Experience)

3. Kundenmehrwert fokussiert, nachvollziehbar und

kommunizierbar

4. Time-to-market

5. Funktionsumfang

Page 10: UX+Agile: Low-Fi trifft Hi-Fi - IA Konferenz 2010

10

1. Schritt: Business DesignEndlich: Eine Kennzahl für Nutzerzufriedenheit und Mehrwert!

Kennzahlen

1. Downloads der Applikation

2. …

3. …

4. …

5. Qualität und Quantität der

Nutzerrezensionen im App-Store

Page 11: UX+Agile: Low-Fi trifft Hi-Fi - IA Konferenz 2010

11

Klassische Vorgehensweise: Wasserfall und Dokumentation

Sitemap

Anforderungen + Umfang

Low-Fi-Prototypes + Usertests

Hi-Fi-Prototypes + Usertests

Grobkonzept

Feinkonzept

Umsetzung

Wireframes + Spezifikationen

Akzeptanz-test

Testing

Page 12: UX+Agile: Low-Fi trifft Hi-Fi - IA Konferenz 2010

12

Agile Vorgehensweise: Iteration und Kommunikation

Struktur + Umfang

Grobkonzept

Page 13: UX+Agile: Low-Fi trifft Hi-Fi - IA Konferenz 2010

13

Mindmap zur Dokumentation der Struktur und Features

Page 14: UX+Agile: Low-Fi trifft Hi-Fi - IA Konferenz 2010

14

Agile Vorgehensweise: Iteration und Kommunikation

Grobkonzept

Struktur + Umfang

Telefonate +Webkonferenz

Page 15: UX+Agile: Low-Fi trifft Hi-Fi - IA Konferenz 2010

15

Agile Vorgehensweise: Iteration und Kommunikation

Grobkonzept

Struktur + Umfang

Fk

Ums.

Test

Fk

Ums.

Test

Fk

Ums.

Test

Fk

Ums.

Test

i1 (2 Wochen) i2 i3 i4

PapierskizzeTelefonate +

Webkonferenz

Page 16: UX+Agile: Low-Fi trifft Hi-Fi - IA Konferenz 2010

16

Papierskizzen zur Dokumentation des Interfaces

Page 17: UX+Agile: Low-Fi trifft Hi-Fi - IA Konferenz 2010

17

Agile Vorgehensweise: Iteration und Kommunikation

Grobkonzept

Fk

Ums.

TestStruktur + Umfang

Fk

Ums.

Test

Fk

Ums.

Test

Fk

Ums.

Test

i1 (2 Wochen) i2 i3 i4

Papierskizze

Excelliste

Telefonate +Webkonferenz

Page 18: UX+Agile: Low-Fi trifft Hi-Fi - IA Konferenz 2010

18

Excel für Anforderungsbeschreibung und Sprint-Umfang

Page 19: UX+Agile: Low-Fi trifft Hi-Fi - IA Konferenz 2010

19

Agile Vorgehensweise: Iteration und Kommunikation

Grobkonzept

Fk

Ums.

TestStruktur + Umfang

Fk

Ums.

Test

Fk

Ums.

Test

Fk

Ums.

Test

i1 (2 Wochen) i2 i3 i4

3x pro Woche

Papierskizze

Excelliste

Telefonate +Webkonferenz

Page 20: UX+Agile: Low-Fi trifft Hi-Fi - IA Konferenz 2010

20

Zwischenreview per Video aus der Entwicklungsumgebung

Page 21: UX+Agile: Low-Fi trifft Hi-Fi - IA Konferenz 2010

21

Agile Vorgehensweise: Iteration und Kommunikation

Grobkonzept

Fk

Ums.

TestStruktur + Umfang

Fk

Ums.

Test

Fk

Ums.

Test

Fk

Ums.

Test

i1 (2 Wochen) i2 i3 i4

3x pro Woche

Papierskizze

Excelliste

Telefonate +Webkonferenz

Page 22: UX+Agile: Low-Fi trifft Hi-Fi - IA Konferenz 2010

22

Review der App nach Iteration 1 per Video mit vorläufigem Design

Page 23: UX+Agile: Low-Fi trifft Hi-Fi - IA Konferenz 2010

23

Review der App nach Iteration 1 per Video mit vorläufigem Design

Page 24: UX+Agile: Low-Fi trifft Hi-Fi - IA Konferenz 2010

24

Agile Vorgehensweise: Iteration und Kommunikation

Grobkonzept

Fk

Ums.

TestStruktur + Umfang

Fk

Ums.

Test

Fk

Ums.

Test

Fk

Ums.

Test

i1 (2 Wochen) i2 i3 i4

3x pro Woche

Papierskizze

Excelliste

Telefonate +Webkonferenz

3x pro Woche

Papierskizze

Excelliste

Page 25: UX+Agile: Low-Fi trifft Hi-Fi - IA Konferenz 2010

25

Review der App nach Iteration 2 installiert auf dem iPhone

Page 26: UX+Agile: Low-Fi trifft Hi-Fi - IA Konferenz 2010

26

Beschreibung des Slideverhaltens in der Excel-Liste

Das ist doch eindeutig, oder?

Na ja, anscheinend, nicht!

Page 27: UX+Agile: Low-Fi trifft Hi-Fi - IA Konferenz 2010

27

Andere Entwickler verstehen das auch nicht…

Page 28: UX+Agile: Low-Fi trifft Hi-Fi - IA Konferenz 2010

28

Vollständige Beschreibung des Slideverhaltens

Wenn der Finger das Display berührt und bewegt wird, bewegt sich das Deck sofort mit in die Richtung der Fingerbewegung. Das Deck scheint am Finger zu kleben.

Wird der Finger dann entweder langsam über ca. 2/3 des Displays bewegt oder schnell und kurz über das Display gewischt, so wird die Bewegung der Decks vollständig durchgeführt. Das nächste Deck ist am Ende der Animation vollständig sichtbar.

Ansonsten rutscht das bestehende Deck, wieder zurück an seinen alten Platz.

Page 29: UX+Agile: Low-Fi trifft Hi-Fi - IA Konferenz 2010

29

Agile Vorgehensweise: Iteration und Kommunikation

Grobkonzept

Fk

Ums.

TestStruktur + Umfang

Fk

Ums.

Test

Fk

Ums.

Test

Fk

Ums.

Test

i1 (2 Wochen) i2 i3 i4

3x pro Woche

Papierskizze

Excelliste

Telefonate +Webkonferenz

3x pro Woche

Papierskizze

Excelliste

Page 30: UX+Agile: Low-Fi trifft Hi-Fi - IA Konferenz 2010

30

Wir erinnern uns: Agile Prinzipien

1. Individuen und Interaktionen gelten mehr als

Prozesse und Tools.

2. Funktionierende Programme gelten mehr als

ausführliche Dokumentation.

3. Die stetige Zusammenarbeit mit dem Kunden steht

über Verträgen.

4. Der Mut und die Offenheit für Änderungen stehen

über dem Befolgen eines festgelegten Plans.

http://agilemanifesto.org/

Page 31: UX+Agile: Low-Fi trifft Hi-Fi - IA Konferenz 2010

31

Und wir erinnern uns an…

Erfolgsfaktoren mit Priorisierung

1. Verfügbarkeit und Stabilität

2. Nutzerführung „iPhone-like“ (User Experience)

3. Kundenmehrwert fokussiert, nachvollziehbar und

kommunizierbar

4. Time-to-market

5. Funktionsumfang

Page 32: UX+Agile: Low-Fi trifft Hi-Fi - IA Konferenz 2010

32

Slideverhalten ist nicht erwartungskonform, der Bedienspaß bleibt auf der Strecke

Page 33: UX+Agile: Low-Fi trifft Hi-Fi - IA Konferenz 2010

33

Die Funktion „Merkzettel“ wird zu Gunsten einer Überarbeitung des Slideverhaltens gestrichen.

X

Page 34: UX+Agile: Low-Fi trifft Hi-Fi - IA Konferenz 2010

34

Und dann mal weiter…

Grobkonzept

Fk

Ums.

TestStruktur + Umfang

Fk

Ums.

Test

Fk

Ums.

Test

Fk

Ums.

Test

i1 (2 Wochen) i2 i3 i4

3x pro Woche

Papierskizze

Excelliste

Telefonate +Webkonferenz

3x pro Woche

Papierskizze

Excelliste

3x pro Woche

Papierskizze

Excelliste

3x pro Woche

Papierskizze

Excelliste

Page 35: UX+Agile: Low-Fi trifft Hi-Fi - IA Konferenz 2010

35

Voraussetzungen für agiles Vorgehen

Eine Enge Kopplung zwischen UX-Designer, Kunde und Entwicklern ist unabdingbar.

Schnelle Entscheidungen und hohe Flexibilität auf Kundenseite sind höchst erfolgskritisch.

User Experience muss unter den Erfolgsparameter hoch priorisiert sein.

Page 36: UX+Agile: Low-Fi trifft Hi-Fi - IA Konferenz 2010

36

Meine These

Ob iPhone-App oder Webapplikation:

Je höher die Ansprüche an das Interaktionsdesign,

um so eher muss real getestet werden!

Baut keine Prototypen, sondern teilfunktionale

Instanzen der fertigen Applikation!

Ob iPhone-App oder Webapplikation:

Je höher die Ansprüche an das Interaktionsdesign,

um so eher muss real getestet werden!

Baut keine Prototypen, sondern teilfunktionale

Instanzen der fertigen Applikation!

Page 37: UX+Agile: Low-Fi trifft Hi-Fi - IA Konferenz 2010

37

Noch ein Schritt weiter…

http://000fff.org/getting-to-the-customer-why-everything-you-think-about-user-centred-design-is-wrong/

Page 38: UX+Agile: Low-Fi trifft Hi-Fi - IA Konferenz 2010

38

Noch ein Schritt weiter…

„Release early, release often“

http://en.wikipedia.org/wiki/Release_early,_release_often

Page 39: UX+Agile: Low-Fi trifft Hi-Fi - IA Konferenz 2010

39

Interdisziplinäre Zusammenarbeit ist gefragt…

Business

Technologie

User Experience

Strategie

Ziele + KPIs

Marke

Usability

Utility

Joy of Use

Standards

Plattform Frontend

Lösung

Page 40: UX+Agile: Low-Fi trifft Hi-Fi - IA Konferenz 2010

Niels Anhalt, Bereichsleitung Beratung und [email protected]. 0221 56 939 4121nexum AGMaarweg 149 – 161, 50825 Köln

Vielen Dank für Eure Aufmerksamkeit um diese Zeit.

40