Prototyping - Testing & Rapid Prototyping PDF

5. Testing & Rapid Prototyping Prototyping Prototyp Synonyme: Muster, Musterbeispiel, Modell, Vorbild, … Prototyping = Prototypenbau Prototyping dient in der Konzeptionsphase dem frühen Visualisieren von Ideen, um diese vor der technischen...

5. Testing & Rapid Prototyping Prototyping Prototyp Synonyme: Muster, Musterbeispiel, Modell, Vorbild, … Prototyping = Prototypenbau Prototyping dient in der Konzeptionsphase dem frühen Visualisieren von Ideen, um diese vor der technischen Umsetzung zu überprüfen und zu testen. Definition: „Prototyping is an experimental process where design teams implement ideas into tangible forms from paper to digital. Teams build prototypes of varying degrees of fidelity to capture design concepts and test on users.“ Benz Mobil Prototyp Das erste Iphone Prototype Der Melitta Prototyp Warum Prototyping? Nicht nur nützlich für Testing… Instrument für die interne Projektkommunikation: Stakeholder (z.B. auch Investoren) erhalten lange vor der technischen Entwicklung eine Vision geplanten Lösung, ihrer Vorteile und Risiken Feedback von potentiellen Usern Ersparnisse bei der Optimierung 5. Testing & Rapid Prototyping 1  Ideen-Verfeinerung oder -Generierung Requirements-Überprüfung: Anforderungen können anhand eines Prototyps einfacher überprüft, ergänzt und priorisiert werden Akkuratere (Software-/Produkt-)Entwicklungs-Schätzungen Prototyparten Die Wahl des Prototyps und die Testmethodik hängen von den Zielen ab. Dimensionen / Klassifizierung von „Low Fidelity“ bis High Fidelity: Umfang: Ein-seitig vs. viel-seitig Visueller Reifegrad: Handgezeichnet vs. realistisches, pixelgenaues Modell Dynamik der Nutzung: Statisch(anschauen) vs. animiert(erleben) vs. interaktiv(klickbar) (Klick-)Breite & Tiefe: Horizontal vs. Vertikal Informationsgehalt: Daten-arm vs. realistische Daten Wegwerf Prototyp Papier, Lego, Knete, Ton und andere Materialien 5. Testing & Rapid Prototyping 2  Papier-Prototyp Fahrzeugdesign 5. Testing & Rapid Prototyping 3  Wireframe Mit Wireframes entwickeln und kommunizieren wir Ideen zeichnerisch (schlicht und ohne Deko). Früher konzeptioneller Entwurf einer Bedienoberfläche (bestehend aus grauen/schwarzen Linien, Kästen und maximal Überschriften) Der Fokus liegt auf der Struktur, der Anordnung von Elementen, grundlegender Funktionalität und der Benutzerführung. 5. Testing & Rapid Prototyping 4  Mockup sehr weit ausgearbeitete, maßstabsgerechte Prototypendesigns Visualisierung, die optisch schon dem Endprodukt gleicht eher am Ende der konzeptionellen Phase eingesetzt, oder wenn ein Design bereits gegeben ist für die Erweiterung oder inkrementelle Optimierung Vorteil: Möglichkeit, das System emotionaler zu erleben (Akzeptanztest) und Gesamteindruck Klick-Dummies eine teilweise interaktionsfähige Demo einer Bedienoberfläche, welche bestimmte Interaktionen mit dem zukünftigen Produkt simuliert. Anwender können Abläufe und einzelne Interaktionen erleben. 5. Testing & Rapid Prototyping 5  Designer können prüfen / demonstrieren, wie Interaktionen genau funktionieren Prototyping-Software hilft dabei Übergänge und Ereignisse im Hinblick auf Benutzereingaben (z.B. Klicks) zu definieren, um einen interaktiven Prototyp zu erstellen, ohne Code schreiben zu müssen. VR & AR Prototypen Physisches Modell Wizard of Oz Szenario Horizontal vs. Vertikale Prototypen 5. Testing & Rapid Prototyping 6  Informationstreue - die dargestellten Daten sind konsistent und ergeben sinnvolle Information. Beispiel: Keine Blindtexte, wie z.B. „Lorem ipsum…“ Testing Methoden & Tools Testing Tools Testing Tools Wizard of Oz Hotjar Engage User-Testing Lyssna (ehem. Usabilty hub) Usability-Test Assumption-Test Remote User-Tests Moderiert/unmoderiert 5 Sekunden Test 5. Testing & Rapid Prototyping 7