Read More for excerpts

See Also :
Microsoft SketchFlow
Visio Sketchy Wireframe Tempates
Web-based iPhone collaborative mockup maker

(Via Boxes and Arrows)

Having used computer-based sketchy wireframes on a number of projects, I’ve found many ways that they can decrease confusion with teams and stakeholders:

* Clients and Executives – People in this group typically want to push projects forward as quickly as possible. Consequently, the more “finished” the wireframes look, the faster they will expect to see the finished product. You can do yourself a disservice by making your wireframes look more complete than they are. To quote Kathy Sierra, “How ‘done’ something looks should match how ‘done’ something is.”

* Programmers – Programmers who see traditional wireframes too early in the process may misinterpret their functionality as “signed-off.” Don’t be shocked if you hear frantic questions like “Did we agree to this?” Programming requires meticulous attention to detail, so programmers read wireframes with an eagle eye. Consequently, they may expect a level of specification from wireframes that isn’t appropriate in the early stages.

* Designers – Designers make their living with their visual creativity, and they resist anything that could constrain it. Consequently, in situations where designers must work with wireframes created by someone else, designers can perceive them as a creative straightjacket, or worse, as a threat. A sketchy representation can help reduce friction by removing unnecessary details and adding a certain amount of “fuzziness” to the wireframes, thereby giving designers more leeway in interpreting the look and feel of the interface.

* Users – In my research, I’ve found that users who are asked to comment on traditional wireframes can be intimidated by an overly finished look and feel. This is mirrored by a general consensus in the usability industry that the “less done” a demo looks, the more comfortable users feel with giving feedback. Where traditional wireframes can elicit comments like “I don’t like the font on those words,” sketchy wireframes are more likely to elicit comments like “I don’t know what those words mean.”

Some recent developments in the system are particularly exciting to me: I was exctied to see new support for Arduino, Phidgets and Wiring. The system was also on display at the 2006 Maker Faire in San Francisco, and a new hardware design (left) has been developed, which means that it lives on.

d.tools was developed at the Stanford HCI Group.

ComicLife enables users to create comic strips by simply dragging and dropping their own images onto comic templates, to which they can add captions, titles, speech and thought bubbles. The result is a crisp-looking comic-book layout.

ComicLife’s popularity has exploded, thanks to its ease-of use, integration with iPhoto and other usability features. The software is incredibly easy to use out-of-the-box, but has powerful features which allow a user to customize their creations endlessly. This software isn’t limited to creating family photo albums, it could easily be used to help in the creation of professional storyboards, user scenarios or quick one-off portfolio pages. ComicLife empowers you to quickly assemble a story on paper.

Check out this photostream, where a flickr user used ComicLife to create a media studies textbook/polemic reminiscent of the tract style of Scott McCloud or Quentin Fiore’s design for the work of Marshall McLuhan, or this page, where a World of Warcraft player narrates his mmorpg adventures.