Tools zur Erstellung von Mockups / Wireframes / Prototyping …
Bevor man eine Website, eine iPhone App oder eine Desktop Applikation programmieren, layouten oder mit dem Kunden abstimmen kann muss erstmal ein engerer Rahmen für das Projekt abgesteckt werden. Da die meisten Menschen visuell “ticken” ist dafür eine grafische Darstellung optimal. Für dieses Abstecken eignen sich sogenannte Mockups (bzw. Mock-Ups) oder Wireframes. Naheliegend ist die Verwendung von Papier und Stift, aber es gibt auch eine ganze Reihe von Software-Tools die mehr oder weniger für genau diese Einsatzzwecke gedacht sind und auch eine dementsprechende Funktionsvielfalt bieten.
Der aus dem Englischen stammende Begriff Mock-up bezeichnet im Deutschen beispielsweise eine Attrappe. Er wird heute aber meist für ein maßstäblich gefertigtes Modell bzw. eine Nachbildung zu Präsentationzwecken benutzt. Erste Verwendungen des Begriffes sind in der Luftfahrtindustrie belegt. Später wurde er auch von anderen Bereichen, wie beispielsweise dem Industriedesign, übernommen. wikipedia.de
MS Power Point / Keynote (Mac und Windows)
An den meisten Büroarbeitsplätzen schon vorinstalliert und daher meist verfügbar, eignet sich für einfache Visualisierungen, nicht speziell für den genannten Anwendungsfall entwickelt.
Balsamiq (Mac und Windows bzw. Online)
Extrem simple und komfortable Bedienoberfläche, Handegzeichnete Anmutung (Vorteil: keine Verwechslungsgefahr mit einem Layout), Kosten 79$, Kostenlose Online-Variante, Adobe Air Applikation
iPlotz (Mac und Windows bzw. Online)
Komplex, Kostenpflichtiges Online-Tool oder Desktop Variante zu 75$, stark eingeschränkte Freeware, Adobe Air Applikation
Hotgloo
30 Tage-Testversion, ab 7$ pro Monat
Axure (Mac und Windows)
ca. 500$, Testversion verfügbar
Omnigraffle (leider nur Mac)
Grafisch ansprechende Ergebnisse, auch fürs iPad verfügbar, ab 100$
Firefox Pencil
Freeware, Firefox Addon, für den einfachen Einsatzzweck geeignet.
Weitere Tools:
http://www.adaptivepath.com/blog/2009/09/16/rapid-prototyping-tools-revisited/
Sammlung von Materialien zur Erstellung von Wireframes in Bildbearbeitungsprogrammen, Visio, Omnigraffle und Co.:











Kontakt