Prototyping
Skizzieren, Prototypen Nicht nur»nebenprodukt«von Design, sondern wesentliches»instrument«des Denkens und Lernens Sowohl das Zeichnen als auch das»lesen«von Skizzen sind Qualifikationen, die Nicht-Designer von Designern unterscheiden Wichtig ist nicht das Ergebnis, sondern der Prozess! Übergang zwischen Skizze und Prototyp fließend Quelle: http://twoday.tuwien.ac.at/uidesign/
Prototypen, Mock-ups Was ist ein Prototyp? Ein Prototyp ist eine limitierte Repräsentation eines Designs, zu einem sehr frühen Designzeitpunkt um die Benutzerfreundlichkeit zu prüfen, erkunden und eventuelle Fehldesigns möglichst früh zu korrigieren. Was ist ein Mockup? Ein Mock-up in der Softwareentwicklung bezeichnet einen rudimentären Wegwerfprototyp der Benutzeroberfläche einer zu erstellenden Software. Quelle: https://tugll.tugraz.at/akhci/weblog/565.html http://de.wikipedia.org/wiki/mock-up
Low and High Fidelity Prototyping Low Fidelity Prototyping dient zur Prüfung von Ideen und Abläufen schnell, billig und leicht änderbar/wegwerfbar (viele Entwürfe) sehr kommunikativ, da alle Beteiligten in den Entwurf miteinbezogen werden Keine/wenig Funktionalität, daher nur begrenzte Erkennung von Fehlern möglicherweise sind nicht alle Ideen technisch umsetzbar High Fidelity Prototyping dient zur Prüfung von Details und genauen Funktionen mehr Funktionalität, nahe dem Endprodukt besser zu testen da der User mit dem Prototyp interagieren kann teuer und aufwendig zu erstellen, Hemmschwelle des Änderns durch enormen Aufwand Aesthetics Usability Functionality Quelle: https://tugll.tugraz.at/akhci/weblog/565.html
Paper Prototyping Low-Fidelity Methode Für Webseiten, Webapplikationen und konventionelle Software geeignet Zuerst Aufgaben auswählen, die User ausführen kann Händisch werden Screenshots entworfen mit Fenster, Menüs, Dialogboxen, Quelle: http://events.ccc.de/congress/2005/fahrplan/attachments/712-slides_paper_prototyping.pdf
Paper Prototyping Geeignet für folgende Fragen: Sind Begriffe verständlich? Entspricht die Navigation den Erwartungen der User? Werden die richtigen Infos zur Verfügung gestellt? Seitenlayout (zuviel/zuwenig Infos, am richtigen Platz?) Fehlen Funktionalitäten? Weniger geeignet für: Technische Machbarkeit Antwortzeiten Scrolling Farben und Schriftarten Quelle: http://www.snyderconsulting.net/us-paper.pdf
Bsp: Graphiken aus PDF exportieren Quelle: http://events.ccc.de/congress/2005/fahrplan/attachments/712-slides_paper_prototyping.pdf
Bsp: Page Setup Quelle: http://www.snyderconsulting.net/us-paper.pdf
Bsp: Power Point Quelle: http://events.ccc.de/congress/2005/fahrplan/attachments/712-slides_paper_prototyping.pdf
Bsp: Multi-view Visualisierungen Quelle: http://events.ccc.de/congress/2005/fahrplan/attachments/712-slides_paper_prototyping.pdf
BSP: Mobiltelephon Quelle: http://www.nngroup.com/reports/prototyping/video_stills.html Quelle: http://events.ccc.de/congress/2005/fahrplan/attachments/712-slides_paper_prototyping.pdf
BSP: Fernsteuerung Quelle: http://events.ccc.de/congress/2005/fahrplan/attachments/712-slides_paper_prototyping.pdf
Interaktion mit Papierprototypen? Prototyp für Formular ausfüllen Tab-basiertes Design Quelle: http://www.nngroup.com/reports/prototyping/video_stills.html
Wizard of Oz Video (I-Phone Papier-Prototyp): http://www.youtube.com/watch?v=6tbyxq3xhsc
Paper-Prototyping Test (Video) Bild: http://www.ethbib.ethz.ch/exhibit/mathematik/images/mensch_h.jpg Video (Prototyping-Test): http://de.youtube.com/watch?v=dtr7gbsf7os&feature=related