Was ist ein Prototyp?
Eine effiziente Veranschaulichung eines Produkts, um früh Feedback einzuholen–am Besten bereits ab dem Projektstart.
Feedback von wem?
- Benutzer
- Produktentwicklungsteam
- Weitere Interessenvertreter
Es gibt spezielle, für das Prototyping gemachte Software. Aber auch allgemeine Software–wie zum Beispiel Microsoft Powerpoint–liefert wunderbare Ergebnisse.
Ergebnis des Prototypings kann sein:
- Statische Screens
- Kurzer Film mit Animation oder Übergang zwischen zwei Screens
- Interaktiver Prototyp mit Verlinkung via Hotspots
- Interaktiver Prototyp mit Gesten für Touchscreen-Geräte
- Interaktiver Prototyp mit komplexer Logik
Spezielle Prototyping-Software
Skizze (Low visual fidelity)
Erstellt mit Stift & Papier oder am Whiteboard.
Wireframe (Low visual fidelity)
- Balsamiq Mockups Desktop $90.-
- Hotgloo, Cacoo, ...
Visuelles Design (High visual fidelity)
- Sketch €100.-
- Antetype
- Axure $290.-
Interaktiv-Macher, die Screens oder kurze Filme als Input brauchen
Visuelle Programmiersprache: Patches
- Form von Relative Wave €0.- (nur für iOS)
- Origami von Facebook €0.-
- Avocado von IDEO
- Apple Quartz Composer
Programmiersprache: Webframework
* Einige Prototyp-Werkzeuge haben auch Zusammenarbeit- und Feedback-Funktionen.
Allgemeine Software, die auch Prototyping kann
Präsentation
- Microsoft Powerpoint
- Apple Keynote
- Google Slides
Visualisierung
- Microsoft Visio
- OmniGraffle
Tabellenkalkulation
- Microsoft Excel
- Apple Numbers
- Google Sheets
Bildbearbeitung
Adobe Photoshop
Vektorgrafik
- Adobe Illustrator
- Inkscape
Desktop-Publishing
Adobe InDesign
Timeline-Software
- Adobe After Effects
- Adobe Flash
Integrierte Entwicklungsumgebung
- QT creator
- Microsoft Visual Studio
- Xcode
- IDE designers
- HTML/CSS animations (design in the browser)
Weiterführende Links
- Pasquale D’Silva
- FORM SF Panel Discussion November 2014
- SPAN NYC Panel Discussion October 2015
- Koen Bok and Jorn van Dijk Designing with Framer. Focused on Framer, also covers prototyping in general and a discussion of the various design tools available in the market Dezember 2014
- Prototyping: Fake It Till You Make It Using Apple Keynote for animated and interactive iOS prototypes
- Bill Buxton: Sketching User Experiences
- Compare tools and find the one that fits your design needs
Herzlichen Dank an UxGraz und UxWien für Diskussion und Feedback zum Thema.
hi max, was hier noch passen würde:
Illustrator:
++ ideal um den wichtigsten userflow beim skizzieren im auge zu behalten. leichtgewichtig lassen sich personas, benutzeranforderungen, schlussfolgerungen und andere dinge bei der arbeit präsent halten - "mock before you doc"…
- keine interaktion
-- oft unbeliebt bei einsteiger
InDesign:
+ passt gut für low- und high-fidelity prototypen
++ sehr gutes floatingverhalten, liquid layout pages und mächtige styles-verwaltung.
- keine interaktion
-- vorlagen für iOS und Android sind rar
Posted by: Wieland Kloimstein | May 07, 2015 at 21:45
Hi Wieland, herzlichen Dank für den guten Input! Vektorgrafik und Desktop-Publishing sind jetzt als Kategorien auch dabei.
Posted by: Max Scheugl | May 08, 2015 at 14:30