Wie oft stehen Entwickler vor der Aufgabe mal eben schnell einen UI-Entwurf für ein Projekt zu überlegen. Im schlimmsten Fall (der eigentlich fast immer Eintritt) wird das alles noch mit dem Kunden diskutiert. Sehr schnell gehen solche Diskussionen in die Richtung “mir gefällt dieses Blau besser als…”, aber eigentlich geht es doch in diesem Gespräch um den logischen Aufbau der Software und nicht um das Design.

Genau für diese Fälle gibt es das Tool Balsamiq Mockups. Mit dem Tool kann mal eben eine UI skizzieren und darüber diskutieren, los gelöst vom eigentlichen Design.

Balsamiq Mockups setzt auf Adobe Air auf und bietet dem Benutzer eine sehr einfache und intuitive Benutzeroberfläche. Am Anfang sieht man ein leeres Notizblatt, worauf man seine UI “kritzeln” kann. Wirklich “kritzeln” muss man nicht, da Balsamiq Mockups viele verschiedene Elemente zur Auswahl bietet. Es gibt Textfelder, DataGrids, Listboxen, Charts, Bildern, etc. Das folgende Screenshot zeigt eine Auswahl der Elemente:

Wie man sehen kann, ist der Stil der Elemente sehr schlicht gehalten, quasi so, als wenn man mit einem Bleistift skizziert. Aber das ist noch nicht alles. Richtig Cool ist, dass man z.B. ein DataGrid so anpassen kann, das der Kunde “seine” Daten sieht. Einfach nur auf ein DataGrid-Element einen Doppelklick machen und schon kann man den Inhalt bearbeiten:

Weiterhin kann das Aussehen des DataGrids noch angepasst werden, dazu steht einem ein kleines Menü zur Verfügung:  

Natürlich funktioniert dies auch mit anderen Mockup-Elementen.

Das Mockup kann entweder als Bild oder als XML Datei abspeichert werden.

Auf der Herstellerseite gibt es ein Video, welches das Tool ausführlicher in Aktion vorstellt.

Ich kann das Tool nur empfehlen! :) Danke an Torsten der mir den Tipp dazu gab!

Link:

• Balsamiq Mockups