Advertisement

Software Mockups using Balsamiq

Lately I’ve been putting more design thoughts onto paper.  I used to try to prototype in HTML a lot, but it just got too easy to draw it out.  I liked the feel of being ‘less tech’ when it came to mockups, etc.  I was turned on to this program recently called Balsamiq Mockups.  It is a software program that basically allows you to quickly mock up web/software designs using wire-frame elements. 

Sample Balsamiq Mockup I know there are other methods (please post your favorites in the comments), but there is something about this product that makes me like it a lot.  My only complaint is the use of Comic Sans :-).  The author has done a good job of providing a suite of draggable elements that would make up most any web site/application.  I’ve been using it in design thoughts around my blog site here for Subtext, as well as other mockups I’ve been playing around with. 

What is cool is that the author provides several ways of getting individual licenses for Balsamiq.  One of them is if you are a contributor on an open source project or doing work for a non-profit.  The web site specifically states:

“If you are a do-gooder of any sort (non-profit, charity, open-source contributor, you get the idea), email me with a short blurb and I'll send you a license, FREE of charge.”

Very cool to see that kind of ‘giving back’ to the community.  I wrote to Peldi and requested a license for working on the various open source projects I’m involved with and received a license very quickly (the licensed version allows you to save/export). 

I find it to be a helpful tool in the toolbox for doing very, very quick mockups for thoughts.  It exports to a PNG file so you can share with others as well.  Share your stories of wire-framing and mockups!


This work is licensed under a Creative Commons Attribution By license.

  1. 10/2/2008 2:17 PM | # re: Software Mockups using Balsamiq
    Interesting tool. I've seen quite a few of these. I think this market is waiting for the "right tool" to really break into the proto-typing arena. Sometimes its hard to beat that pen and a pad. Especially when you're having a beer (or 7) after work and you get that next "you tube" super idea and you need to mock it up before the beer-genius wears off.
  2. 10/3/2008 12:25 AM | # re: Software Mockups using Balsamiq
    Thanks for the nice words Tim!
    I know, Comic Sans has to go...here's what I'm planning to do about it:
    getsatisfaction.com/.../comic_sans_bad_receptio...
  3. 10/6/2008 7:58 AM | # re: Software Mockups using Balsamiq
    Nice post - I usually do mine with paper/pen first, then photoshop it up into a pseudo-real looking image of what I want.

    Then I do a (very small) design doc, just to get it all down on paper so I don't forget what my intent was originally. Most of these designs end up in a folder.

    My fail folder is full of good ideas with no time to implement. Or maybe bad ideas with no time to implement, who knows?
  4. 10/17/2008 4:36 AM | # re: Software Mockups using Balsamiq
    I used pencil and paper for most of my app mockups until I got fed up having to rub out and redo stuff. So a few years ago I created a similar tool called GUI Design Studio that does screen design and also lets you connect them together into a kind of working prototype.

    It's more hi-fi at the moment which is important for a lot of people but I have to admit that I underestimated how many people want that 'sketchy' look to start with. The "outline" mode is close, with any font option including Comic Sans ;-),but I think we'll need to make it more sketchy in future!

    Peldi's created a good tool and I was also impressed with his free license offer. I've also given away licenses to charities and other do-gooders in the past and would be happy to consider requests. You can contact me via www.carettasoftware.com.

    Anyway, it's great to see more people discussing the pros and cons of prototyping and paper versus software tools. Nice post!

    ~Jonathan
  5. 1/28/2009 3:34 AM | # re: Software Mockups using Balsamiq
    Have a look at iplotz.com
    Iplotz helps you do wire framing online and handles collaboration.
  6. 2/25/2009 2:54 PM | # re: Software Mockups using Balsamiq
    Well, had a look at the gui design studio after reading the comment here. Nothing that compares to Balsamiq. Gui is hard to use, it's much more costly, and it does not look as cool ;-). Maybe it's easier to use as the GUI designers from todays IDEs, but nothing more.

    You may guess it. Our team is in favor of Balsamiq:

    blog.rainer.eschen.name/.../balsamiq-mockup-on-air

 
Please add 7 and 4 and type the answer here:
First time here? You are looking at the most recent posts. You may also want to check out older archives. Please leave a comment, ask a question and consider subscribing to the latest posts via RSS or email. Thank you for visiting! (hide this)