Wireframes

The Future of Wireframes

"As we move into the next decade of web design, it's time for us to reevaluate our understanding of wireframes—a tried and tested user experience staple." (Nishant Kothary - MIX Online) - courtesy of rasmusdegruil

Posted on March 03, 2010 | Permalink

Preso: Wireframes for the Wicked

"Wireframes beyond the basics, not for the weak at heart. In this panel, three experienced designers will share their tried and true tips for making wireframes really work. We'll talk about how to sketch a wireframe on the fly to demonstrate an idea and how to create a standalone wireframe deliverable; when to show a concept and when to describe nitty-gritty detail; how to make a narrative wireframe and how to make a specification wireframe. And best of all, we'll show you plenty of examples." (Michael Angeles, Nick Finck and Donna Spencer - March 6, 2009)

Posted on January 19, 2010 | Permalink

Where Wireframes Are Concerned

"Wireframes can be useful, valuable artifacts for informing the designer's process. But they often fail miserably as a first-step deliverable for clients." (Andy Rutledge - UX Magazine)

Posted on December 11, 2009 | Permalink

Sketchy Wireframes: When you can't (or shouldn't) draw a straight line

"When it comes to user interface documentation, wireframes have long been the tool of choice. However, using traditional diagramming tools like Visio, OmniGraffle, and InDesign, most wireframes today look the same as their ancestors did from a decade ago – assembled with rigid, computer-drawn boxes, lines and text. While these artifacts have served us well, they can also be slow to produce, burdened with unnecessary detail and give a false impression of 'completion'. To compensate for the drawbacks of traditional wireframes, many practitioners put aside the computer in favor of simple pencil sketches or whiteboard drawings. This speeds up the ideation process, but doesn’t always produce presentable or maintainable documentation." (Aaron Travis - Boxes and Arrows)

Posted on December 07, 2009 | Permalink

Preso: Sketching the Mobile User Experience

"If you're a web or interactive designer, chances are sometime very soon you will be asked to design something for a mobile phone. This presentation will introduce rapid and flexible design and prototyping techniques to help you test early, test often and create great mobile experiences." (Bryan Rieger - Yiibu)

Posted on June 09, 2009 | Permalink

The Life Cycle of a Wireframe

"For those who are looking for my slides from the Puget Sound SIGCHI lecture and for those who missed it but are curious, here is my presentation. It focuses specifically on my personal process for creating wireframes. There are 4 parts to my process, each has a series of deliverables that feed into it and principals I try to keep in mind, the outcome is either a single or a series of IA deliverables. My overall strategy for IA is three step process; understanding the problem (note: not merely identifying the problem but really understanding it), find a solution (there may be more than one solution, but there is often only one right solution), and present the solution (a large part of your job as a IA is presenting your work so the client can understand the results). Hope you enjoy the slides, these are admittedly pretty rough. I plan to refine and show better pairing between the principals and the specific outcome of applying them to the wireframes in the future." - (Nick Finck)

Posted on June 03, 2009 | Permalink

Wireframes Magazine

"Oh come on don't be shy. Do you have something to show off while documenting rich interaction, dynamic content, user flows, and web 2.0 wireframes? Please send me a sample and I will put it up. Also tell me who to credit and if you would like an optional link back." (Jakub Linowski)

Posted on January 13, 2009 | Permalink

Wireframeworks Manifesto

"Over the last ten years, the Internet has gone from being the product of technology to the media channel of choice for much of the general public. Designers and developers have forged together innovative, entertaining and essential landmarks that can be accessed by computer, mobile and TV. As the importance of access, effectiveness and ergonomics of the web has become self evident, the role of the user experience professional has become the missing link between technology and people. We aim to make the web more usable, accessible, findable and practical." (Hammad Khan - Wireframeworks)

Posted on November 24, 2008 | Permalink

Real Wireframes Get Real Results

"Wireframes are in fact the first design iteration, and this overlap of visual design can be uncomfortable for teams. However, denial is not the way to fix this issue. Good collaborative relationships should make this overlap an opportunity to reduce work, not fight over ownership. Concern that wireframe might be mistaken for a visual design, or worse, be criticized for lacking design, may be holding the entire project back. It is much easier to communicate within the project team than the outside audience. Consider ways to make the transition as smooth as possible, for example having the wireframe be designed to import into the designer tool without retyping all the text." (Stephen Turbek - Boxes and Arrows)

Posted on September 20, 2006 | Permalink

Graffletopia

"As a web designer, I've been using OmniGraffle for years. It's fantastic for designing interfaces — miles better than Adobe Illustrator for most tasks. Stencils are a big part of why Graffle is great. So, hopefully, this website will make it easier to find cool stencils. Let the sharing begin!" (About Graffletopia)

Posted on July 18, 2006 | Permalink

Wireframe Annotations in Visio : Special Deliverable #11

"This article introduces several techniques in the context of wireframe annotations. At the conclusion, you will have learned to create an annotation widget, and you will also have learned several facets of Visio you may not have been aware of." (Dan Brown - Boxes and Arrows)

Posted on October 29, 2004 | Permalink

Representing Content and Data in Wireframes

"Sample data can make or break a wireframe, whose purpose is typically to illustrate architecture and interaction. Poorly selected sample data can end up clouding the wireframe or distracting stakeholders from its purpose. By codifying the types of sample content they employ in their deliverables, information architects can create a coherent narrative to illustrate a website's functionality." (Dan Brown - Boxes and Arrows)

Posted on August 17, 2004 | Permalink

Where the Wireframes Are: Special Deliverable #3

"A wireframe (...) describes the contents of a web page by illustrating a mock layout." (Dan Brown - Boxes and Arrows)

Posted on July 03, 2002 | Permalink

Using Wireframes

"A wireframe is a visualization tool for presenting the layout of a web page element inventory." (Strange Systems)

Posted on May 28, 2002 | Permalink

WireFrames

"(...) wireframes should look like frames made of wire." (Victor Lombardi - IAWiki)

Posted on November 30, 2001 | Permalink

Wireframe Yourself

"Wireframing is wonderfully straight-forward, amazingly sensible and devoid of wonky-geek requirements." (GROK dot com - Future Now)

Posted on September 28, 2001 | Permalink