von t3n Redaktion,
Twittern 34 Teilen 19

Toolvorstellung: Mockabilly – Wireframes für iPhone Apps auf dem iPhone entwickeln

Die von der salient GmbH entwickelte App „Mockabilly“ ist ein Tool, das es ermöglichen soll, visuelle Prototypen von iPhone Apps mit wenig Aufwand auf dem iPhone zu erstellen. Mockabilly will damit wohl vor allem Designern und Entwicklern eine einfache Möglichkeit bieten, Apps zu testen und zu präsentieren.

Schritt 1: Vorarbeit im Grafikprogramm

Bevor man das Mockup auf dem iPhone bearbeiten kann, leistet man Vorarbeit am PC. Dabei kann man sich jeglicher Bildbearbeitungssoftware bedienen, unabhängig ob PC oder Mac. Hier erstellt man zunächst Bild für Bild Screen-Layouts für die neue App. So soll es auf relativ einfache Art möglich sein, jeder späteren Interaktion oder Szene in der Prototyp-App ein individuelles Design zu verpassen.

Die einzeln erstellten und angepassten Layouts speichert man als Bilder ab und bringt sie anschließend aufs iPhone. Dafür gibt es zwei Wege: Entweder nutzt man den Mockabilly-internen FTP-Server und synchronisiert über WIFI oder man nutzt iTunes zur Übertragung.

mockabilly screens
Man kann stets zwischen „Editieren“ und „Abspielen“ umschalten.

Szenarien über Transitions verknüpfen

Nun kann der Nutzer alle erstellten Screen-Layouts nach den eigenen Wünschen non-linear miteinander verknüpfen. Dabei kann man die iPhone-Transitions für jeden Szenarioübergang frei wählen. An dieser Stelle lassen sich sowohl Touchpoints bestimmen, als auch interaktive Flächen per Tapping beziehungsweise double Tapping generieren. Diesen kann man anschließend Zielscreens zuweisen.

Editieren „on the fly“

Mit der „Play mockup“ -Taste kann man das bisherige Ergebnis begutachten, das Mockup läuft ab. Durch die Möglichkeit, ständig zwischen Editieren und Abspielen umschalten zu können, kann der Entwickler „on the fly“ an seinem Entwurf arbeiten, Korrekturen sofort vornehmen und Tansitions feintunen. Das alles ist möglich, ohne den Wireframe von Grund auf umschreiben zu müssen. Das Mockup bleibt auch während der Editierarbeiten abspielbereit.

Lite- oder Vollversion

Mockabilly gibt es in zwei Versionen: einer kostenlosen, abgespeckten Lite Version, mit der sich höchstens zwei Mockups mit jeweils maximal sechs Screen-Layouts erstellen lassen, außerdem einer unlimitierten Vollversion für 5,49 Euro, die den vollem Funktionsumfang bietet.

Hier findet Ihr Mockabilly im iTunes Store...

Wenn ihr eine Meinung zu dem Tool habt, freuen wir uns über einen Hinweis in den Kommentaren. Eventuell habt ihr andere Apps im Einsatz?

Video: Mockabilly vorgestellt

Das Promovideo zu Mockabilly zeigt die Idee dahinter und die Arbeitsabläufe:

Weitere Artikel zu iPhone Apps, iPhone und Apps

Kommentare: 3 Tweets: 34 Facebook-Likes: 19
27.10.2010

Das interessiert dich bestimmt auch

3 Answers

  1. von iPhone Apps 02.11.2010 (13:09Uhr) 1.

    Hey, vielen Dank für diese interessante Info.

    Hab es mal angetestet und bin auch recht zufrieden damit.

    Komme jetzt mal des öfteren bei euch rum ;-)

    Liebe Grüße

  2. von Peter 02.11.2010 (16:21Uhr) 2.

    Das freut uns natürlich. Wir werkeln an der 1.1, mit der Screens und Flows via dropbox oder email ausgetauscht werden können. Das ist deutlich komfortabler als mit ftp.
    Coming soon!

    Grüße vom Mockabilly Team

  3. von Marc 30.11.2010 (13:27Uhr) 3.

    Mockabilly 1.1 ist seit gestern im App Store verfügbar.
    - DropBox Support
    - eMail Sharing
    - ein paar Interface Anpassungen und Bug Fixes

Deine Meinung


(wird nicht veröffentlicht)