Prototyping
UCID ID
UCID ID
-
- 1 / 29
-
Flashcards
Definition Prototyping?
Durch Prototyping entsteht eine zum Teil funktionsfhige Vorabversion. Mit ihr kann früh getestet werden, ob die Anwendung die Anforderungen erfüllt
Einsatzgebiet von Prototypen? Argumente für PT? (5)
- Vergleich verschiedener Varianten
- Diskutieren von Lösungen im Team
- Evaluieren der Lösung mit Benutzern
- als Präsentation für Überzeugungsarbeit
- Basis für Spezifikation
Warum PT machen? (8)
- Mensch hat Mühe rein gedankliche Ideen zu beurteilen
- Ideen müssen visualisiert/simuliert werden
- Der Prozess der Visualisierung ist ein Entwicklungsprozess für das Projektteam
- Mit PT können sehr gut Benutzerfeedbacks eingeholt werden
- Gemeinsame Sprache und Verständnis im Projektteam entwickeln
- Kosten senken
- Risiken minimieren
- Hypotese prüfen
Beispiel für Hypotesen (3)
- Wird das Produkt grundstzlich akzeptiert?
- Ist die Farbgebung / Kontrast / Helligkeit ok?
- Ist der Übergang von Schritt x zu Schritt y verständlich/erkennbar/nachvollziehbar?
Prinzipen nach Todd Zaki (2 Theorie 3Tipp)
- Jeder kann zeichnen
- Es ist ein PT keine Mona Lisa
- Kenne das Ziel des PT
- Wenn's nicht geht dann simuliere es
- Risiken minimieren mit frühen Prototypen
- Prototype nur was du brauchst
Vorteile von PT (5)
- Kann früh im Entwicklungsprozess eingestzt werden
- Liefert schnell und bedeutende Rückmeldung von Benutzer
- Ermöglicht spezifische Testung einer Frage/Hypothese
- Ist eine Methode für die Evaluation von UI-Konzepten - Reduziert die totalen Entwicklungskosten
Nachteile von PT (4)
- Überfrachtung
- richtiger Zeitpunkt für Ausstieg finden
- Erzeugen von unrealistischen Erwartungen
- Begrenzung und Rahmenbedingunge werden oft zu start vernachlässigt
Die 5 Dimensionen des PT
- Visuelle Ausarbeitung
- Breite (alle Seiten einer Website zeigen)
- Tiefe (gesamter Prozess abbilden Shop 1 - 5)
- Interaktivität
- Daten im PT
Wie ist die abfolge von Prototypen bez. Wiedergabetreu / Ausarbeitungsgrad (4)
Skizze -> Wireframe (Drahtgitter Modelle) -> Look & Feel der Zielplattform -> Pixelgenaue Umsetzung
Welche Darstellungsform für Inhaltliche Disskusion?
Wieso?
- Abstrakte / einfache Form: Wireframe, Skizze, schwarz / weiss
- Leute beziehen sich auf Inhalt, getrauen sich Kritik zu äussern
Welche Darstellungsform für Überzeugungsarbeit?
Wieso
- Look der Zielplattform, pixelgenau Darstellung.
- Gibt ein genaues (optischen) Eindruck des Endprodukts
Warum nicht pixelgenauer PT für Inhaltliche Disskusion?
- Die Leute sehen/konzentrieren sich dann nur auf die Form
- Man meint es ist schon fertig
Prototyp-Arten (2 je 2)
FLACH / HORIZONTAL
- Gesamteindruck berprfen
- Navigation ausprobieren
TIEF / VERTIKAL
- gesamter Prozess abbilden (Shop Einstieg - Bezahl Button)
- Einzelne Use Cases abbilden
Lo-Fi Hi-Fi Achsen für Look and Feel PT
x Interaktivität
y Visuelle Ausarbeitung
PT erstellen von Hand +/- (je 2)
Erarbeitung in der Gruppe
Schnell, billig
Änderungen evtl. schwierig
Wiederverwendung evtl. schwierig kein Copy/Paste
PT erstellen am Compi +/- (3/3)
- Copy / Paste ist einfach
- Interaktion ist einfacher implementierbar
- einfach verteilbar
- Teamwork ist schwieriger
- Lernaufwand für Tool
- Einfach bleiben nicht abzudriften und "schön" machen wollen
Präsentation Hand PT +/- (2/1)
- überall durchfhrbar
- Tester trauen sich eher zu kritisieren
- Interaktion schwierig
Präsentation am Compi PT +/- (4/1)
- Interaktion einfach
- Ist näher an der Realität
- Benutzer können selbstndig mit PT arbeiten
- Je nach Tool wird der Walktrough (teil)-aufgezeichnet
- Infrastruktur muss vorhanden sein
Wahl des Prototypen hängt von welchen Faktoren ab? (2 mit je3)
VON DER ZU PRÜFENDEN HYPOTHESE
Prüfen von Informationsarchitektur
Look & Feel
Verständlichkeit
VON DEN RAHMENBEDINGUNGEN DES PROJEKTS
- Zeitpunkt / Zeitbudget
- finanzielles Budget
- Kenntnisse von PT Tools
Verhalten als Testleiter ist? (4-6)
- Neutral sein (immer wieder hinterfragen bin ich objektiv)
- Aufnehmen was die Person sagt, nicht interpretieren
- Ruhig bleiben, so wenig eingreifen wie möglich
- Nur dann fein helfen, wenn der Proband wirklich nicht mehr weiter kommt
- Evtl. Diskussion am Schluss
- Keine Suggestivfragen stellen
Was ist beim Verfahren / Erstellung eines Tests wichtig? (4)
- Habe ich die richtigen Fragen und Aufgaben gestellt?
- Erhalte ich valide Ergebnisse?
- Ist mein Test standardisiert?
- Misst mein Verfahren das was ich testen will?
Was ist an der Test-Situation zu beachten?
Störvariablen eliminieren
- Zu viele Personen anwesend
- Zu viele externe Einflüsse
- Testperson sitzt, Leiter steht
Verhalten bei Tests.
Was ist beim Probanden zu wissen?
- Dankbar sein, dass er sich zeit nimmt und Informationen von sich preis gibt
- Ist oft in einer fremden Umgebung, setzt sich einer unbekannten Situation aus.
- Einstieg möglichst einfach machen.
Wireframe (5) + Definition
- Enthält einzelne Screens einer Applikation
- Zeigt grobes Layout
- Zeigt wichtigste Funktionalität
- Meist nur schwarz weiss
- Platzhalter für gewisse Elemente
Verstärkung des Wesentlichen durch Vereinfachung
UCD Lifecyle für Prototyping
1. Nutzungs und Kontext Analyse
2. Anforderungs-Spezifikation
3. Entwicklung Prototyp
4. Evaluation PT
--------------------------
intuitiv bedienbares Produkt
----------------------------
oder zu 1
Philosophie von Prototyping
- Auf der grünen Wiese anfangen
- Bereitschaft den Prototypen zu verwerfen
- Rahmenbedingungen beachten, sich aber nicht zu sehr einschränken
- kreativ sein!
Lo-Fi Hi-Fi Interaktivität
- Papier
- Power Point Verlinkte Seiten
- Formulare (einfache Interaktivität)
- HTML PT volle Interaction
Lo-Fi Hi-Fi Daten
- Blindtext
- Symbolischer Text
- Label Text
- Mustertext
- Echte Daten
Wireframe
Drahtgitter-Modell
zeigt einzelne Screens
zeigt wichtigste Funktionalität
grobes Layout
meist nur schwarz/weiss
Platzhalter1111
