Adobe Fireworks comes with a number of nice looking, visually polished user interface elements that can be used for prototyping and wireframing. In the lack of something more rough and sketchy, Dragnet has made a visually bare bones web library that you are free to download.

Links:

• Dragnet website wireframes kit 

Henrik Olsen - September 05, 2010 - via Wireframes Magazine

See also: Tools (105)  Prototyping and wireframing (117) 

At his blog, Amir Khella has a thorough post on how to build interactive prototypes of iPad applications using Keynote. In the post Amir shares his Keynote iPad template for download.

Links:

• How to prototype interactive iPad applications in 30 minutes or less using apple keynote 

Henrik Olsen - July 30, 2010 - via Wireframes Magazine

See also: Prototyping and wireframing (117)  Tools (105) 

Apple's presentation making software, Keynote, is apparently becoming a popular design and prototyping tool. According to Luke Wroblewski, the reason why is that:

- It's efficient to work with
- It has fairly powerful drawing capabilities that allow you to design in high-fidelity
- It's great for showing process flows and interactions
- Its animation tools makes it easy to show how things like transitions and rich interactions might actually work

Links:

• Designing with Keynote 

Henrik Olsen - July 30, 2010

See also: Prototyping and wireframing (117)  Tools (105) 

Is sketching, wireframing or prototyping the way to go?

In this short article, Tyler Tate concludes that different design methods aren't mutually exclusive. "Rather, each method is appropriate in a certain context. At the end of the day, it simply comes down to selecting the level of fidelity that gets the job done in the least amount of time. As it's been said, 'Laziness is the mother of efficiency.'"

Links:

• Concerning Fidelity in Design 

Henrik Olsen - July 13, 2010

See also: Prototyping and wireframing (117) 

Over at Smashing Magazine, Lyndon Cerejo has written a nice primer on prototyping. In the article, he outlines the prototyping process and discusses questions such as fidelity, deciding what to prototype, and how to select prototyping tools.

Links:

• Design Better And Faster With Rapid Prototyping 

Henrik Olsen - July 13, 2010

See also: Prototyping and wireframing (117)  Primers (14) 

Balsamiq is an electronic mockup tool to develop desktop applications, web applications, web sites, RIA and iPhone applications. It uses a library of hand-drawn controls (intentionaly) which you can extend with your own.

There are multiple ways to share the wireframes (PNG, interlinked PDF pages, online versions,...) and to gather feedback. It is designed for collaboration, in face-to-face or online meetings.

"Put that pencil down - Using Balsamiq Mockups feels like you are drawing, but it's digital, so you can tweak and rearrange controls easily, and the end result is much cleaner. Teams can come up with a design and iterate over it in real-time in the course of a meeting."

Links:

• Balsamiq Mockups: Product Tour & Features 
• Balsamiq Mockups: Online demo 
• Balsamiq Homepage 

Pieter-Jan Pruuost - June 28, 2010

See also: Tools (105)  Web page design (39)  Prototyping and wireframing (117) 

Keynote is Travis Isaacs' favorite wireframing tool. "It's ridiculously easy to use, creates gorgeous presentations, and features full suite of drawing tools and shapes."

At keynotekungfu.com you can buy Travis' Keynot Wireframe Kit and watch his presentation on how to deliver effective wireframes to your clients.

Links:

• Keynote Wireframe Kit 

Henrik Olsen - June 15, 2010

See also: Prototyping and wireframing (117)  Tools (105) 

For 9.99$ you can get yourself a pretty cool prototyping tool for the iPhone called Interface.

The tool is itself an iPhone App that you can use to build interactive prototypes of your own apps.

Take a look at the video tour the see how it works.

Links:

• Interface - the ultimate mockup & prototyping tool for iPhone 

Henrik Olsen - May 24, 2010

See also: Tools (105)  Prototyping and wireframing (117) 

In a guest post on the Google Docs Blog, Morten Just tells about his wireframing template for Google Docs and explains how to use them for making your own wireframes.

Links:

• Rapid wireframe sketching in Google Docs 

Henrik Olsen - May 11, 2010

See also: Tools (105)  Prototyping and wireframing (117) 

In this article, Will Evans writes about how he sees wireframes as a process rather than an artifact. Wireframes should be understood as a design process rather than a design delivery. It's a thinking devise for exploring design problems and a framework for conversations between designers, developers and stakeholders.

Links:

• Shades of Grey: Wireframes as Thinking Device 

Henrik Olsen - May 01, 2010

See also: Prototyping and wireframing (117)  The design process (23)