Prototyping Von Rich Internet Applikationen
Total Page:16
File Type:pdf, Size:1020Kb
Prototyping von Rich Internet Applikationen Master of Advanced Studies in Human Computer Interaction Design Masterarbeit Autoren: Andreas Binggeli Marc Blume Yuan-Yuan Sun Betreuer: Thomas Bircher 30. Januar 2009 Erklärung zur Urheberschaft: Wir erklären hiermit an Eides statt, dass wir die vorliegende Arbeit ohne Benutzung anderer als der angegebenen Hilfsmittel angefertigt haben; die aus fremden Quellen direkt oder indirekt übernommenen Gedanken sind als solche kenntlich gemacht. Die Arbeit wurde bisher in gleicher oder ähnlicher Form keiner anderen Prüfungsbehörde vorgelegt und auch noch nicht veröffentlicht. Ort, Datum Andreas Binggeli Ort, Datum Marc Blume Ort, Datum Yuan-Yuan Sun ii Prototyping von Rich Internet Applikationen Abstract Rich Internet Applikationen (RIA) beschreiben eine neue Generation von Web- Anwendungen, welche die Vorteile von traditionellen Web- und Desktop-Applikationen miteinander vereinen. RIA stellen die Designer vor grosse Herausforderungen, da die neuen Konzepte und Interaktionsmöglichkeiten bei den Anwendern teilweise noch unbekannt sind, und die Dynamik und Reichhaltigkeit von RIA grössere Anforderungen an das Erstellen und Testen von Prototypen der Anwendungen stellt. Das Ziel dieser Studie war es, verschiedene Prototyping Methoden auf Ihre Eignung zur Simulation und Evaluation von RIA Patterns zu untersuchen. Für die Untersuchung wurden zehn typische RIA Interaktionsmuster ausgewählt und mit vier verschiedenen Prototyp Versionen umgesetzt: handgezeichnete Papier-Prototypen, mit PowerPoint erstellten Papier-Prototypen, mit der Prototyping Software „Axure RP Pro“ erstellte digitalen Prototypen und ausprogrammierten Ajax Prototypen. Alle wurden in zwei Iterationen mit insgesamt 15 Benutzern getestet. Die quantitative Auswertung der Tests erfolgte auf der Basis eines „subjektiven“ Fragebogens welcher die Testteilnehmer nach jeder Testaufgabe ausfüllten sowie einem „objektiven“ Fragebogen mit unseren eigenen Einschätzungen über die Schwierigkeiten bei der Lösung der Aufgaben. Die Ergebnisse der quantitativen Auswertung wurden anhand von neun definierten Hypothesen überprüft. Alleine die langsamere Reaktionszeit der Papier-Prototypen gegenüber den beiden digitalen Prototypen war statistisch bedeutsam. Ansonsten wurde von den Testteilnehmern gemäss der Daten der Fragebogen sowohl das Verhalten wie auch erstaunlicherweise das Aussehen der vier Prototyp-Versionen als gleichwertig empfunden. Die qualitative Beobachtung und Befragung in der Testsituation zeichnete hingegen ein anderes Bild. Einige der simulierten RIA Patterns konnten aufgrund Beschränkungen bestimmter Prototyping Methoden nur ungenügend simuliert werden und führen bei den Benutzertests mitunter zu erheblichen Schwierigkeiten. Die Diskussion der Untersuchungsergebnisse führte zu dem Schluss, dass alle Methoden ihren Platz in einem benutzerorientierten Gestaltungsprozess haben, je nach Ausgangslage und Zielsetzung aber nur mit Vorbehalten für das Testen von RIA Pattern Prototypen geeignet sind. Prototyping von Rich Internet Applikationen iii iv Prototyping von Rich Internet Applikationen Inhaltsverzeichnis Abstract...................................................................................................................................................... iii Inhaltsverzeichnis ...................................................................................................................................v Abbildungsverzeichnis......................................................................................................................viii Tabellenverzeichnis................................................................................................................................x Management Summary........................................................................................................................ xi 1 Einleitung ..................................................................................................................................... 1 2 Theoretischer Hintergrund: Prototyping von Rich Internet Applikationen ... 2 2.1 Rich Internet Applikationen.................................................................................2 2.1.1 Entwicklung von Rich Internet Applikationen.........................................2 2.1.2 Vergleich zwischen Client/Server-, HTML- und RIA...............................4 2.1.3 Vor- und Nachteile von RIA ..................................................................5 2.1.4 RIA-Plattformen ...................................................................................7 2.1.5 RIA-Technologien.................................................................................8 2.1.6 Web 2.0 und RIA.................................................................................11 2.2 Interaktions-Design Patterns ............................................................................12 2.2.1 Entwicklung von Design Patterns ........................................................12 2.2.2 Typen von Interaktions-Design Patterns .............................................13 2.2.3 RIA Interaktions-Design Patterns ........................................................14 2.2.4 Design Pattern Sammlungen und ihre RIA-Abdeckung ........................15 2.3 Erstellung und Verwendung von Prototypen ......................................................17 2.3.1 Definition von Prototyp.......................................................................17 2.3.2 Einbettung von Prototyping in den Entwicklungsprozess von Software 17 2.3.3 Zweck und Ziele von Prototyping ........................................................18 2.3.4 Prototyping Prozess............................................................................19 2.3.5 Beschreibung verschiedener Prototyping-Methoden............................21 2.3.6 Wiedergabetreue von Prototypen ........................................................23 2.3.7 Prototyping Werkzeuge.......................................................................24 2.4 Prototyping Tests .............................................................................................26 2.4.1 Zweck und Ziele der Evaluation von Prototypen...................................26 2.4.2 Übersicht der Evaluationsmethoden ....................................................26 2.4.3 Reliabilität und Validität der Untersuchung .........................................30 2.4.4 Anzahl Versuchspersonen...................................................................31 3 Methodik der empirischen Untersuchung...................................................................33 3.1 Forschungsfragen und Hypothesen ...................................................................33 3.1.1 Unabhängige Variable.........................................................................33 3.1.2 Abhängige Variablen ..........................................................................33 Prototyping von Rich Internet Applikationen v 3.1.3 Forschungshypothesen.......................................................................33 3.2 Untersuchungsgegenstand ...............................................................................35 3.2.1 Auswahl der Patterns..........................................................................35 3.2.2 Auswahl der Prototyping Methoden und -Werkzeuge..........................38 3.3 Erstellung der Prototypen .................................................................................38 3.3.1 Per Hand und PowerPoint erstellte Papier-Prototypen .........................38 3.3.2 Mit Axure RP Pro erstellte digitale Prototypen .....................................44 3.3.3 Mit Ajax erstellte, kodierte Prototypen ................................................49 3.4 Untersuchungsdesign .......................................................................................52 3.4.1 Testaufgaben .....................................................................................53 3.4.2 Aufgabenmatrix .................................................................................55 3.4.3 Auswahl der Testteilnehmer ...............................................................55 3.4.4 Qualitative Beobachtungen während der Tests ....................................56 3.4.5 Quantitative Datenerhebung mittels Fragebogen ................................59 4 Ergebnisse der Studie .......................................................................................................... 62 4.1 Auswertung der Fragebogen .............................................................................62 4.1.1 Auswertung der Vorkenntnisse der Testteilnehmer .............................62 4.1.2 Deskriptive Auswertung der Fragebogen.............................................63 4.1.3 Inferenzstatistische Prüfung der Hypothesen ......................................65 4.2 Auswertung der Beobachtungsnotizen ..............................................................70 4.2.1 Reaktionsgeschwindigkeit des Systems...............................................71 4.2.2 Visuelle Wiedergabetreue ...................................................................72 4.2.3 Verhalten ...........................................................................................73 4.2.4 Fehlverhalten......................................................................................76 4.3 Zusammenfassung der Testergebnisse .............................................................76 4.3.1 Quantitative Datenauswertung............................................................76