The Live Story of a Product

May 21, 2009

FlairBuilder 1.5 – shiny and hot from the oven

I am so pleased to announce that after more than a week (you know what they say: “release often, release early” :-) ) of hard work FlairBuilder 1.5 is released with quite a few exciting new features. Go ahead and grab it now and then come back to read all about it!

As usual I’ll start by listing what’s new and afterwards I’ll share with you some thoughts and impressions about my last week as an entrepreneur.

Conditional logic

This is something that, of course, I’m very proud of: You can now define complex conditions to be evaluated before performing an action as a consequence of a user input event. And more than that, these conditions are now based on more than one component on the page. Let me show what this means!

Take, for instance, the case where you have a combo-box with three options Action 1, 2 and 3, and a button that the user clicks to go to another page. Now, you’d want to go to a different page depending on the option selected in the combo-box, or even do different things in different cases. Let’s keep it simple for now. Here’s a screenshot with this situation.
conditional-ifs-ex1

Now, to add restrictions for each of the three “Go to another page” actions and base those restrictions to the combo-box selection, you’ll define conditions by using the little green question mark icon near the action name. Clicking it will give some more options and you’ll basically start by pointing and clicking the combo-box. After you selected the desired component, depending on its type (Combo-box, Text Input, List, Table etc.), you’ll be given the option to create expressions in the form:

<COMPONENT> <PROPERTY> <OPERATOR> <VALUE>

that is, something like in the following screenshot:
conditional-ifs-ex4

I am so excited about this (hence the 1.5 version number) and I look forward to hear how it’s working for you.

Performance improvements

I have made a little but important improvement that will make large projects easier and faster to handle: Now pages are loaded lazily, that is, a page will be loaded from the project file only if needed. It was kindda silly for me to load the whole project upfront, but you know, now FlairBuilder is facing real projects with real needs. Performance is something I want address constantly so expect more improvements coming up very soon!

Components look and feel

Since many wireframe/prototype creators have this concern of presenting something that look too polished, I have simplified the look’n'feel of some of the components, namely the Button, Button bar and Combo-box. But, I also put some more options to make it easier for you to customize them.
buttons-looknfeel

Productivity enhancement

I’ve added two shortcuts for a couple of existing features: Ctrl/Cmd+R for exporting a screenshot of the current page to a file, and Ctrl/Cmd+Shift+C to copy the screenshot to the system clipboard.

Also, I’ve added a handy feature that allows you to easily duplicate the selected components: Ctrl/Cmd+D from your keyboard to duplicate the current selection.

Bug fixes

There were, as usual, a bunch of them, of which I’d like to mention only a few:

  • Delete/Backspace key was not working on Mac OS. Lucky me, this was first reported in review. :-)
  • An embarrassing issue with deleting pages. Thanks renekasbergen for this one, as well for all the others!

I am so lucky to have already a small community of users, some of them very enthusiastic. They really helped me a lot to make the application better and more useful. Tons of ideas and suggestions on my plate coming from them or inspired by their needs. I surely have a lot to do in the following weeks. Also, is such a pleasant feeling to see how people actually use my little app… Well, for fixing bugs, clients had on email me some of their projects files so I could track down the problems. :-) Nevertheless, seeing your own software being useful out there is just plain awesome!

Another week as an entrepreneur

Last week has been an interesting week, so to say. I’m starting to feel the real feeling of being an entrepreneur, entirely on my own. Lots of different things to do, many aspects to take care of. It’s no easy but it’s for sure an one in a life time experience. The first baby steps! :-)

The participation at the <dev:world> Romanian software conference got me with some “networking” that I’m quite proud of. This is something I haven’t actually anticipated at all when submitting for the conference. More about this soon!

I’ll let you now enjoy the brand new and shiny FlairBuilder 1.5!

Unknown, here I come!

Buffer  

4 Comments »

  1. Well done!

    If you add the ability for us to create/share our own reusable component, I’ll definitely buy.

    To be more specific, you should provide for a public library of user-created components that’s accessible from inside the application.

    Ben Dalton
    May 21, 2009 — 5:41 pm

  2. There are two ways to address this. One way is to create components by grouping existing ones and this is in plan to done soon.

    The second way is provide an API for custom components. That’s also in plan but the application has to stabilize first.

    Thanks for your idea! It’s definitely worth considering.

    Cristian

    Cristian Pascu
    May 21, 2009 — 5:51 pm

  3. Nice work Crisitian. I’m looking forward to exploring. I’m a Balsamiq user and enjoy the ability to quickly create screens. However, and you’ve covered this on your blog, a mockup soon becomes an interaction and an interaction needs to be mocked up.

    Questions…
    1) Is there a way to align the text center or right in a control? I couldn’t see it in the mention on the features page. Maybe the better questions is, what are the extent of the text tags and where is the documentation? It seems like color is offered for a text object but selecting a color doesn’t alter the tags.
    2) Is there a way to pass the Map component an address parameter like you can with YouTube/Vimeo?
    3) Syntax for underline?
    4) A reference for the icon names?

    Great start to an interaction design product that fills a unique need. Good luck!

    Matthew Bowe

    Matthew Bowe
    May 22, 2009 — 6:34 pm

  4. Matthew, thank you so much for your comments!

    I am not sure I understand your first question, at least not fully. Would you like a syntax for changing the color of a portion of text? I haven’t got there yet. I thought I should first introduce the most basic customization features.

    Text alignment: it depends on the component. To which one do you refer exactly?

    2) That would be a good idea. I think that one would need to pass the coordinates of the location, but then how do you get them? Does GoogleMaps online version offer you the coordinates and not the entire URL?

    3) The syntax for underline is _this_, underscores surrounding the text. I am afraid that yes, I haven’t mare it available in the documentation just yet. The “Powerfull Formatting Options” paragraph on the Features page describes the syntax briefly.

    4) I use the FamFamFam silk library . You could download it and have it on your disk handy. I’ll consider documenting it in the application help… but for now I don’t want to increase the size of the application too much. I’ll see what I can do.

    I hope this helps!
    Cristian

    Cristian Pascu
    May 22, 2009 — 7:24 pm

Leave a comment

RSS feed for comments on this post. TrackBack URL