Kommentare zu: Wireframes

Von: Andreas Hommel » Grid Papier

Andreas Hommel » Grid Papier — Tue, 27 Jan 2009 12:00:22 +0000

[...] Wireframes anzufertigen habe ich meistens normales weißes Papier verwendet. Um dem Ganzen aber mehr Struktur [...]

Von: Photoshop & Co bei Web-Layouts überspringen? » Blog » BEIER-CHRISTIAN.eu | Christian Beier // design+foto

Thu, 05 Jun 2008 10:05:23 +0000

[...] die zur groben Visualisierung der Größenverhältnisse dienen (siehe dazu einen Beitrag bei den Webkrauts). Anschließend erstelle ich HTML/CSS/JavaScript-Prototypen die schon die komplette [...]

Von: Wireframes mit Geschäftsregeln verbinden « Business Process Management Weblog

Sun, 18 May 2008 14:43:35 +0000

[...] sollte Wireframes für seine Logische Struktur nutzen. (René Grasseggers Artikel über [...]

Von: Telltec: Allerlei über das Internet, Filme und mehr.

Telltec: Allerlei über das Internet, Filme und mehr. — Fri, 25 Apr 2008 11:25:09 +0000

[...] wollte ich in der Analyse für mich ein simples Wireframe aufzeichnen, welches mir die gewollten Elemente der Seite in ihrer ungefähren Position [...]

Von: Ralph

Ralph — Sun, 13 Apr 2008 20:33:54 +0000

Mir fehlt noch ein wichtiger Punkt für das "Pro":

Mit Hilfe von Wireframes kann ich mich mit dem Kunden gemeinsam an das endgültige Design heran arbeiten ohne das ich ihn vom ersten Entwurf an auf ein ganz bestimmtes Design "festgenagelt" habe. Damit schaffe ich also einen Rahmen, wo der Kunde auch noch die Möglichkeit hat, eigene Ideen zu entwickeln und mit einfügen kann. Somit nutze ich auch sein Ideenpool für das spätere Design. Ausserdem ist die Identifizierung mit dem endgültigen Design wesentlich höher.

Ralph

Von: Alejandro Seo

Alejandro Seo — Sat, 19 Jan 2008 06:00:13 +0000

Wie mein Vorredner schon sagte:
"Wichtig ist halt, dass Wireframes vor der eigentlichen Designphase kommen. Sie dienen der Kommunikation, nach Aussen wie nach Innen."

Von: proxiss

proxiss — Mon, 07 Jan 2008 15:13:51 +0000

Ohne Wireframes geht meiner Ansicht nach gar nichts. Man kann aber durchaus verschiedene Wireframes für verschiedene Bereiche der Site verwenden.
Falls Sie Drupal verwenden lässt sich das Wireframekonzept besonders schön abbilden. Dort entsprechen die "Blocks" genau den Kästchen im Wireframe, und verschiedene Bereiche lassen sich über das Sections Modul abbilden.

Ich mache meist ein Layout in Gimp/Photoshop das die CSS Elemente klar macht und baue dann mit OO Impress die WFrames.

Von: paulinepauline

paulinepauline — Fri, 04 Jan 2008 11:33:53 +0000

@larsen da magst du sicher recht haben … ich kenne die arbeit eines konzepters nur in enger zusammenarbeit mit dem designer. und das seitenraster müssen beide auf alle fälle in abstimmung miteinander bestimmen. auch würde ich nie wireframes mit kunden durchgehen, wenn es dazu noch kein design-entwurf gibt. allerdings definiere ich auch keine pixel-angaben oder schriftgrößen. (max. texttypen wie copytext / headline / subhead)

ich spreche von einer etwas feineren konzeption als von spalten etc. zb. wenn ich den warenkorb-button direkt neben den preis setze, dann hat das seinen grund (usability-tests/studienergebnisse), und dann hat der designer den nicht an den oberen seitenrand zu setzen. (die oben abgebildeten wireframes sind auch meiner meinung nach sehr basic.) was aber nicht heißt, dass alternativ-vorschläge nicht willkommen sind. aber am ende sollte doch immer im usability-test der user das letzte wort haben!

bzgl. visio: natürlich ist auch visio nicht perfekt. leider stehen die module nicht mit ihren nachbarn in verbindung und verschieben diese. das wäre echt super!
ich kenne aber auch keynote nicht (muss ich aber unbedingt mal ausprobieren).

Von: larsen

larsen — Thu, 03 Jan 2008 20:53:24 +0000

@ paulinepauline (1)
Da hast Du definitiv recht! Aber solange noch kein Design steht (und damit auch nicht z.B. Spaltenzahl/-breiten) nützt es nicht wenn man mit dem Kunden im Wireframe alles festklopft, und sich dann erst später herausstellt dass das alles so nicht zusammen passt (z.B wegen Textmenge/-länge) …
Deswegen meine ich ja dass der Konzeptioner gerne frei schieben kann, wenn vorher doch schon definiert ist was er schiebt (Rahmenbedingungen, beispielsweise "200px breite Box mit Arial 12px entspricht einer Spalte"), oder besser noch im Team mit dem Designer.
Ich habe die Erfahrung gemacht dass der Konzeptioner alleine (und mit totaler Freiheit ausgestattet) schon mal gerne etwas 'pfuscht' und beispielsweise mit zu kleiner Schrift arbeitet, damit es in den Wireframnes passt / gut aussieht; dann passt es nachher aber nicht mehr.

@ paulinepauline (2)
Keynote ist das was Powerpoint vermutlich in 3-5 Jahren sein wird … ;-)
Aber es ist natürlich in erster Linie keine Software für Wireframes (das ist eher OmniGraffle). Ich nutze Keynote aber öfter für Wireframes weil es sich einfach leicht und flink bedienen lässt.
– Eine Bibliothek für die eigenen Module gibt es in Keynote nicht, das stimmt; dafür aber Seitenvorlagen, die nach der o.g Mechanik funktionieren. Da kann man dann z.B Header, Navigation, Footer etc 'zentral' ablegen/verwalten.
- Die Frage bei sich selbst aktualisierenden einzelnen Modulen ist ja: Was passiert wenn es sich z.B in der Größe verändert — wie reagieren seinen Nachbarn auf den Seiten darauf? Überlagern sie sich? Oder werden sie verschoben? Im Zweifel muss man ja dann doch alle Seiten durchgehen und zurechtrücken, oder …?

Von: paulinepauline

paulinepauline — Wed, 02 Jan 2008 23:18:12 +0000

keynote? das ist doch sowas wie powerpoint? also für einfache wireframes ist das sicherlich ok, aber nicht für ne richtig umfangreiche datei. dafür ist visio wesentlich besser geeignet, da man hier module als shapes anlegen kann. wenn sich nämlich ein modul ändert, das bereits auf 80 wireframes eingebunden ist, ändert man einfach nur das skape und plopp ist das modul auf allen 80 wireframes geändert. auch kann man in visio mit layern arbeiten, um bestimmte module zu gruppieren.