Monday, September 29, 2008

Balsamiq makes mocking up fun!

Robert sent me a link last week to a new mockup tool called Balsamiq.  At first, I didn't really see the point, but after using it for only a few minutes, I was totally sold.

What is it?

Have you ever tried to use Visio to mockup UI?  It's a cumbersome process, and no matter what I do, the end result just always looks like a bunch of circles and squares and nothing like what I actually envisioned.

Balsamiq has some ready-made controls that you can easily drop onto your canvas.  They look hand drawn, which is absolutely wonderful because then when I show people my mockups, there will be no doubt that they're simply looking at a mockup and not the final version.

image

Why is it useful?

I was just playing around with Balsamiq for a few minutes and made a quick screen showing a new feature we want to implement.  I showed it to Robert, and we found out instantly that I was going about it the wrong way.  Imagine if I'd mocked that up in HTML, or in Photoshop?  It would have taken me a lot longer, and it would have been harder to modify after my initial mistake.  Since I used Balsamiq, i was able to just move the controls around.  So it saved me a lot of time and aggravation.

Another Example

We have to implement a way for color blind users to use our web application, so we've been asked to add "Color Schemes" to the User Settings.  The user can have an underline or a box around particular fields on the form.  The box background color or underline color is affected by changing color schemes.

At first, I thought, the simplest thing to do would be to simply provide a drop-down list of named color schemes with a preview below, so I mocked it up, and it looked like shit.  Then I remembered the way Digsby and now the new Windows Live Messenger 9 Beta showed some of the custom UI settings, so I tried to emulate it a bit.  (The horizontal rule control in Balsamiq isn't colorable yet, but the author says he's added to his upcoming feature list.)

image 

Also, I just want to note that I've emailed the author twice, and he responded back within a few minutes each time.  That's impressive.

Check it out:

http://www.balsamiq.com

16 comments:

Anonymous said...

Welche nötige Wörter... Toll, die prächtige Phrase viagra rezeptfrei levitra [url=http//t7-isis.org]viagra preis[/url]

Anonymous said...

used car melbourne fl
used car bozeman
used car kooskia mt
ricart used car factory
car hire online
pimp your car online
custom your car online
custom bluid your car online

Anonymous said...

free car facts vin
winter emergency kit for the car
advantage car hire
car maxford mustangs
lambskin car coat
amman car rental
vigilance for driver in car
three wheel car auto

tinea corporis said...

hello fellas, I just want to emphasize the good work on this blog, has excellent views and a clear vision of what you are looking for.

Anonymous said...

Generic Viagra is used in the treatment of Erectile Dysfunction (impotence), but it is not a cure. Impotence can be caused by a number of factors, either physical or psychological. Viagra can help maintain an erection but it will not stimulate arousal.Generic Viagra is a prescription drug, commonly used to help treat men having erectile dysfunction (ED) problems, also known as impotence. Generic Propecia comes in tablet form and should be taken only by men without liver problems. It should be taken regularly and needs to be taken with water - food is optional. Viagra contains Sildenafil and it is a prescription drug used to treat erectile dysfunction. Erectile dysfunction is the inability of the penis to become rigid, or stay firm long enough to complete the sexual act.Generic Cialis is the buzzword prescribed for all patients suffering from impotence. Generic Levitra is an FDA-approved oral medication to treat erectile dysfunction (ED) in men.

Anonymous said...

To be a good benign being is to be enduring a make of openness to the world, an skill to guardianship unsure things beyond your own control, that can lead you to be shattered in uncommonly exceptionally circumstances pro which you were not to blame. That says something remarkably outstanding about the get of the ethical autobiography: that it is based on a corporation in the uncertain and on a willingness to be exposed; it's based on being more like a weed than like a sparkler, something rather fragile, but whose very item attraction is inseparable from that fragility.

Anonymous said...

n every tom's sustenance, at some occasion, our inner foment goes out. It is then break asunder into passion by an encounter with another magnanimous being. We should all be thankful recompense those people who rekindle the inner transport

Anonymous said...

In harry's existence, at some pass‚, our inner foment goes out. It is then bust into flame beside an contend with with another magnanimous being. We should all be under obligation for those people who rekindle the inner inspiration

Anonymous said...

In everyone's time, at some occasion, our inner foment goes out. It is then break asunder into zeal by an encounter with another benign being. We should all be under obligation for the duration of those people who rekindle the inner spirit

Anonymous said...

http://restaurants-us.com/tx/San%20Antonio/Dairy%20Queen/78228/

Anonymous said...

Overview of state health insurance laws and activities. http://insuranceinstates.com/texas/Houston/Life%20&%20Health%20of%20Texas/77095/

Anonymous said...

He told her that the watch would stay with her until he came back. The sound of the watch was his fine-sounding words. He promised he would come back and marry her.[url=http://www.good4shopper.com/explorer_rolex-watches.html]replica Rolex Explorer[/url] [url=http://www.watcheshall.com/rolex-watches.html]fake Rolex watches[/url] [url=http://www.sunglassescool.com/burberry-sunglasses.html]burberry sunglass[/url] Rolex has excellent styles for both males and females, and the price ranges enormously so that most consumers can have a satisfying Rolex. This ladies?Rolex President is the ideal watch for the excellent females. It is made of 18k yellow gold, including the crown and the flutes bezel. it has the custom champagne diamond dial with 10 round cut diamonds. The crystal is of scratch-resistant sapphire conversion. The President Bracelet is powerful, giving the watch a modern look. It is the synonym of luxury and elegance and is suitable for the finest tastes. Some other popular dial colors including silver and white and mother of pearl are also provided. The consumers can choose according to personal taste. This style is very popular among today young professional women.

Anonymous said...

A house divided against itself cannot stand.

Anonymous said...

Hi there! I know this is kinda off topic but I'd figured I'd ask.
Would you be interested in trading links or maybe guest authoring a blog article or vice-versa?
My site discusses a lot of the same topics as yours and I believe we could greatly benefit from each
other. If you're interested feel free to send me an e-mail. I look forward to hearing from you! Awesome blog by the way!

Also visit my website: takemassageclasses.com

Anonymous said...

Undeniably consider that that you said. Your favorite reason seemed to be
at the net the easiest thing to take note of. I say to you, I certainly get annoyed even as other people think about concerns that they plainly don't realize about. You managed to hit the nail upon the highest and also outlined out the whole thing with no need side effect , people could take a signal. Will probably be back to get more. Thanks

my site; Read the Full Content

Anonymous said...

Great goods from you, man. I have understand your stuff previous to and you're just too wonderful. I really like what you've acquired
here, really like what you are stating and the way in which you say it.
You make it enjoyable and you still care for to keep it wise.

I can not wait to read much more from you. This is really a tremendous website.


my site :: Christian Louboutin ()