http://www.informationdesign.org/ Dedicated to the growth and improvement of the information experience industries. en-us plato@xs4all.nl 2010-03-03T10:26:04+01:00 hourly 1 2000-01-01T12:00+00:00 "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 Wireframes 2010-03-03T10:26:04+01:00 "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) Wireframes 2010-01-19T13:05:54+01:00 "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) Wireframes 2009-12-11T09:40:55+01:00 "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) Wireframes 2009-12-07T11:31:30+01:00 "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) Mobile design 2009-06-09T10:38:37+01:00 "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) Wireframes 2009-06-03T14:54:17+01:00 "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) Wireframes 2009-01-13T15:43:44+01:00 "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) Information architecture 2008-11-24T15:00:43+01:00 "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) Wireframes 2006-09-20T19:23:28+01:00 "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) Wireframes 2006-07-18T11:42:22+01:00 "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) Wireframes 2004-10-29T07:21:24+01:00 "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) Wireframes 2004-08-17T09:52:41+01:00 "A wireframe (...) describes the contents of a web page by illustrating a mock layout." (Dan Brown - Boxes and Arrows) Wireframes 2002-07-03T16:24:11+01:00 "A wireframe is a visualization tool for presenting the layout of a web page element inventory." (Strange Systems) Wireframes 2002-05-28T10:53:20+01:00 "(...) wireframes should look like frames made of wire." (Victor Lombardi - IAWiki) Wireframes 2001-11-30T14:42:42+01:00