A Pleasant Taste with Balsamiq Mockups
Although this site isn’t really geared to reviewing products, a recent new software release did catch my eye. Balsamiq’s Mockup, is a really interesting product, not just because it solves a real need, but also because, as far as I know, it’s the first commercial application that is built using Adobe’s Air platform. Air is a way of leveraging web applications, be they a combination of HTML, Ajax, Flash or Flex, the latter two, also being Adobe products. What’s so neat about Air, is that it is cross platform, allowing the developer to deploy the application to Windows, Mac OSX and Linux, all using a single file.
Whilst Air is relatively new, there’s no shortage of applications available. Twirl and Snitter act as desktop clients for the popular social website Twitter. Similarly the Pownce file exchange website also has a client written in Air. There are also a whole host of other applications that do anything from serving up the latest music videos, to a better way to handle your auctions with the eBay client. Finally there lots of neat utilities and goofy programs, like Shrink-O-Matic a batch image resizer and FotoBooth, a great way of taking snapshots at your PC and automatically uploading them to your Flickr account.
OK, so Balsamiq’s Mockup is indeed an Air application, but as I said before it’s the first commercial Air application I’ve come across. This is the thing that first caught my eye, but the second thing was the application itself. As a programmer, I’ve designed user interfaces for desktop, hand held and web applications. This is usually done with a few quick scribbled sketches. When I’ve need something a little more professional, I’ve thrown together some mockups using the design interface of the compiler I’ve selected for the project, be it VB.NET, Delphi or ASP.NET. The problem with these mockups are that they are either not really of a high enough quality to wave in front of a client, or they are so good, the client sometimes doesn’t consider these as mockups, they think of these as the blueprints for the final project, which can open a huge can of worms later in the project.
Balsamiq’s Mockup, is a system created to design mockups, in a way that’s way better than most scribbled efforts and conceptual enough, that the client doesn’t get hung up on the black and white of the design. I’ve got a few projects that will certainly benefit of this approach, but for this overview, wanted to pick on something that isn’t going to give away any of my ideas. What better way than throwing together a quick mock up of Google’s Gmail web email service. As this is just a quick mock up, I’ve taken a few liberties here and there, but it’s very easy to see that my primitive version is functionally very similar.
There is quite a selection of controls, GUI elements and markup images that you can paste onto the screen. The first hump is getting acquainted with them. When doing the Gmail example, I’d say about half of the time was spent looking for the right element to mimic Gmail’s functionality. The first limitation I found that there was no easy way to replicate the checkbox element. It would have been great to be able to do n lines of text and have a check box appear before each line, this wasn’t possible, so I had to create a new check box for each line of supposed email. It was then that my system began to act a little sluggish. Upon looking at the load on the CPU, the software was taking between 5 and 10% of processor, which seemed a little high. Also high was the among of allocated memory, a whopping 150megabytes. The system I did the majority of testing on, is a little long in the tooth now, but still packs a 2.6 gigahertz processor and 1 gig of ram. Things further complicated, when I exited the software and tried to relaunch, only to find the software icon in the task bar, but the software nowhere to be seen. I ended up right clicking on the icon in the task bar and then selecting restore, I then did the same again, but this time selected maximize and the software again appeared in all its glory. I have a funny feeling this was not a problem with the mock up software, as from this point on, everything ran smoothly and checking the processes again revealed a more healthy 3% of processor usage and 40 megabytes of memory allocated, but I’ve never has this problem before. The only other real niggle I had, was the inability to import an image for use in your mockup. I appreciate that this is all meant to be pretty much conceptual, but there is nothing nicer for a client, than seeing their own logos on a mock up. I’m sure this is something that will be rectified with future releases.
Once my mockup was complete I exported it as a PNG file and once actioned it exported instantly. While I appreciate the simplicity of this approach, I much prefer being asked where I want to save it and also what I want to call it. This also happened when I exported the mock up itself, which is saved in XML format, again here I would have preferred a unique file suffix, like .bmu or something similar, but that really because I have so many different XML file for other things.
The more I play with this software the more I find to like. Placing the page elements and changing their settings is very straightforward. Upon clicking on each element, a separate floating design form appears, allowing you to position and change the things that are available to change. While I like the simplicity of the colouring, i.e. black and white, I would have liked to be able to change the colours of the elements, for the more demanding client. This really is small potatoes,
While I only tested the standalone desktop version of the software, it is also available for various collaborative platforms, including Confluence and Jira, and coming soon for Twiki.
Here’s a five minute video that outlines the features of Balsamiq’s Mockup, produced by Balsamiq themselves.
Conclusion : If you ever create mock ups for software or websites, this is an excellent piece of software, which will save you time and blushes when the client sees your next mockup. At $79 it is reasonably priced and will surely pay for itself in very short time.
Filed under: Review | No Comments »
There’s been much buzz and anticipation surrounding Google’s unconfirmed, online storage service nicknamed by the media as G Drive. The idea however is far from new. There’s been software available to connect an FTP site as a local drive for years, however it’s always been kind of clunky and signing up for a hosting account at $10 per month or more, just to access a few files is most of the time overkill for many users. I’ve been looking at backup solutions, to allow me to keep off-site and safe, around 50 gigabytes of data. In investigating one of the options, I found an interesting use, which matches the functionality offered by the so far nonexistent G Drive. This option comes in the form of one of