Wireframes (web based tools)

wireframes

Beim Thema Website-Konzeption taucht immer wieder eine Frage auf: Wireframes? Sinnvoll oder Zeitfresser?

Ich sage: “Definitiv sinnvoll!” Wireframes sind nützliche Hilfsmittel um komplexe Strukturen und Sachverhalte zu veranschaulichen und anderen zu erläutern. Das kann hilfreich sein für Präsentationen beim Kunden, um in der Konzeptionsphase den Überblick zu behalten oder um in der Entwicklungsphase genau Vorgaben und Ideen zu visualisieren und festzuhalten. Wireframes bilden eine Schnittstelle zwischen Konzeption und Design/Umsetzung. Genaue Aufgaben und Funktionen können definiert und im Nachhinein überprüft werden.

Im Gegensatz zu einem Mock-Up, das schon Farben, Look&Feel und Design-Elemente enthalten kann, wird bei einem Wireframe in der Regel nur die Struktur, das “Drahtgitter”, einzelner Seiten definiert. Das heißt, die Anordnung, die Positionierung im “Raum”, Reihenfolgen werden skizziert und diskutiert. Eine genaue Definition, wie ein Wireframe auszusehen hat, gibt es allerdings nicht, so können Wireframes sich im Detailgrad teilweise stark unterscheiden.

Ich habe mich in lezter Zeit verstärkt mit Wireframes und dem Erstellen solcher beschäftigt. Dabei habe ich einige hilfreiche Tools und Quellen gefunden, die ich euch nicht vorenthalten möchte:

  • Auf t3n.de gibt es einen guten Artikel zum Thema Wireframes, der Generelles, Vor- und Nachteile erläutert.
  • Eine wirklich große und hilfreiche Sammlung von Wireframe-Ressourcen gibt es bei speckyboy.
  • Inspirationen findet man im coolen Ilovewireframes-Pool auf Flickr, der eine Menge unterschiedlicher Wireframes enthält.

Wie für fast alle Aufgaben gibt es mittlerweile auch einige Tools um Wireframes online zu erstellen. Ich habe 5 interessante davon rausgesucht.

hotgloo

hotgloo-wireframes

Pidoco

pidoco-wireframe-tool

Mockingbird

mockingbird-wireframes

iPlotz

iplotz-online-wireframe

Gliffy

gliffy

Tagged: , , , ,

Published:
9. Januar 2010 – 19:01
Author:
By Niclas
Categories:
Comments:

7 Tweets

No Trackbacks

You can leave a trackback using this URL: http://frontand.de/wireframes-web-based-tools/trackback/

10 Comments

  1. Fab

    Ich bin mit FlairBuilder ganz zufrieden, nachdem ich auch einige andere Wireframe Programme ausprobiert habe.

    Posted 10. Januar 2010 at 00:35 | Permalink
  2. Benjamin

    Ich habe ebenfalls viele Programme ausprobiert, und bin letzendlich bei FlairBuilder hängen geblieben. Tolles Prog.

    Posted 11. Januar 2010 at 16:32 | Permalink
  3. MiDoe

    Sobald es die Online Version von Balsamiq Mockups gibt, müsste sie sicher auch hier erwähnt werden.

    http://www.balsamiq.com/products/mockups/web

    viele Grüße
    MiDoe

    Posted 11. Januar 2010 at 17:03 | Permalink
  4. Niclas

    Vielen Dank. FlairBuilder werde ich mir mal anschauen, das kannte ich noch gar nicht.

    @MiDoe, balsamiq hatte ich mir auch angeschaut, aber hier nicht aufgenommen, weil es kein online-Tool ist. Wenn diese kommt, werde ich mir die auf jeden auch noch mal anschauen.

    Posted 11. Januar 2010 at 20:38 | Permalink

Post a Comment

Your email is never shared. Required fields are marked *

*
*
Security Code:

Additional comments powered by BackType