Eine Usability-Toolbox
  für agile Projekte

       Alexandra Teynor
     Canoo Engineering AG
        Basel, Schweiz
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                                                        2
Worum geht’s?




www.canoo.com
Usability
                Usability („Benutzbarkeit”)



                … ist ein Qualitätsmerkmal, das
                   beschreibt, wie einfach es für
                   einen Anwender ist, ein Objekt
                   zu benutzen, um ein bestimmtes
                   Ziel zu erreichen.




www.canoo.com                                       4
Usability
                Usability („Benutzbarkeit”)


                ... wird durch fünf Aspekte definiert:

                ๏   Erlernbarkeit (Learnability)

                ๏   Einprägsamkeit (Memorability)

                ๏   Effizienz (Efficiency)

                ๏   Fehleranfälligkeit (Errors)

                ๏   Benutzerfreude (Satisfaction)

                                                   [J. Nielsen]

www.canoo.com                                                5
Usability Engineering
                                               Req. Engineers / BAs
                                               Benutzer


                                           Analyse
                                       Zielgruppenbedürfnisse
                                           Benutzerprofile
                                            Anforderungen




                     Test                                                Entwurf
                Papierprototypen                                      Benutzeroberflächen
                   Livetests                                            Abläufe („Flow“)
                                                                         Handhabung


                Benutzer                                                  Req. Engineers
                Req. Engineers / BAs                                      Graphiker
                Testing (funktional)                                      Programmierung
                Programmierung



www.canoo.com
Methoden
 Welche Arten von Werkzeugen sind für agile Projekte geeignet?




www.canoo.com
Usability Engineering Methoden
๏   Traditionell


    ‣ Viel Aufwand
    ‣ Usability Studios
    ‣ Eyetracker
    ‣ Kameras
    ‣ Halbtransparente Spiegel




    www.canoo.com                    8   8
Usability Engineering Methoden
๏   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                                                            9   9
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                                                               10
Beispiel: Canoo.net offline
๏   Canoo.net: Onlinewörterbuch




www.canoo.com                     11
Beispiel: Canoo.net offline
๏    Canoo.net: Onlinewörterbuch




                                   Wie schreibt man...?

    Wie ist die Regel für...?


                    Neue oder alte Rechtschreibung...?


www.canoo.com                                             12
Beispiel: Canoo.net offline
๏   Canoo.net offline: Funktionalität auch ohne Netzanbindung




www.canoo.com                                                   13
Persona: Canoo.net offline


                   Wer benutzt Canoo.net offline ?



                => Stoffsammlung für Personaerstellung




www.canoo.com                                            14
Persona: Canoo.net offline
„Unsere“ Lösung :

                                    Lara
                Ida Phona
                                       Lehrerin
                Primäre Persona




                    Daniel          Karsten
                      Deutschlern      Korrektor



www.canoo.com                                      15
Persona: Canoo.net offline
Ida Phona:

                    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.


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.




www.canoo.com                                                                    16
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                                                         17
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                                        18
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                                                                       19
Methode 3: Live Application Testing




                                                           [Don„t make me Think, S. Krug]
         User
      arbeitet mit
  Papierprototyp oder
      Applikation                          Beobachter in
                                          separatem Raum
                        Usabilitytester
                         stellt Fragen




www.canoo.com                                                                               20   20
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                                                                       21
Agiler Kontext
           Einbettung der Methoden in einen agilen Kontext




www.canoo.com
Agiler Kontext
๏    Einbettung in Iterationen

Cycle 0                  Cycle 1                   Cycle 2                     Cycle 3

                     Implement high dev.
                       cost low UI cost        Implement designs           Implement designs
                          features



Plan and gather
 customer data



                                                Test cycle1 code            Test cycle 2 code
                      Design for cycle 2      Clarify design cycle 2      Clarify design cycle 3
                    Gather data for cycle 3     Design for cycle 3         Design for cycle 4
                                              Gather data for cycle 4    Gather data for cycle 5

                                                                 [Ch. Nodder/ J.Nielsen, Agile Usability]   23
www.canoo.com
Einbettung in Iterations-/Projektphasen


                Iteration n




    [N-1]           N         [N+1]




www.canoo.com                             24
Einbettung in Iterations-/Projektphasen


                                       Live Application Testing
                Iteration n




    [N-1]           N         [N+1]
                                      ...der Produkte der letzten Iteration




www.canoo.com                                                                 25
Einbettung in Iterations-/Projektphasen


                Iteration n


                                         Paper Prototype Testing
                                          Live Application Testing
    [N-1]           N         [N+1]




                                      Im iterativen Kontext 1-2 Zyklen voraus!




www.canoo.com                                                                    26
Erfahrungen
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       ... as sales      ... as it was    ... as field service    ... and what the
    requested it ...    ordered it ...   programmed...         installed it...    customer wanted!

                                                                                                      2
Fragen?

Xp days2010 agile-usabiltytoolbox

  • 1.
    Eine Usability-Toolbox für agile Projekte Alexandra Teynor Canoo Engineering AG Basel, Schweiz
  • 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 2
  • 3.
  • 4.
    Usability Usability („Benutzbarkeit”) … ist ein Qualitätsmerkmal, das beschreibt, wie einfach es für einen Anwender ist, ein Objekt zu benutzen, um ein bestimmtes Ziel zu erreichen. www.canoo.com 4
  • 5.
    Usability Usability („Benutzbarkeit”) ... wird durch fünf Aspekte definiert: ๏ Erlernbarkeit (Learnability) ๏ Einprägsamkeit (Memorability) ๏ Effizienz (Efficiency) ๏ Fehleranfälligkeit (Errors) ๏ Benutzerfreude (Satisfaction) [J. Nielsen] www.canoo.com 5
  • 6.
    Usability Engineering Req. Engineers / BAs Benutzer Analyse Zielgruppenbedürfnisse Benutzerprofile Anforderungen Test Entwurf Papierprototypen Benutzeroberflächen Livetests Abläufe („Flow“) Handhabung Benutzer Req. Engineers Req. Engineers / BAs Graphiker Testing (funktional) Programmierung Programmierung www.canoo.com
  • 7.
    Methoden Welche Artenvon Werkzeugen sind für agile Projekte geeignet? www.canoo.com
  • 8.
    Usability Engineering Methoden ๏ Traditionell ‣ Viel Aufwand ‣ Usability Studios ‣ Eyetracker ‣ Kameras ‣ Halbtransparente Spiegel www.canoo.com 8 8
  • 9.
    Usability Engineering Methoden ๏ 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 9 9
  • 10.
    Methode 1: Persona Personasind 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 10
  • 11.
    Beispiel: Canoo.net offline ๏ Canoo.net: Onlinewörterbuch www.canoo.com 11
  • 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 12
  • 13.
    Beispiel: Canoo.net offline ๏ Canoo.net offline: Funktionalität auch ohne Netzanbindung www.canoo.com 13
  • 14.
    Persona: Canoo.net offline Wer benutzt Canoo.net offline ? => Stoffsammlung für Personaerstellung www.canoo.com 14
  • 15.
    Persona: Canoo.net offline „Unsere“Lösung : Lara Ida Phona Lehrerin Primäre Persona Daniel Karsten Deutschlern Korrektor www.canoo.com 15
  • 16.
    Persona: Canoo.net offline IdaPhona: 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. 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. www.canoo.com 16
  • 17.
    Persona: Canoo.net offline Mitdiesen 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 17
  • 18.
    Methode 2: PaperPrototype 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 18
  • 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 19
  • 20.
    Methode 3: LiveApplication Testing [Don„t make me Think, S. Krug] User arbeitet mit Papierprototyp oder Applikation Beobachter in separatem Raum Usabilitytester stellt Fragen www.canoo.com 20 20
  • 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 21
  • 22.
    Agiler Kontext Einbettung der Methoden in einen agilen Kontext www.canoo.com
  • 23.
    Agiler Kontext ๏ Einbettung in Iterationen Cycle 0 Cycle 1 Cycle 2 Cycle 3 Implement high dev. cost low UI cost Implement designs Implement designs features Plan and gather customer data Test cycle1 code Test cycle 2 code Design for cycle 2 Clarify design cycle 2 Clarify design cycle 3 Gather data for cycle 3 Design for cycle 3 Design for cycle 4 Gather data for cycle 4 Gather data for cycle 5 [Ch. Nodder/ J.Nielsen, Agile Usability] 23 www.canoo.com
  • 24.
    Einbettung in Iterations-/Projektphasen Iteration n [N-1] N [N+1] www.canoo.com 24
  • 25.
    Einbettung in Iterations-/Projektphasen Live Application Testing Iteration n [N-1] N [N+1] ...der Produkte der letzten Iteration www.canoo.com 25
  • 26.
    Einbettung in Iterations-/Projektphasen Iteration n Paper Prototype Testing Live Application Testing [N-1] N [N+1] Im iterativen Kontext 1-2 Zyklen voraus! www.canoo.com 26
  • 27.
  • 28.
    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 ... as sales ... as it was ... as field service ... and what the requested it ... ordered it ... programmed... installed it... customer wanted! 2
  • 29.