A few months ago, I wrote about my love for my whiteboard and how it was the best $75 I’d ever spent.  Back then, I had a large, 3′x4′ whiteboard that, along with brainstorming and keeping lists, allowed me to put together a fairly detailed website mock-up.  Since moving to San Francisco, however, I’ve had to downsize my whiteboard, and I just can’t get into the same amount of detail with my smaller whiteboard as a result.

Then, I found Balsamiq Markups. Balsamiq Markups is like my whiteboard on steroids — yet, still much, much better than that.  Balsamiq is an Adobe AIR application that allows you to quickly prototype a site using common elements found on a web page like buttons, tabs, search, etc.  You can quickly and easily re-size elements, group them together, or lock them on the page.  (My whiteboard never did that.)

Balsamiq Mockups deftly combines a rough, hand-drawn sketch look with a smooth, Visio-like ability to arrange elements on a page.  For designers, this will save them from getting into Photoshop right away.  These mock-ups allow you to get a feel for space and alignment without needing to commit to color, design, or typography.  For everyone else, Balsamiq provides one of the easiest ways for you to get into the web design game too.  Developers can test out what they’re trying to build, product managers can test out new ideas — heck, even corporate executives can figure this thing out.

Because Balsamiq’s so easy to use, it’s a great tool for soliciting group UI discussion.  You can quickly iterate on an idea using multiple versions of a mock or by simply changing your design on the fly.  On top of all that, it’s actually fun to use.  When was the last time you picked up a new software product and said that?

To see for yourself, try out Balsamiq’s online demo.  You’ll quickly get sick of being told you’re using a demo, but you’ll also quickly find yourself feeling like you have the design skills of Steve Jobs.  For $79, you can have that feeling all you want with their full version.

As a blogger, I was granted a free license in exchange for an honest review (it meets my advertising tolerance level), so in that vein, here are a few things I think could be better:

1. The toolbar could use some improvement.  It takes up a substantial portion of the screen yet it seems like I’m always trying to find an element.  Sections labelled “Big” aren’t that helpful.  The issue’s alleviated by placing elements in multiple sections, but better labeling and smaller icons would certainly help.  Maybe a scrolling list with a single preview of the image?  I have ideas about this
2. The fade away toolbar that rests on the editing screen is also a bit tricky.  I often didn’t know what was hidden behind this section.  When it appears, it always seems to be in the way.  When I need something, I can’t always figure out where it is.  For example, clicking on the down arrow to bring up all icon options was not entirely intuitive.  I think there’s room for this to be in the top bar to save space on the editing screen and make it more visible.
3. Last, I’d say ditch the notebook look.  You don’t need to reinforce the fact that Balsamiq mirrors a sketch, and the notebook-on-a-web-page look feels very first generation blog to me.  Balsamiq couldn’t be further from first generation web and the rest of the editor should reflect that!

Thanks Balsamiq!

Related articles by Zemanta

• I like Balsamiq (mo.notono.us)
• Man Writes Software, Blogs About it, Makes $100k in 5 Months (Marshall Kirkpatrick/ReadWriteWeb) (techmeme.com)

Posted in Reviews, Tools, Website Design Comments