Wireframes

Sie durchstöbern gerade das Archiv zum Thema Wireframes.

Gesturecons – Gesten für in Wireframes

25. Februar 2010 in Interaktionsdesign, Wireframes | Ein Kommentar

Ryan Lee stellt uns einen Satz von 52 verschiedenen Multi-Touch Icons zur Verfügung.

Vector based icons created to aid in the design, development, implementation and promotion of multi-touch interfaces. These icons will aid in the creation of wire-frame documents, digital help files and printed documentation. You can also use Gesturecons inside of your applications in order to demonstrate to users how to complete actions or prompt them to interact with an application when they approach it.

Sie können in allen gängigen Formaten (.pdf, .ai, .eps) heruntergeladen werden. Viel Spaß beim Malen…

→ Gesturecons – Multi-Touch Icons

(via Clemens)

The Right Way to Wireframe

8. Februar 2010 in Videos, Wireframes |

Stop-Motion Prototyping

25. Januar 2010 in Videos, Wireframes |

Lesenswertes vom 21.01.2010 – Wireframe Ressourcen

21. Januar 2010 in Links, Wireframes |

Free Sketching & Wireframing Kit | JankoAtWarpSpeed
"[...] is a free set of elements for sketching and wireframing. It consist of form elements, icons, indicators, feedback messages, tooltips, navigation elements, image placeholders, embedded videos, sliders and common ad banners."
A UI Design and Prototyping Treasure Chest | Web Design Ledger
"[I]t’s a good idea to keep a library of common elements such as form elements, buttons, icons, browser templates, and windows. [...] Here is a collection of these types of elements that should be a big help to you."
A Collection of Printable Sketch Templates and Sketch Books for Wireframing | geekchix.org
"At the beginning of a web (or application) development project I always create the sketches first. [...] Below you will find more than 20 resources that you can use in sketching phase of application development."
Launching Justinmind Prototyper 3.0 Beta | Justinmind
"Justinmind is launching the next generation of wireframing and prototyping tool: JustinMind Prototyper 30. Beta. [...] Serious about getting as much feedback as possible, Justinmind is launching several testing contests both on Windows and Mac, giving away free licences of its software as prizes."

(via delicious.com)

Präsentation – Wireframes for the Wicked

21. Januar 2010 in Präsentationen, Wireframes |

Nick Finck und Donna Spencer stellen uns in ihrer Präsentation verschiedene Arten von Wireframes vor.

What’s Wrong with Wireframes?

20. Januar 2010 in Wireframes |

Diese Frage versucht Christina Wodtke in ihrem Blog zu beantworten. Hier die Punkte, die sie an Wireframes stören:

Firstly, wireframes emasculate the designer. [...] We should ask ourselves how often we need separate roles for interaction and interface design. Then, when we do need the deep knowledge the two specialties provide, we need to ask how can we create a process that allows both to fully utilizes their skills.

Secondly, wireframes create design lockdown too early. [...] The wireframe shouldn’t reflect the final layout of the site. Because there is no color and type treatment, you have to do goofy things to get elements emphasized like put a box around it, or make the type bold. [...] But once you have to show it to your client or your boss, the wireframe has to communicate and without color, image and font it doesn’t.

Lastly, wireframes create a false sense of security about the completeness of the work. Wireframes are not interactive, but they look done. Most engineers are annoyed by wireframes, unless accompanied by usecases because wireframes typically don’t reflect every single state and error case possible. Most would rather just have a prototype.

Es lohnt sich auf jeden Fall den ganzen Artikel zu lesen und mal in die Kommentare zu schauen.

→ Christina Wodtke – What’s Wrong with Wireframes?

Lesenswertes vom 15.12.2009 – Über Wireframes

15. Dezember 2009 in Links, Wireframes |

Web Analytics influencing Wireframes and Information Architecture | Extra! Extra!
"Data and insight derived from web analytics should be a key driving force in the creation of wireframes, information architecture, and usability testing. The following is a partial list of bits of data that help User Experience experts make informed decisions, when creating the layout for a new site that will more effectively achieve the intended goals."
Sketchy Wireframes | Boxes and Arrows
"The problem here is that traditional computer wireframing tools [...] lay out drawings as hard-lined boxes, lines and fonts. As a result, wireframes look the same regardless of which stage of completion the wireframe is representing. Early-stage, conceptual wireframes look identical to late-stage, functional specifications."
Where Wireframes Are Concerned | UX Magazine
"Wireframes can be useful, valuable artifacts for informing the designer's process. But they often fail miserably as a first-step deliverable for clients."
A Collection of Useful Web Design Wireframing Resources | Speckyboy Design Magazine
"There are templates for, possibly every browser in every size, there are form and button templates for all browsers and a hell of a lot more."

(via delicious.com)

Wer liest schon gerne Pseudolatein?

3. Dezember 2009 in Interaktionsdesign, Wireframes | 3 Kommentare

mrt Viel zu viele Wireframes werden immer noch mit dem alten Lorum Ipsum Blindtext befüllt:

Lorem ipsum dolor sit amet, consetetur sadipscing elitr, sed diam nonumy eirmod tempor invidunt ut labore et dolore magna aliquyam erat, sed diam voluptua. At vero eos et accusam et justo duo dolores et ea rebum. Stet clita kasd gubergren, no sea takimata sanctus est Lorem ipsum dolor sit amet. Lorem ipsum dolor sit amet, consetetur sadipscing elitr, sed diam nonumy eirmod tempor invidunt ut labore et dolore magna aliquyam erat, sed diam voluptua. At vero eos et accusam et justo duo dolores et ea rebum. Stet clita kasd gubergren, no sea takimata sanctus est Lorem ipsum dolor sit amet.

Aber das muss nicht sein.

Ein sehr einleuchtendes Argument gegen die Verwendung von Lorum ipsum ist, dass durch die Verwendung von Blindtext, Text zu Layoutelementen reduziert werden: