Als ich noch in der Abteilung “Online-Marketing” eines großen Anbieters für juristische Datenbanken gearbeitet habe wurde immer wieder mal ein “Klick-Dummy” verlangt. Sei es für ein kleines Berechnungs-Tool, eine Gewinnspiel-Seite oder eine Umstrukturierung ganzer Bereiche auf der Website. Einen solchen Dummy machte man dann beispielsweise aus einem Screenshot einer bestehenden Seite und verschob einzelne Bereiche dann in Photoshop wie bei einem Puzzle hin und her. Andere zeigten Bilder von völlig anderen Websites oder Programmen und versahen diese mit zig Anmerkungen was beim eigenen Layout anders werden soll. Selbst vor dem Einscannen von handgemalten Skizzen schreckten manche nicht zurück – welche selbst ein 4-jähriger besser hinbekommen hätte.
Inzwischen arbeite ich woanders aber auch heute noch kommt es immer wieder mal vor, dass ich einen Oberflächen-Entwurf erstellen muss / will, und wenn es bei privaten Projekten ist. Es ist einfacher alle Elemente die man später auf der Oberfläche braucht auch visuell halbwegs sinnvoll angeordnet vor sich zu sehen als blind drauf los zu programmieren. Wegen einem vergessenen Button das ganze Layout noch einmal umzustellen – diesen Albtraum hat wohl jeder schon mal in der Realität erlebt. Natürlich könnte man nun eine Skizze ganz altmodisch mit Papier und Bleistift anfertigen, aber auch hier ist es umständlich mal “auf die Schnelle” was zu verändern. Ganz abgesehen davon, dass man ein gewisses Geschick mitbringen muss um eine doch halbwegs ansehnliche Skizze zu erstellen. Es musste also eine einfachere Möglichkeit geben – und durch Zufall fand ich sie vor einigen Wochen durch einen Kommentar in einem Forum: Balsamiq Mockups.
mock–up (mäk-ˌəp)
1 : a full-sized structural model built to scale chiefly for study, testing, or display
2 : a working sample (as of a magazine) for reviewing format, layout, or content
(Merriam-Webster’s Online Dictionary)
Eher zufällig habe ich gestern auch einen Blogbeitrag von Lars Keller entdeckt, der ebenfalls Balsamiq Mockups vorgestellt hat. Da war der Bericht hier aber schon “in der Mache” und ist damit weder verwandt noch verschwägert. ;-)
Das Programm
Balsamiq Mockups basiert auf Adobe Air und kann in einer kostenfreien Online-Version ausgiebig getestet werden. Alternativ gibt es noch eine Offline-Variante zum Downloaden mit der man mehrere Dateien gleichzeitig öffnen kann zwischen denen man mit Registerkarten wechselt. Außerdem kann man hier auch von zahlreichen Shortcuts mit der Tastatur profitieren. Der Download ist recht klein und die Anwendung läuft sowohl unter Microsoft Windows als auch Mac und Linux. Es gibt auch die Möglichkeit Balsamiq Mockups als Plugin in eigene Systeme wie beispielsweise ein Wiki einzubinden.
Der Preis für das Programm variiert zwischen 60 und 75 USD, je nach Rabatt-Staffel. Unter bestimmten Voraussetzungen kann man sogar eine kostenlose Lizenz erhalten, beispielsweise wenn man auf einem Workshop das Programm vorstellen möchte oder als “do-gooder of any sort” wie beispielsweise Open-Source Entwickler. Als besonderes Extra gibt es am Ende des Blog-Beitrags auch noch ein kleines Gewinnspiel, bei dem ich eine Lizenz für Balsamiq Mockups verschenke! Mehr...