3

After reading some of the recommendations in How would you test a “dynamic” paper prototype? I've started to play with Balsamiq mockups but i don't think i get it.

Does Balsamiq export to a prototype (or do i need Napkee for that?)

If so how do you set states on panels?

For example: i'm mocking up a complex form which will use progressive disclosure. If you answer yes to a question i want another question to appear.

Can i do this?

Matt

flag
1 
The penny drops - Balsamiq is a diagramming tool (like MS Visio or omnigraffle) - doesn't actually allow you to set state (dynamic panels) like Axure. However, you can link pages in Balsamiq which are maintained if you export to HTML etc. in Napkee. Thanks Sam K and Enrico :) – Matt Goddard Oct 15 at 14:30

7 Answers

2

For progressive disclosure, yes, the only way is to export it in HTML via Napkee. You can then ad rich interaction to your mockup, but you have to plan it at first in Balsamiq :

for exemple if you want to show/hide a panel on click, you have to make it at its visible state in Balsamiq to have the component in the HTML with the Napkee markup.

You can at least add HTML elements by your own way but you'll lost balsamiq and napkee richness !

link|flag
Thanks for the tips - make everything visible at first. Then create your own code to hide/show after you've exported (?) – Matt Goddard Oct 15 at 15:15
Yes, but take care of how blank space will be distributed. It can break the whole composition of the page. You can create the box at the bottom of the document, as a reserve item, then use it later when editing, simply create it in a new document... In practice you'll have to deal between Balsamiq and Napkee. Do not try too complicated tricks (no slideshow, I tried a complete day before creating it completely in the html code !). – Linearis Oct 16 at 7:17
2

Just my two cents - I am a recent convert from Balsamiq+Napkee to iPlotz. I tried Flairbuilder, and it wasn't a good fit. I did a writeup (with a demo site for you to check out) of other options versus iplotz here: http://www.snipe.net/2010/02/wireframes/

I don't work for them or anything, just a big fan.

link|flag
1

Hi there, you can create your flow of mockups with Balsamiq Mockups using the linking feature (http://balsamiq.com/products/mockups/help#links)

As soon as you have your BMML files - the format of Balsamiq Mockups - you can import them in Napkee and produce an interactive prototype that maintains your links.

I hope this helps!

Enrico

link|flag
1

Napkee is not the only option. Check out the Balsamiq Community Page there are several open source options as well as a WebORB option. The page also links to some user contributed collections of MockUps.

link|flag
1

This is one of the key reasons that I went with iPlotz... I get sketchy wireframes and they're interactive.

link|flag
1

You might also want to check out FlairBuilder, I found it a nice progression from Balsamiq when you need to quickly create interactive prototypes with custom behaviors.

link|flag
0

I don't think so. Balsamiq is intended to give a sketchy representation of the components on a page; how they line up, how they relate, what text they'll include, etc. It's not really a user experience mock-up - simply a design sketch. It's beauty is that you can quickly (i.e. during the course of a client workshop) throw together a rough outline of a screen. But, due to the "artsy" nature of the controls, it's very obviously still a sketch and not intended as any sort of working representation of the page.

It's a self contained app. Exporting/saving is only available with a licenced copy. Without it, you're relying on a screen grab to take your mock-up anywhere else.

link|flag

Your Answer

Get an OpenID
or

Not the answer you're looking for? Browse other questions tagged or ask your own question.