5 praktische Wireframe-Tools

Ob von Hand, mit Power-Point oder einem speziellen Wireframe-Tool: Die Drahtgittermodelle können auf verschiedene Weisen erstellt werden. Ich habe 5 Möglichkeiten getestet und eine Pro-Kontra-Liste aufgestellt.

Von Hand zeichnen

Pro:

• Von Hand ist man am schnellsten.
• Egal ob im Tram, im Büro oder während dem Mittagessen: Ihr braucht nur ein Blatt Papier und einen Stift und schon kann das Skizieren losegehen.

Kontra:

• Veränderungen sind mühsam. Je nach dem was geändert werden muss, müssen die Wireframes neu gezeichnete werden.
• Das Austauschen mit dem Kunden wird etwas komplizierter. Werden Wireframes digital erstellt, können sie einfach verschickt werden. Werden sie von Hand gezeichnet müssen sie zuerst fotografiert oder eingescannt werden.

Mit PowerPoint

Pro:

• PowerPoint haben viele Leute schon auf dem Computer.
• Das Programm ist einfach zu bedienen.
• Die Wireframes können gut präsentiert und verschickt werden

Kontra:

• Die Folien sind Querformat. Ist eine Webseite etwas grösser, fehlt der Platz.
• Keine vorgefertigten Elemente, wie zum Beispiel Logos oder Buttons. Alles muss selber gebaut werden.

Add-On:

Für PowerPoint gibt es einen extra Zusatz für Wireframes und MockUps. Er heisst PowerMockup und löst das Problem mit den vorgefertigten Elementen. Allerdings kostet das Add-On für eine Person $59.99. Für ganze Teams gehen die Preise von $269.95 bis $2099.50. Das Add-On kann gratis getestet werden.

Mit Pencil

Pro:

• Pencil ist gratis und kann einfach installiert werden.
• Das Tool hat viele Elemente für Wireframes für mobile Endgeräte. Da der Onlinekonsum mit Smartphones nach wie vor wächst, werden auch Wireframes für diese Geräte immer wichtiger.
• Die Elemente sind gut strukturiert und einfach auffindbar.

Kontra:

• Es gibt keine Cloud-Lösung. Wer an einem Wireframe arbeiten will, muss ein Programm auf seinem Desktop installieren.

Mit Balsamiq

Pro:

• Das Tool ist extra für Wireframes gemacht und einfach verständlich.
• Es gibt eine Cloud und eine Download-Lösung. Es ist einfach gemeinsam an einem Wireframe zu arbeiten.
• Viele vorgefertigte Elemente. Der User findet einfache Titel, Buttons und Aufzählungen aber auch komplexerer Grafiken und viele verschiedene Icons.
• Das Tool ist absichtlich grob und einfach gehalten, damit man nicht auf die Idee kommt zu viel zu gestalten und somit nicht zu früh zur Design-Diskussion übergeht.

Kontra:

• Balsamiq ist kein gratis Tool. Es kann zwar gratis getestet werden, danach kostet die Cloud-Version $9/ Monat und die Desktop-Version $89 (einmalig).
• Es gibt nur eine Schriftart, die nicht verändert werden kann.

Mit InDesign oder Photoshop

Pro:

• Der Phantasie sind keine Grenzen gesetzt. Alles kann gezeichnet werden.
• Wer die Programme schon für andere

Kontra:

• Nichts für Anfänger. Wer nicht sowieso mit Photoshop oder InDesign arbeitet, sollte diese Programme nicht für Wireframes verwenden.
• Die Programme können eigentlich zu viel, um Wireframes zu machen. Die Gefahr, dass man mit der Gestaltung beginnt, ist gross.

Natürlich ist diese Liste nicht vollständig. Es gibt noch viele weitere Tools, die man zum Erstellen von Wireframes verwenden kann. Bei der Auswahl habe ich versucht möglichst unterschiedliche Tools vorzustellen. Meine nächsten Wireframes werde ich mit Pencil erstellen.