Usability-Test ExUnlimited Tablet App

1.035 Aufrufe

Veröffentlicht am

0 Kommentare
0 Gefällt mir
Statistik
Notizen
  • Als Erste(r) kommentieren

  • Gehören Sie zu den Ersten, denen das gefällt!

Keine Downloads
Aufrufe
Aufrufe insgesamt
1.035
Auf SlideShare
0
Aus Einbettungen
0
Anzahl an Einbettungen
56
Aktionen
Geteilt
0
Downloads
1
Kommentare
0
Gefällt mir
0
Einbettungen 0
Keine Einbettungen

Keine Notizen für die Folie

Usability-Test ExUnlimited Tablet App

  1. 1. h_da  IMD  WS  12  SEM3  1   Usability-­‐Test  2012  -­‐  Interac4ve  Media  Design  an  der  Hochschule  Darmstadt    Usability-Test!Interactive Media Design
""Darmstadt, 04.02.2013"
  2. 2. h_da  IMD  WS  12  SEM3  2   Usability-­‐Test  2012  -­‐  Interac4ve  Media  Design  an  der  Hochschule  Darmstadt    IMDh_daAgenda1.  Ziel des Usability-Tests"""2.  Testobjekt"3.  Auswahl der Testmethode"4.  Vorgehen"5.  Testergebnisse"6.  Optimierungsempfehlungen""
  3. 3. h_da  IMD  WS  12  SEM3  3   Usability-­‐Test  2012  -­‐  Interac4ve  Media  Design  an  der  Hochschule  Darmstadt    IMDh_daZiel des Usability-Tests"
  4. 4. h_da  IMD  WS  12  SEM3  4   Usability-­‐Test  2012  -­‐  Interac4ve  Media  Design  an  der  Hochschule  Darmstadt    IMDh_daZiel des Usability-Tests ist dasPrüfen der Gebrauchstauglichkeiteiner Tablet-Applikation. DerUsability-Test unterliegtqualitativen Messergebnissenund wird mit reellen Nutzerdurchgeführt."
  5. 5. h_da  IMD  WS  12  SEM3  5   Usability-­‐Test  2012  -­‐  Interac4ve  Media  Design  an  der  Hochschule  Darmstadt    IMDh_daTestobjekt"
  6. 6. h_da  IMD  WS  12  SEM3  6   Usability-­‐Test  2012  -­‐  Interac4ve  Media  Design  an  der  Hochschule  Darmstadt    IMDh_daUser Journey – Das Problem"Entscheidung   Planung   Anreise   Foyer   Ausstellung   Museumsshop   Zuhause  +  –  Wenig  Infos  zu  den  Werken,  wenig  Interak=v   Abruptes  Ende  des  Erlebnisses  
  7. 7. h_da  IMD  WS  12  SEM3  7   Usability-­‐Test  2012  -­‐  Interac4ve  Media  Design  an  der  Hochschule  Darmstadt    IMDh_daUser Journey – Die Vision"Entscheidung   Planung   Anreise   Foyer   Ausstellung   Museumsshop   Zuhause  –  Das Museumserlebnis jederzeit wieder aufblühenlassen und verborgene Mehrwerte freilegen."+  
  8. 8. h_da  IMD  WS  12  SEM3  8   Usability-­‐Test  2012  -­‐  Interac4ve  Media  Design  an  der  Hochschule  Darmstadt    IMDh_daDie Vision"Die  liebsten  Werke  sammeln  
  9. 9. h_da  IMD  WS  12  SEM3  9   Usability-­‐Test  2012  -­‐  Interac4ve  Media  Design  an  der  Hochschule  Darmstadt    IMDh_daBeschreibung Testobjekt"Die  Lieblingswerke  mit  zahlreichen  Zusatzinfos  betrachten  
  10. 10. h_da  IMD  WS  12  SEM3  10   Usability-­‐Test  2012  -­‐  Interac4ve  Media  Design  an  der  Hochschule  Darmstadt    Beschreibung Testobjekt"Das  Testobjekt:  Touch-­‐User-­‐Interface  
  11. 11. h_da  IMD  WS  12  SEM3  11   Usability-­‐Test  2012  -­‐  Interac4ve  Media  Design  an  der  Hochschule  Darmstadt    Beschreibung Testobjekt"ExUnlimited  Prototyp  v01-­‐v03      Getestet  wurde  ein  klickbarer  Wireframe  der  auf    einem  Tablet  abgerufen  werden  kann.    So  kann  das  Nutzungsverhalten  bei  einem  Touch  Interface  bereits  im  Wireframing  Stadium  ohne  physikalischen  Prototypen  getestet  werden.  
  12. 12. h_da  IMD  WS  12  SEM3  12   Usability-­‐Test  2012  -­‐  Interac4ve  Media  Design  an  der  Hochschule  Darmstadt    IMDh_daBeschreibung Testobjekt"Aussuchen"
  13. 13. h_da  IMD  WS  12  SEM3  13   Usability-­‐Test  2012  -­‐  Interac4ve  Media  Design  an  der  Hochschule  Darmstadt    IMDh_daBeschreibung Testobjekt"Ausgabeformat wählen"
  14. 14. h_da  IMD  WS  12  SEM3  14   Usability-­‐Test  2012  -­‐  Interac4ve  Media  Design  an  der  Hochschule  Darmstadt    IMDh_daBeschreibung Testobjekt"Persönliche Eindrücke beifügen"
  15. 15. h_da  IMD  WS  12  SEM3  15   Usability-­‐Test  2012  -­‐  Interac4ve  Media  Design  an  der  Hochschule  Darmstadt    IMDh_daBeschreibung Testobjekt"Bezahlen"
  16. 16. h_da  IMD  WS  12  SEM3  16   Usability-­‐Test  2012  -­‐  Interac4ve  Media  Design  an  der  Hochschule  Darmstadt    IMDh_daVorgehen"
  17. 17. h_da  IMD  WS  12  SEM3  17   Usability-­‐Test  2012  -­‐  Interac4ve  Media  Design  an  der  Hochschule  Darmstadt    IMDh_daTeststadium und Testmethode"    Klassisch        Eye-­‐Tracking        Eye-­‐Tracking  Wireframe  (Design  /  Test)  Design-­‐Entwurf  (Design  /  Test)  Technische  Umsetzung  (Design  /  Test)  Launch  
  18. 18. h_da  IMD  WS  12  SEM3  18   Usability-­‐Test  2012  -­‐  Interac4ve  Media  Design  an  der  Hochschule  Darmstadt    IMDh_daAuswertungskriterien"Auswertung derTestpersonen-Aussagen "Auswertung desTestpersonen-Verhaltens"
  19. 19. h_da  IMD  WS  12  SEM3  19   Usability-­‐Test  2012  -­‐  Interac4ve  Media  Design  an  der  Hochschule  Darmstadt    IMDh_daDie ausgewertete Stichprobengröße lässtkeine statistische Auswertung zu. ""Wir lernen mögliche Nutzungs-Barrierenund alternative mentale Modelle, die unshelfen, eine Anwendung zu verbessern."Ergebnisbewertung"
  20. 20. h_da  IMD  WS  12  SEM3  20   Usability-­‐Test  2012  -­‐  Interac4ve  Media  Design  an  der  Hochschule  Darmstadt    IMDh_daLaut Nielsen reicht eineStichprobe von 5 Personenaus, um mehr als 75% derUsability-Probleme zufinden."Ergebnisbewertung"Quelle:      Nielsen  &  Norman  Group  ,19.03.2000:  h`p://www.nngroup.com/ar4cles/why-­‐you-­‐only-­‐need-­‐to-­‐test-­‐with-­‐5-­‐users/  [30.01.2013]  
  21. 21. h_da  IMD  WS  12  SEM3  21   Usability-­‐Test  2012  -­‐  Interac4ve  Media  Design  an  der  Hochschule  Darmstadt    IMDh_daDurchführung"                              Nutzerkamera  (3)  Tablet-­‐Kamera  (2)  Tester  Interviewer  (1)  1.  Interviewer und Testerhaben keinen direktenBlickkontakt""2.  Tablet-Kamera filmtInterfaceaktivität""3.  Nutzerkamera filmtNutzerreaktion –Emotionale Reaktionen"4.  Leinwand bildet beideKamera-Bilder ab"                          Leinwand  (4)  Beobachter  Usability-­‐Labor  Beobachtungsraum  
  22. 22. h_da  IMD  WS  12  SEM3  22   Usability-­‐Test  2012  -­‐  Interac4ve  Media  Design  an  der  Hochschule  Darmstadt    IMDh_daFrageleitfaden mit 6 Arbeitsaufgaben.!"Nutzerkamera kombiniert mit Tablet-Kameraund Thinking-Aloud-Methode.""Aufgaben Erledigungszeit: 10 – 15 Minuten!!Umfang: 6 Probanden!(Unterschiedliche demographischeBegebenheiten)"Methodenset"
  23. 23. h_da  IMD  WS  12  SEM3  23   Usability-­‐Test  2012  -­‐  Interac4ve  Media  Design  an  der  Hochschule  Darmstadt    IMDh_daProbandenaufschlüsselung"Proband! Unter 30! Über 30!Proband 1" X"Proband 2" X"Proband 3" X"Proband 4" X"Proband 5" X"Proband 6" X"Alter Testpersonen"
  24. 24. h_da  IMD  WS  12  SEM3  24   Usability-­‐Test  2012  -­‐  Interac4ve  Media  Design  an  der  Hochschule  Darmstadt    IMDh_daThesen"Der  Prozess  ist  den  Probanden  zu  langwierig.  Die  Naviga4on  durch  die  vier  Schri`e  ist  nicht  verständlich.    Der  Nutzer  finden  nicht  die  Übersicht  aller  Werke  in  Schri`  1.  Von  einem  Werk  zurück  zur  Übersicht  zu  gelangen  ist  nicht  verständlich.  
  25. 25. h_da  IMD  WS  12  SEM3  25   Usability-­‐Test  2012  -­‐  Interac4ve  Media  Design  an  der  Hochschule  Darmstadt    IMDh_daAufgaben""-  Funktionen Schritt 1 erschließen (Erster Eindruck)"-  Kunstwerk ansehen und Informationen dazu abrufen"-  Ein Kunstwerk nachträglich zur persönlichen Ausstellung hinzufügen"-  Die persönliche Ausstellung als digitale Version mitnehmen"-  Funktionsumfang Schritt 3 erschließen (Erwartung pers. Eindrücke)"-  Zahlvorgang abschließen (Bezahlprozess)"
  26. 26. h_da  IMD  WS  12  SEM3  26   Usability-­‐Test  2012  -­‐  Interac4ve  Media  Design  an  der  Hochschule  Darmstadt    IMDh_daTestergebnisse"
  27. 27. h_da  IMD  WS  12  SEM3  27   Usability-­‐Test  2012  -­‐  Interac4ve  Media  Design  an  der  Hochschule  Darmstadt    IMDh_daProblemübersichtGrobübersicht nach Kommentaren der Probanden""Aufgaben / Probanten" Probant 1" Probant 2" Probant 3" Probant 4" Probant 5" Probant 6"Eintrittskarte in "Lesegerät legen" " "  "  "  "  "  "  "  "  "  "  "  "  "  "  "  "  "  "  "  "  "  "  "  "  "  "  "  "  "  "  "  "  "  "  "  "  "  "  "  "  "  "Einführung (4 Schritte)"  " "  "  "  "  "  "  "  "  "  "  "  "  "  "  "  "  "  "  "  "  "  "  "  "  "  "  "  "  "  "  "  "  "  "  "  "  "  "  "  "  "  "Erster Eindruck"  " "  "  "  "  "  "  "  "  "  "  "  "  "  "  "  "  "  "  "  "  "  "  "  "  "  "  "  "  "  "  "  "  "  "  "  "  "  "  "  "  "  "Kunstwerk anschauen & 
darüber informieren" " "  "  "  "  "  "  "  "  "  "  "  "  "  "  "  "  "  "  "  "  "  "  "  "  "  "  "  "  "  "  "  "  "  "  "  "  "  "  "  "  "  "Kunstwerk zurpersönlichen 
Ausstellung hinzufügen" " "  "  "  "  "  "  "  "  "  "  "  "  "  "  "  "  "  "  "  "  "  "  "  "  "  "  "  "  "  "  "  "  "  "  "  "  "  "  "  "  "  "Ausstellung digitalmitnehmen" " "  "  "  "  "  "  "  "  "  "  "  "  "  "  "  "  "  "  "  "  "  "  "  "  "  "  "  "  "  "  "  "  "  "  "  "  "  "  "  "  "  "Erwartung zu pers.Eindrücken" " "  "  "  "  "  "  "  "  "  "  "  "  "  "  "  "  "  "  "  "  "  "  "  "  "  "  "  "  "  "  "  "  "  "  "  "  "  "  "  "  "  "Bezahlprozessabschließen" "  "  "  "  "  "  "  "  "  "  "  "  "  "  "  "  "  "  "  "  "  "  "  "  "  "  "  "  "  "  "  "  "  "  "  "  "  "  "  "  "  "  "Abschließende Eindrücke"  " "  "  "  "  "  "  "  "  "  "  "  "  "  "  "  "  "  "  "  "  "  "  "  "  "  "  "  "  "  "  "  "  "  "  "  "  "  "  "  "  "  "Legende:" Positiv" Problem" Schweres Problem" Gescheitert"Probanden-Aussagen können dem Volltranscript entnommen werden.“Transkript_Gesamt.xlsx“"
  28. 28. h_da  IMD  WS  12  SEM3  28   Usability-­‐Test  2012  -­‐  Interac4ve  Media  Design  an  der  Hochschule  Darmstadt    IMDh_daProblemübersichtGrobübersicht nach Kommentartyp""Legende:" Positiv" Problem" Schweres Problem" Gescheitert"Probanden-Aussagen können dem Volltranscript entnommen werden.“Transkript_Gesamt.xlsx“"Aufgaben / Probanten" Zusammenfassung"Eintrittskarte in Lesegerät legen"  "  "  "  "  "  "  "  "  "  "  "  "  "  "  "  "  "  "  "  "  "  "  "  "  "  "  "  "  "  "  "  "  "  "  "  "  "  "  "  "  "  "Einführung (4 Schritte)"  "  "  "  "  "  "  "  "  "  "  "  "  "  "  "  "  "  "  "  "  "  "  "  "  "  "  "  "  "  "  "  "  "  "  "  "  "  "  "  "  "  "Erster Eindruck"  "  "  "  "  "  "  "  "  "  "  "  "  "  "  "  "  "  "  "  "  "  "  "  "  "  "  "  "  "  "  "  "  "  "  "  "  "  "  "  "  "  "Kunstwerk anschauen & 
darüber informieren"  " "  "  "  "  "  "  "  "  "  "  "  "  "  "  "  "  "  "  "  "  "  "  "  "  "  "  "  "  "  "  "  "  "  "  "  "  "  "  "  "  "Kunstwerk zur persönlichen 
Ausstellung hinzufügen"  " "  "  "  "  "  "  "  "  "  "  "  "  "  "  "  "  "  "  "  "  "  "  "  "  "  "  "  "  "  "  "  "  "  "  "  "  "  "  "  "  "Ausstellung digital mitnehmen"  "  "  "  "  "  "  "  "  "  "  "  "  "  "  "  "  "  "  "  "  "  "  "  "  "  "  "  "  "  "  "  "  "  "  "  "  "  "  "  "  "  "Erwartung zu pers. Eindrücken"  "  "  "  "  "  "  "  "  "  "  "  "  "  "  "  "  "  "  "  "  "  "  "  "  "  "  "  "  "  "  "  "  "  "  "  "  "  "  "  "  "  "Bezahlprozess abschließen" "  "  "  "  "  "  "  "  "  "  "  "  "  "  "  "  "  "  "  "  "  "  "  "  "  "  "  "  "  "  "  "  "  "  "  "  "  "  "  "  "  "Abschließende Eindrücke"  "  "  "  "  "  "  "  "  "  "  "  "  "  "  "  "  "  "  "  "  "  "  "  "  "  "  "  "  "  "  "  "  "  "  "  "  "  "  "  "  "  "
  29. 29. h_da  IMD  WS  12  SEM3  29   Usability-­‐Test  2012  -­‐  Interac4ve  Media  Design  an  der  Hochschule  Darmstadt    IMDh_daSchwere Probleme"Einige der Probanden"hatten schwerwiegende Probleme von 
der Detailansicht zurück zur Übersichtgekommen."
  30. 30. h_da  IMD  WS  12  SEM3  30   Usability-­‐Test  2012  -­‐  Interac4ve  Media  Design  an  der  Hochschule  Darmstadt    IMDh_daSchwere Probleme"Das Einfahren der Tastatur wurdevon wenigen Probanden nichtverstanden. "
  31. 31. h_da  IMD  WS  12  SEM3  31   Usability-­‐Test  2012  -­‐  Interac4ve  Media  Design  an  der  Hochschule  Darmstadt    IMDh_daMittelschweres Problem"Warum die Navigation in die Mittespringt, war für viele Probandenverwirrend."
  32. 32. h_da  IMD  WS  12  SEM3  32   Usability-­‐Test  2012  -­‐  Interac4ve  Media  Design  an  der  Hochschule  Darmstadt    IMDh_daLeichtes Problem"Viele Probanden wollten den ersten Schritt überspringen."
  33. 33. h_da  IMD  WS  12  SEM3  33   Usability-­‐Test  2012  -­‐  Interac4ve  Media  Design  an  der  Hochschule  Darmstadt    IMDh_daFazit"Der  Prozess  ist  den  Probanden  nicht  zu  langwierig.  Die  Naviga4on  durch  die  vier  Schri`e  ist  nicht  verständlich.    Der  Nutzer  finden  nicht  die  Übersicht  aller  Werke  in  Schri`  1.  Von  einem  Werk  zurück  zur  Übersicht  zu  gelangen  ist  nicht  verständlich.    
  34. 34. h_da  IMD  WS  12  SEM3  34   Usability-­‐Test  2012  -­‐  Interac4ve  Media  Design  an  der  Hochschule  Darmstadt    IMDh_daFazit"Arbeitsaufgabeschnell erledigt"GeringeNutzungs-probleme"Alle haben dasZiel erreicht"GeringerAnpassungs-aufwand"
  35. 35. h_da  IMD  WS  12  SEM3  35   Usability-­‐Test  2012  -­‐  Interac4ve  Media  Design  an  der  Hochschule  Darmstadt    IMDh_daOptimierungsempfehlungen"
  36. 36. h_da  IMD  WS  12  SEM3  36   Usability-­‐Test  2012  -­‐  Interac4ve  Media  Design  an  der  Hochschule  Darmstadt    IMDh_daSchweres Problem: Zentrale Navigation"Von  einem  Werk  zurück  zur  Übersicht  zu  gelangen  ist  nicht  verständlich.  
  37. 37. h_da  IMD  WS  12  SEM3  37   Usability-­‐Test  2012  -­‐  Interac4ve  Media  Design  an  der  Hochschule  Darmstadt    IMDh_daMögliche Optimierung: Zentrale Navigation"Die  Hauptnaviga4on  behält  ihr  visuelle  Deutlichkeit  
  38. 38. h_da  IMD  WS  12  SEM3  38   Usability-­‐Test  2012  -­‐  Interac4ve  Media  Design  an  der  Hochschule  Darmstadt    IMDh_daMögliche Optimierung: Zentrale Navigation"Die  Hauptnaviga4on  behält  ihr  visuelle  Deutlichkeit  
  39. 39. h_da  IMD  WS  12  SEM3  39   Usability-­‐Test  2012  -­‐  Interac4ve  Media  Design  an  der  Hochschule  Darmstadt    IMDh_daSchweres Problem: Tastatur "Das  Einfahren  der  Tastatur  wurde  von  wenigen  Probanden  nicht  verstanden.  
  40. 40. h_da  IMD  WS  12  SEM3  40   Usability-­‐Test  2012  -­‐  Interac4ve  Media  Design  an  der  Hochschule  Darmstadt    IMDh_daMögliche Optimierung: Tastatur "Den  „Return“  Bu`on  hervorheben  
  41. 41. h_da  IMD  WS  12  SEM3  41   Usability-­‐Test  2012  -­‐  Interac4ve  Media  Design  an  der  Hochschule  Darmstadt    IMDh_daMögliche Optimierung: Tastatur "Aus  dem  Return  Bu`on  ein  „Weiter"  zum  nächsten  Schri`  Bu`on  machen  
  42. 42. h_da  IMD  WS  12  SEM3  42   Usability-­‐Test  2012  -­‐  Interac4ve  Media  Design  an  der  Hochschule  Darmstadt    IMDh_daMittelschweres Problem:Seitennavigation"Warum  die  Naviga4on  in  die  Mi`e  springt,  war  für  viele  Probanden  verwirrend.  
  43. 43. h_da  IMD  WS  12  SEM3  43   Usability-­‐Test  2012  -­‐  Interac4ve  Media  Design  an  der  Hochschule  Darmstadt    IMDh_daMögliche Optimierung:Seitennavigation"Op4mierung:  Die  Seitennaviga4on  bleib  fix  an  der  rechten  Ecke.  
  44. 44. h_da  IMD  WS  12  SEM3  44   Usability-­‐Test  2012  -­‐  Interac4ve  Media  Design  an  der  Hochschule  Darmstadt    IMDh_daLeichtes Problem: Akkordeon Navigation"Viele  Probanden  wollten  den  ersten  Schri`  überspringen.  
  45. 45. h_da  IMD  WS  12  SEM3  45   Usability-­‐Test  2012  -­‐  Interac4ve  Media  Design  an  der  Hochschule  Darmstadt    IMDh_daMögliche Optimierung: Akkordeon Navigation"Op4mierung:  E-­‐Mail  Eingabe  prominenter  darstellen.    
  46. 46. h_da  IMD  WS  12  SEM3  46   Usability-­‐Test  2012  -­‐  Interac4ve  Media  Design  an  der  Hochschule  Darmstadt    IMDh_daMögliche Optimierung: Akkordeon Navigation"Op4mierung:  Zusätzlich  Fehlermeldung  ausgeben,  bei  fehlender  Eingabe.  
  47. 47. h_da  IMD  WS  12  SEM3  47   Usability-­‐Test  2012  -­‐  Interac4ve  Media  Design  an  der  Hochschule  Darmstadt    IMDh_daWertvolle Nutzerkommentare"Tester:  „Warum  soll  ich  mir  denn  diese  Nummer  merken?  Hä`e  man  das  nicht  auf  meine  Eintri`skarte  speichern  können?“  Tester helfen auch, wenn man den Wald vor lauter Bäumen nicht mehr sieht J "
  48. 48. h_da  IMD  WS  12  SEM3  48   Usability-­‐Test  2012  -­‐  Interac4ve  Media  Design  an  der  Hochschule  Darmstadt    IMDh_daNächste Schritte"FinalisierungInterfacedesign"Testen amphysikalischenPrototypen"LetzteOptimierungen"
  49. 49. h_da  IMD  WS  12  SEM3  49   Usability-­‐Test  2012  -­‐  Interac4ve  Media  Design  an  der  Hochschule  Darmstadt    IMDh_daVielen Dank für IhreAufmerksamkeit"
  50. 50. h_da  IMD  WS  12  SEM3  50   Usability-­‐Test  2012  -­‐  Interac4ve  Media  Design  an  der  Hochschule  Darmstadt    IMDh_daHaben Sie Fragen?"Alexander Vonnemann!Interactive Media Design"Semester 3!!alexander.vonnemann@stud.h-da.de"Ludwig Helsen!Interactive Media Design"Semester 3!!ludwig.helsen@stud.h-da.de"Marisa Wollner!Interactive Media Design"Semester 3!!marisa.wollner@stud.h-da.de"
  51. 51. h_da  IMD  WS  12  SEM3  51   Usability-­‐Test  2012  -­‐  Interac4ve  Media  Design  an  der  Hochschule  Darmstadt    IMDh_daimd.fbmd.h-da.de mediencampus.h-da.deVielen Dank an"
  52. 52. h_da  IMD  WS  12  SEM3  52   Usability-­‐Test  2012  -­‐  Interac4ve  Media  Design  an  der  Hochschule  Darmstadt    IMDh_daBildnachweise"Seite! Beschreibung! Herkunft! Datum!1" Hintergrundbild"http://www.staedelmuseum.de/sm/index.php?StoryID=1239""12.01.2013"11, 20, 25 –28, , 32 – 43 "iPad" http://www.teehanlax.com/blog/ipad-gui-psd-version-2/" 20.12.2012"

×