Balsamiq Blog

Help us design the “Components” feature

by Peldi Guilizzoni. February 26th, 2010 under Development / Technical, Mockups — 10 Comments

The ability to create components and re-use them across different mockups is one of our most highly requested features.

Some people call this “master templates”, others call it “reusable widgets”. We’re going to call it “Components“.

It all started with Michale Bourque’s request a year ago…we wrote two FAQ answers about it showing a workaround to achieve part of it using images, but those approaches don’t quite cut it.

We are finally ready to tackle this problem head-on, and we’d like to ask for your help.

We created a public myBalsamiq project containing our ideas for a possible implementation of the features that we think will collectively solve all the different use-cases related to reusing objects.

If you could take a few minutes to look around and give us feedback on it (by leaving comments under each mockup), we’d appreciate it.

We also included a draft of an implementation roadmap, with releases along the way. That’s the mockup I would start from.

Here’s the link to the project: https://our.mybalsamiq.com/project/143

Send it to your UX-savvy friends!

We are eager to get started on the implementation, so if you have some feedback, don’t be shy!

Incidentally, this will also help us test myBalsamiq, so if you hit any snags in the process of reviewing and commenting on the mockups above, let us know!

Together we can make this very important feature as good as it can be. We hope you’ll want to pitch in with your ideas!

Onward!

Peldi for the Balsamiq team

— 10 Comments

 

 

 

_italic_, [links] and *bold*!

by Peldi Guilizzoni. January 21st, 2009 under Development / Technical, Mockups, Release Announcements — 10 Comments

Hi there. I just finished coding a new feature which I think you may like.

You can now use the following notation to format only certain parts of your control’s text:

• for italic, use _this notation_
• for a link, use [this notation]
• for bold, use *this notation*

Here’s a screenshot of what the above text looks like in a Paragraph control, for instance:

The shortcuts will work almost everywhere, where it makes sense.

You can escape *, _, [ and ] characters with \*, \_, \[ and \], so if you want to write “this [is] some text” and don’t want the “is” to become a link, just type “this \[is\] some text”.

This is a big change so before I push it live I’d love it if some of you could help me test it by installing the pre-release build and playing with it for a few days (as always, no guarantees). If everything goes well, I’ll put the change in this Sunday’s weekly 1.5 release, update the help page and all that good stuff.

For feedback, post it here or on GetSatisfaction (there are a number of threads about this feature already).

Onward!

— 10 Comments

 

 

 

Looking for Good Flex Developers To Recommend

by Peldi Guilizzoni. November 25th, 2008 under Company / Business, Development / Technical — No Comment

I constantly get asked if I know any good Flex developers, and I am tired of answering “I wish!”

So if you do Flex development, please fill in the form below so that I can send some work your way in the future.

Lone freelance developers only please, no agencies.

Powered by Wufoo

— No Comment

 

 

 

My thoughts on software piracy

by Peldi Guilizzoni. October 19th, 2008 under Company / Business, Development / Technical — 30 Comments

A fellow software entrepreneur emailed me today with this question:

My question is, as I am trying to get an application of mine built in AIR, and it is commercial software, with features disabled that I want enabled after entering a license key…. since AIR sends out your whole SWF file that can easily be decompiled, what do you recommend doing to protect your IP since it’s basically being given away free with every download? It could also be easily cracked I assume.

What he is referring to is the fact that Adobe AIR application files are really in essence simple Flash movies (SWF files), zipped up. SWFs are, and have always been, fairly easy to decompile, which means that you can run the SWF through a piece of software which will spit out the original source code for the application (what he refers to as “your IP” in the question).

He suggested I answer in a blog post, so here it is.

My short answer is this: I don’t do anything to protect against decompiling, and I’m not worried about it.

The following is my current thinking on software piracy and what to do about it. These are just my current views, I don’t claim them as great ideas of my own. It’s just what I have learned so far, from different people, books, blog postings, etc.

Also, I realize that the rise of SaaS might make this less relevant in the future, but who knows…I think the future is hybrid, we’ll see.

The software buyer/hacker spectrum

I don’t like generalizing, but here it goes. I believe there are 3 main categories of software users when it comes to purchasing software versus stealing it: “those who’ll buy”, “those who might buy” and “those who will never buy”.

I the pie chart below I refined it a bit to 5 categories, and since I don’t know how big they really are, I intentionally made all the pieces the same size, except for the yellow one, which I believe is the biggest one:

Let me describe each piece before discussing how I approach each one.

• At one end of the spectrum are those who will never spend money on your software. This category includes actual criminals who will steal your SW to repackage it and sell it, high school kids who like to show off their hacking skillz, and also very legitimate and respectable entities like the Free Software Foundation others who simply believe software should be gratis (the strikethrough is due to a mistake of mine in confusing free as in speech vs free as in beer. My bad, I respect the FSF!).
• Then there’s a piece of the world population who simply cannot afford to spend money on your software, or at least not a lot. These people probably don’t feel great about using cracked versions of your software, but they do it because they need it and cannot afford what you are charging for it. In other words, they have bigger problems to deal with.
• I think the majority of people in the world fit in the yellow (gray?) area in the middle. They’ll use pirated software if it’s easy to get, but will pay for it otherwise. The more expensive the software, the more these people will shift towards the red pieces.
• Then there’s a piece that only pays for software because they fear getting caught stealing it. I think this pie includes a big chunk of businesses too.
• The last piece is the nice guys, the honest people who pay for what they use, pay all of their taxes, etc.

I try to please each segment of the population with a different approach:

• for the criminals: you can’t beat them on technical grounds, just forget it. If people want to crack software, they will (code obfuscation, call-home schemes or not. These guys write decompilers before breakfast). The way to deal with this is to have a nice End User License Agreement on your site as well as a Terms of Use document. Make sure that each download link says “I agree” on it, and basically give people the impression that you have done your homework, have a lawyer and are not some rookie waiting to be taken advantage of. Oh, and do keep a good lawyer handy to help you if the time comes. If you find out that someone is selling your same product under a different brand, I believe that a strongly worded letter from your lawyer might go a long way…then again, who knows. But as I will explain later, this doesn’t matter that much.
• for the hackers: again, don’t try to beat them with crazy encryption schemes, because they are better than you: what you consider a nuisance to code is their passion. My approach is this: try not to make enemies and don’t give them a challenge. If you are perceived as “a nice company”, the likelihood you will be targeted by hackers is lower (I wonder how many Windows viruses were created because of MS’s arrogance and offensive remarks about linux over the years). This is, in small part, why I give so many licenses away to non-profits and do-gooders of all kinds. Also, if the software is cheap to start with, has a free version available, and the license key looks fairly simple to hack, why bother hacking it? I believe these are all factors that contribute to why only 16 people have Googled “balsamiq mockups serial” so far (in over 8,800 search-generated-visits).
• for the “I believe software should not be paid for” crowd…just give them the software for free! I am a fan of OSS, and though it doesn’t make sense for me financially to go that route, I like to contribute by offering free versions of all my software to open source projects. Plus it’s not like they would pay for it anyways…
• for those who can’t afford it: offer a fully functional but “somewhat uncomfortable” version of your software for free. This way they’ll be able to use the software (some) and not even bother looking for a cracked version of it somewhere. This is what I do with the Mockups demo on this site. It nags you every 5 minutes, but you can dismiss the nag and keep working. You cannot save mockups to file from the software, but you can export the XML and save it in a text file, only to re-import it later. In short, it’s a bit of a pain, but you can use it. It’s a fine line: you want to give enough away to be useful, but you want to make it annoying enough that people will rather buy the full version, for convenience or for added features. Oh, and give the full version away to those in this category who ask you directly, in exchange for a promise to spread the word about it. Again, it’s not like you’d get their money if you had stricter protection…
• then we have the yellow guys. These are who your licensing code should be designed for. You want to shift as many of these as possible towards the green side, not the red side. Here’s what I do: I have a license key that’s fairly simple to read or type (it will be something more or less like this made up one: eOLi0odswsqklKz/C36lOzM0srD9E0MjIxNjM3MgCBGQw3). The key alone doesn’t unlock the software, it needs your full name as well (it’s encoded in the key and the two have to match). The size and format of the key are important because making it too long or hard to deal with (like having them download a license file from your servers than placing it on a specific directory, or having the software “call home” on launch) would reduce the usability of your software and give this kind of user the impression that you really don’t think they should be trusted. The fact that the key has a name in it is a big psychological deterrent to sharing it. If I found a key on a cracked site, I’d be able to immediately trace it back to the owner. I believe this, coupled with the accessible price of my software, is enough to sway most of the “yellow area” people in the buying direction.
• The “embed the name in the key” trick works well for those who buy the software because they fear getting caught with a cracked copy as well. Another thing to do here could be to embed the key (and thus their name) in every file that your software generates. I don’t do this, but I know some do.
• for those of you who pay for my software based on your moral values, I thank thee, and wish you happiness and prosperity. The world needs more of your kind.

To sum it up:

• give lots away
• have a simple key with a name embedded in it
• relax

In the end, the code doesn’t matter that much!

A couple of months ago I was explaining to my dad how I try to be as transparent as possible, sharing my revenue numbers, designing my features in the open, blogging about it all, etc. I believe it builds trust in Balsamiq and frankly I wouldn’t want to do it any other way.

At the end he asked me: “Ok, I think I get it. But what is “your secret”? What’s the thing that, if someone stole or copied from you, would mean catastrophy for your company?”

I thought about it for a second, and I realized that there isn’t a single thing.

Mockups is a simple product, a good coder could create a clone of it in a couple of months starting from scratch. Someone could post a crack for my licensing algorithm on a BitTorrent site today.

I don’t think either would spell catastrophy for Balsamiq.

People buy products from companies they trust and respect, and who treat them well in return. People buy software if they know that the people behind it care for your success while using it. They want to see the software improved continuously and with a passion. They care about a sensibility for usability and attention to details.

These aren’t things one can steal.

I believe Balsamiq is successful so far because of all that I do every day: the site, the blog, the promotions, helping customers, listening to their ideas…and of course improving the product with new features and bug fixes. It’s one big puzzle, every piece contributes to the whole (what Geoffrey Moore calls “The Whole Product Model”).

Some resources

I am a huge fan and avid reader of the Business of Software forums, a community of small software vendors. Here are some links on this topic taken from there. As you can see, none of my ideas is original or revolutionary, though there is some debate about these topics…

• Software cracked! Now what?
• Me vs Crackers
• If you sell X software a day and now your app was cracked
• Cracks sites – Should Google help us?

Here’s another article, which I have only scanned quickly but seems in line with my views: Piracy and Unconventional Wisdom

Something funny

While I was writing this post I thought about checking if Mockups had in fact been cracked without my knowledge and was available for download somewhere.

So I did some research, and while “The search of balsamiq was not successfully” [sic] on Astalavista , I did find something on TorrentTractor. Check it out, one of the files is 833Megabytes! Now, the original Mockups for Desktop file is less than 3Mb right now…I pity the fool who downloads almost a Gig of crap, likely full of viruses, trojans and who knows what…I couldn’t have done a better job at polluting the hacker sites myself!

In conclusion

I want to leave you with a quote from Pete Santangeli, which I think sums it all up nicely: “the best way to slow down your competitors is to give them your source code”.

Brilliant!

Peldi

[UPDATE: someone just anonymously posted my licensing key generation code in a comment to this post, which I deleted. Anonymous hacker: congrats, you are better than me! I'm sorry you didn't post your name or I would have sent you a picture of a medal or something. I have deleted your comment because, like I say in the post above, I am trying to convince people in the "yellow group" to move towards the green area...not make it too easy for them to go towards the red (Balsamiq is how I am trying to make a living after all). I hope you'll understand. I'm going back to work now...]

— 30 Comments

 

 

 

Little updates here and there

by Peldi Guilizzoni. September 19th, 2008 under Company / Business, Development / Technical, Mockups, Release Announcements — No Comment

Hi there, sorry for not blogging for a while (a whole 10 days!), but I’ve been pretty busy with both Balsamiq work and life in general: after 3 months “on vacation” traveling around Italy, real life is starting here in Bologna: we are buying furniture, unpacking boxes, dealing with immigration for my American wife (so fun!)…plus our little one started school last week, talk about milestones!

Anyways, a quick update to list the improvements and bug fixes I made since the last “update” post of August 31st:

Feature improvements:

• ALL: moved the About dialog to the Help menu
• ALL: added a background color to the TextArea control
• Confluence / JIRA: added a javascript warning if you try to leave/close the Mockups editor without saving your changes
• ALL: you can now hold down CTRL while resizing or moving to temporarely turn off snapping
• ALL: added the ability to drag past the edges of the app to select and resize. This is worth another blog post: it took days, it’s not perfect and I’m not even finished (I’m missing auto-scroll on move), but the consensus is that what’s there is better than nothing. This was definitely NOT fun, look I even resorted to asking advice on StackOverflow!
• ALL: Dialogs now stay centered as you resize your editor window (this fixes an edge case in Google Chrome)
• ALL: you can now ESCape your way out of Quick Add.
• ALL: the app is now more respectful of your empty spaces. You can type spaces to make room for icons and they won’t get deleted. Same for empty rows in lists
• ALL: DataGrid now has text editing controls, so you can make the text smaller, centered, etc
• Desktop: added CTRL+L to toggle the UI Library

Bug fixes:

• Confluence, JIRA: added no-cache directives to work around IE7’s aggressive caching of the mockup’s XML data
• Confluence: now ignores carriage returns in the license key (this was bad, it would take down Confluence)
• Desktop (Windows): the open dialog now lists both XML and BMML files by default
• Desktop: removed leading “/” from PNG export confirmation dialog
• ALL: fixed an horizontal alignment bug in the Horizontal Curly brace control
• Confluence/JIRA: added /, \ and = to the illegal characters in the mockup names
• Desktop: “Save As…” automatically goes to the last folder you used (for real this time)
• ALL: fixed a bug with going back to “None” as the selection for List, TabBar and VerticalTabBar (now it works)
• Desktop: no longer adds .bmml.bmml.bmml…
• ALL: the mockup canvas now has a maximum size of 2880×2880. I had to add this because Flash cannot export PNGs bigger than that.

So if you haven’t upgraded in a while, maybe today is a good time to do it? Download and install Mockups for Desktop, for Confluence or for JIRA now!

Business Update: has it really been 3 months already?

Things are still going really well for Balsamiq. Today is exactly the 3-months mark since launch, and Mockups keeps getting rave reviews and tweets. Sales are growing nicely, and the combined income from the 3 different products makes for some exciting variations week by week. I’d love to share more but I promised I’d save it until revenue reaches $100K, and I’m only half-way there. Oops, did I say too much?

What’s next

Two other BIG things are going on:

• I am very close to announce the port of Mockups to another wiki platform. Stay tuned for more, I’m excited about it!
• I have started implementing the “image upload” feature, a.k.a. the #1 most requested feature. Wish me luck!

Thanks for reading this far and have a great day!

Peldi

— No Comment

 

 

 

Another small improvement: Selection in Menu and Tree

by Peldi Guilizzoni. August 31st, 2008 under Development / Technical, Mockups, Release Announcements — No Comment

Hey there, the title pretty much says it all, but here’s a picture too:

I also fixed a bug with Mockups not showing up on startup when you used it on a secondary monitor and don’t have it plugged in when you launch it again – an edge case, but pretty bad if it happens to you.

Get the latest versions (for Desktop or Confluence) if you want these updates!

— No Comment

 

 

 

New File Extension: BMML

by Peldi Guilizzoni. August 30th, 2008 under Development / Technical, Mockups, Release Announcements — 1 Comment

After getting a nod from my superstar customers, I have changed the default file extension used by Balsamiq Mockups for Desktop from XML to BMML. It stands for Balsamiq Mockups Markup Language, and it’s still the same human-readable XML format you are used to (the file format didn’t change, only its name).

What’s in it for you? See for yourself (58 seconds, no-audio):

Now you can double-click on one or more mockup files and they’ll open…you guessed it, in Balsamiq Mockups for Desktop! No more cursing at Internet Explorer or Dreamweaver…no offense!

Plus now you get a nice little smiley-face icon for your mockup files, which should make them easier to spot if you have a very messy desktop like I do.

While I was at it, I also added a handly drag-files-to-Mockups-to-open-them feature, which you can see demonstrated in the video as well.

It’s important to note that you’ll still be able to load and save files with the XML extension if you’d like. In other words this change is backwards compatible.

I will be rolling out this BMML change to Mockups for Confluence and for JIRA as well in the next few days, which should help you disambiguate mockup attachments from the rest.

Oh, this should also help Steve Moyer and his Maven plugin, bonus!

So what are you waiting for? Install Balsamiq Mockups for Deskop 1.1.52 now!

Onward!

In case you are following, next week I’ll be focusing on improving the Mockups for JIRA alpha (I need your feedback!) and another little project I’ll tell you more about soon.

— 1 Comment

 

 

 

Export your Mockups from the Command Line!

by Peldi Guilizzoni. August 27th, 2008 under Development / Technical, Mockups, Release Announcements — 5 Comments

Hi there, I just added a new feature to Balsamiq Mockups for Desktop, which I hope will help you integrate it in your workflow even more.

In short, you can export your UI mockups from the command line.

Here’s the syntax:

Balsamiq Mockups export <inputXMLFilePath> <outputImageFilePath>

exports the provided xml file to a PNG file

Balsamiq Mockups register <organizationName> <serialKey>

registers this Mockups copy with the provided serial key info

Balsamiq Mockups unregister

un-registers Mockups from this computer

You only need to register your copy once per machine, then you can export PNGs from your Mockups’ XML files whenever you need to.

The export process is near-instantaneous, and you should only see a quick “flashing” of the app.

Will you use this feature? What for? Email me and we’ll write a nice case-study blog post about it!

Many thanks for Steve Moyer for the idea, the support and the feedback during the implementation. He is building a plugin for the Maven build system which will allow the automatic generation of Mockup PNGs during the “site” phase. These PNGs can be referenced from other project documentation, or the Mockups can be viewed from an automatically generated gallery of thumbnails. Stay tuned for updates!

The new feature is already live in today’s Mockups for Desktop build. Go get it!

On a personal note, I loved building this feature because it took me back to my mostly-linux days of college…I love the Unix phylosophy of “many small, specific, well-written and flexible tools working together to achieve great things”…turning Mockups into a tool that fits in that ecosystem makes my inner geek very happy.

Onward!

P.S.Today’s build also fixes a few other issues: DataGrid headers are now properly gray, I added a Close All function, the editor shows up properly in large mockups, and finally the location of the last opened or saved mockup is remembered properly now.

— 5 Comments

 

 

 

Mockups for JIRA: getting close!

by Peldi Guilizzoni. August 25th, 2008 under Development / Technical, Mockups — No Comment

The video below has no audio. You can also watch the HD version of it on Vimeo.

As you can see, Balsamiq Mockups for JIRA is pretty close to becoming a reality.

The build is approaching beta-quality: if you’d like to help me test it, email me and I’ll send you a link with instructions.

On the licensing front, Mockups for JIRA is going to cost $799 per JIRA installation, regardless of what version of JIRA you are running. I think it’s a fair price, and I already validated it with some prospective customers. I’d still like to hear more opinions on ir, so please email me or add a comment if you’d like.

Also, if you have comments on the way I integrated Mockups on JIRA, let me know! I am not a JIRA guru so I might have missed out on some useful integration feature opportunities.

I was shooting to have a ‘for sale’ version at the end of October, but since I am early I might move that up to the end of September.

Exciting times!

Peldi

P.S.Once again, without Jonathan Nolen’s precious wiki docs, email and IM support, this product wouldn’t exist. You, my friend, are brilliant, and I thank thee!

UPDATE: Here’s another video on how to iterate on UI mockups with Mockups for JIRA. Let me know what you think!

— No Comment

 

 

 

Faster faster faster!

by Peldi Guilizzoni. August 24th, 2008 under Development / Technical, Mockups, Release Announcements — 1 Comment

The faster you are able to create your UI mockups, the happier I am.

In the last few days I made some improvements which should help you get your work done faster.

Here’s what you’ll get if you upgrade to the latest build:

• Scrollbar Inspector: another awesome Michael Matti idea. Here it is in action (39 seconds, no audio):
  
  The feature is available for the following UI control types: Accordion, Browser Window, Cover-Flow, Data Grid / Table, Dialog / Window, List, Rectangle/ Canvas, Tabs Bar, Text Area, Tree Pane and Vertical Tabs
• Resize multiple icons at the same time: an iron_Lung idea, demo below (18 seconds, no audio):
  
• Performance improvements; with the help of gregorE, Adam, Kristi, and iron_Lung, we narrowed down the performance problems some of you were having to being mostly caused by memory leaks, of which I found and fixed about 50.
• z-Ordering keyboard shortcuts: another iron_Lung request, you can now send to back and bring forward your controls with the familiar CTRL+SHIFT+[ (send to back), CTRL+[ (send backwards), CTRL+] (bring forward) and CTRL+SHIFT+] (bring to front) keyboard shortcuts. As with all keyboard shortcuts, these work best in the Desktop version.

This build also fixes some funky resizing issues with Tag Cloud, Data Grid, the Tree and the Menu Bar: now if you make the control “too small to fit the text”, you won’t see text “hanging outside the edges” any more, the text that doesn’t fit will simply become invisible. This fix came after painfully watching Patrick Sullivan Jr. of EditWeapon try Balsamiq for the first time and hitting the bug.

Notice something in common with all the updates above? Yes, they all came from suggestions from current and prospective customers. This means that if there’s something you don’t like or would like to see improved in Mockups, speak up! It will very likely get added quickly and if it’s a problem, I’ll drop everything I’m doing in order to fix it ASAP.

I have a few more Mockups-related announcements up my sleeve for the next few days, stay tuned.

— 1 Comment

 

 

 

Next Page »