Xp days2010 agile-usabiltytoolbox

Eine Usability-Toolbox

für agile Projekte

Alexandra Teynor

Canoo Engineering AG

Basel, Schweiz

www.canoo.com 2

Agenda

๏ Motivation

Was soll das alles?

๏ Methoden

Welche Arten von Werkzeugen sind für agile Projekte geeignet?

Vorstellung von 3 Methoden mit live Demos

๏ Agiler Kontext

Einbettung der Methoden in einen agilen Kontext

๏ Erfahrungen

„Nähkästchen“

๏ Fragen

www.canoo.com

Worum geht’s?

www.canoo.com 4

Usability

… ist ein Qualitätsmerkmal, das

beschreibt, wie einfach es für

einen Anwender ist, ein Objekt

zu benutzen, um ein bestimmtes

Ziel zu erreichen.

Usability („Benutzbarkeit”)

www.canoo.com 5

Usability

... wird durch fünf Aspekte definiert:

๏ Erlernbarkeit (Learnability)

๏ Einprägsamkeit (Memorability)

๏ Effizienz (Efficiency)

๏ Fehleranfälligkeit (Errors)

๏ Benutzerfreude (Satisfaction)

Usability („Benutzbarkeit”)

[J. Nielsen]

www.canoo.com

AnalyseZielgruppenbedürfnisse

Benutzerprofile

Anforderungen

EntwurfBenutzeroberflächen

Abläufe („Flow“)

Handhabung

TestPapierprototypen

Livetests

Req. Engineers / BAs

Benutzer

Req. Engineers

Graphiker

Programmierung

Benutzer

Req. Engineers / BAs

Testing (funktional)

Programmierung

Usability Engineering

www.canoo.com

Methoden

Welche Arten von Werkzeugen sind für agile Projekte geeignet?

www.canoo.com 8

Usability Engineering Methoden

8

๏ Traditionell

‣ Viel Aufwand

‣ Usability Studios

‣ Eyetracker

‣ Kameras

‣ Halbtransparente Spiegel

www.canoo.com 9

Usability Engineering Methoden

9

๏ Discount Usabiliy Tests / Guerillia Usability Tests

‣ Schnell durchzuführen

‣ „Billig“

‣ Ziel ist nicht alle Defekte zu finden, sondern nur die schlimmsten

‣ Dafür: öfter testen!

‣ Vertreter: Paper Prototype Testing, Live Application Testing

www.canoo.com 10

Methode 1: Persona

Persona sind fiktive, spezifische Repräsentanten für Hauptbenutzergruppen

๏ ermöglichen es, Benutzer zu

konkretisieren, und allen Projekt-

beteiligten nahe zu bringen

๏ werden charakterisiert durch eine kurze

Beschreibung von Verhaltensmustern, Zielen,

Fähigkeiten, Einstellung und ihrem Umfeld

๏ werden erzeugt aus aus:

• internen und externe Datenquellen

• Benutzerbefragungen, Site-Visits

www.canoo.com 11

Beispiel: Canoo.net offline

๏ Canoo.net: Onlinewörterbuch

www.canoo.com 12

Beispiel: Canoo.net offline

๏ Canoo.net: Onlinewörterbuch

Wie schreibt man...?

Wie ist die Regel für...?

Neue oder alte Rechtschreibung...?

www.canoo.com 13

Beispiel: Canoo.net offline

๏ Canoo.net offline: Funktionalität auch ohne Netzanbindung

www.canoo.com 14

Persona: Canoo.net offline

Wer benutzt Canoo.net offline ?

=> Stoffsammlung für Personaerstellung

www.canoo.com 15

Persona: Canoo.net offline

„Unsere“ Lösung :

Ida PhonaLara

Lehrerin

Daniel

Deutschlern

Karsten

Korrektor

Primäre Persona

www.canoo.com 16

Persona: Canoo.net offline

Ida Phona:

In ihrer Freizeit macht sie sehr gerne Sport, sie geht gerne Wandern und reist gerne in

der Schweiz. Weil sie das immer mit den ÖV macht, hat sie sich vor kurzem ein iPhone

angeschafft, damit sie immer erreichbar ist und Zugfahrpläne jederzeit nachschauen

kann. Sonst verwendet nicht unbedingt die neuesten elektronischen Hilfsmittel.

Ida ist 32 Jahre alt und ledig. Sie hat Betriebswirtschaftslehre

and der Fachhochschule Nordwestschweiz studiert und das

Diplom erfolgreich abgeschlossen. Seit drei Jahren arbeitet sie

nun in der Verwaltung eines grossen Konzerns.

Ida nutzt das Internet regelmässig. Schon während der

Ausbildung hat sie Informationen in Wikipedia oder Online-

Wörterbüchern gesucht.

www.canoo.com 17

Persona: Canoo.net offline

Mit diesen Persona kann man nun:

๏ User Stories schreiben

๏ Sich genau auf einen Benutzertypen beziehen (kein „Gummi-User“)

๏ Entwürfe passend für die (Haupt-)Zielgruppe erstellen

www.canoo.com 18

Methode 2: Paper Prototype Testing

Test von UI-Entwürfen in einem sehr frühen Stadium

Material:

• Papier, Folien,Stifte

• Papierprototypen

• Aufgaben (“Tasks”)

• Raum

Rollen:

• Benutzer (3-5 Personen)

• Moderator

• Computer

• Beobachter (2-3 Personen)

Zeitaufwand: ein Tag, pro Testperson 1h

www.canoo.com 19

Beispiel: Canoo.net offline

๏ Test:

Sie sind gerade unterwegs und entdecken ein grosses Klimaschutzplakat:

Als Sie diesen Text lesen, sind Sie nicht sicher, ob dies so richtig geschrieben ist.

Glücklicherweise haben Sie gerade canoo.net offline auf Ihr iPhone gespielt, und

können sofort nachschlagen...

www.canoo.com

Methode 3: Live Application Testing

20 20

Userarbeitet mit

Papierprototyp oderApplikation

Usabilitytesterstellt Fragen

Beobachter in separatem Raum

[Don„t m

ake m

e T

hin

k, S

. K

rug]

www.canoo.com 21

Beispiel: Canoo.net offline

๏ Test:

Sie sind gerade unterwegs und entdecken ein grosses Klimaschutzplakat:

Als Sie diesen Text lesen, sind Sie nicht sicher, ob dies so richtig geschrieben ist.

Glücklicherweise haben Sie gerade canoo.net offline auf Ihr iPhone gespielt, und

können sofort nachschlagen...

www.canoo.com

Agiler Kontext

Einbettung der Methoden in einen agilen Kontext

www.canoo.com

๏ Einbettung in Iterationen

Test cycle 2 code

Clarify design cycle 3

Design for cycle 4

Gather data for cycle 5

Implement designs

23

Agiler Kontext

Cycle 1 Cycle 2 Cycle 3Cycle 0

Test cycle1 code

Clarify design cycle 2

Design for cycle 3

Gather data for cycle 4

Plan and gather

customer data

Implement designs

Design for cycle 2

Gather data for cycle 3

Implement high dev.

cost low UI cost

features

[Ch. Nodder/ J.Nielsen, Agile Usability]

www.canoo.com 24

Einbettung in Iterations-/Projektphasen

N[N-1] [N+1]

Iteration n

www.canoo.com 25

Einbettung in Iterations-/Projektphasen

N[N-1] [N+1]

Live Application Testing

...der Produkte der letzten Iteration

Iteration n

www.canoo.com 26

Einbettung in Iterations-/Projektphasen

N[N-1] [N+1]

Live Application Testing

Iteration n

Im iterativen Kontext 1-2 Zyklen voraus!

Paper Prototype Testing

Erfahrungen

2

8

Erfahrungen

๏ Paper Prototyping is ein gutes Tool um herauszufinden, ob Entwürfe funktionieren.

๏ Benutzer fühlen sich einbezogen in den Entwicklungsprozess.

๏ Taskdefinition ist für alle Beteiligten sehr hilfreich.

๏ Entwürfe werden für alle verständlich.

As marketing

requested it ...... as sales

ordered it ...

... as it was

programmed...

... as field service

installed it...

... and what the

customer wanted!

Fragen?