6 Comments

Axure vs Balsamiq prototyping

Axure is used for designing interactive prototypes for websites and mobile applications. Similarly Balsamiq is a rapid wireframing tool for designing web and app mockups. I use both and wanted to share in this brief article a comparison between the two applications using examples from a case study.

The case study we shall look at is one that has already been mentioned in a previous article. That is the UCT Thursdays site. UCT Thursdays is a promotional event that occurs on the UCT campus every Thursday showcasing student talents, corporate products/freebies and the largest offline social hub on the campus. I created an online experience for the event through Contextual Inquiry, Personas and prototyping launching a successful site with over 2100 fans on the integrated Facebook and Twitter pages.

I prototyped the project in both Balsamiq and Axure. Below I explain each one’s strengths in the User Experience design process.

Axure

Axure is the industry standard in interactive wireframe software and gives you the power to quickly and easily deliver much more than typical mockup tools. What makes it so cool is that it generates HTML wireframe prototypes which a pretty realistic functionally to the final product without any coding. The designer can then send a link to clients and users to review.

Key strengths apart from creating a HTML prototype from a drag-and-drop interface include

  • Interactive prototypes
  • JQuery Widget libraries for website and mobile applications
  • Masters which allow for updating of every page of your website wireframe from a single location similar to how CSS changes run right through the whole site.
  • Produce functional specifications in Microsoft Word format that document the interactions, annotations, and even content in your design.

Learning curve before mastery: High

Price: Not Free. 30 day Trial included.

Screen shot of the Axure prototype highlighting annotations

Axure generated Microsoft Word functional specification

Other examples

Car Daily magazine app. See more prototypes on the Deliverables page.

iPhone5_WireTemplate_Black2_small

Balsamiq

This is a simple tool which does not have a complicated interface. Using Mockups feels like drawing, but because it’s digital, you can tweak and rearrange easily. Teams can come up with a design and iterate over it in real-time in the course of a meeting. Product managers, designers, developers, and even clients can now work together in the same tool to quickly iterate over wireframes, before writing code. It produces attractive sketchy wireframes which I personally enjoy. Its others features include

  • Sketchy, low-fidelity wireframes which focus on rapid design conversations and functionality
  • 75 built-in user interface components and 187 icons, plus a whole lot of community-generated components.
  • Linking lets you generate click-through prototypes for demos & usability testing
  • Share or present mockups with embedded links using PDF export, or use a 3rd party tool to export to code.

Learning curve before mastery: Short

Price: Not Free. 30 day trial included

Wireframe for the home page

Other examples. See more prototypes on the Deliverables page.

UCT-CS- wireframe

Conclusion

Which one to use is purely situational. Both are supported by strong community-generated components and widgets so the range of work one can do is quite wide. Axure is more expensive and suited for medium-to-large scale projects. Its annonating functionality means that the resulting prototype has useful notes on interactions for developers as opposed to creating seperate documentation. However because Axure RP offers more features than Balsamiq it takes longer time to learn and its HTML prototyping can be time consuming. Balsamiq is for smaller projects and rapid prototyping. Its prototypes are not as interactive as Axure RP but PDF mockups can be created. Very small learning curve and its lack of features is not such a show stopper either.

Other prototyping tools

If you don’t have money, another great tool I use is Pencil. Its a opensource GUI prototyping tool. Cool thing about it is that you can either install the full version on your computer or as a Firefox plugin. As a Firefox plugin you can use it online. Its sketchy design is similar to Balsamiq and its very easy to learn.

MockFlow is cloud based wireframing tool with interactive site map visualization, embedded revision history and a presentation mode for testing.
If you are using a Mac or Ipad and a bit of cash to blow OmniGraffle might be ideal for you. It has a range of free stencils, so whether you’re into desktop, mobile or web development it delivers.

About these ads

6 comments on “Axure vs Balsamiq prototyping

  1. hmmm … I’m not sure whether comparing Axure is even appropriate. Balsamiq is a wireframing tool for creating static wireframes. Axure is a prototyping tool for creating interactive prototypes. Sure both can do the other, but that’s not their core selling point.

    It’s like you’re comparing Notepad with MS Word. Yes, both allow you write something down, but ultimately you have to ask yourself what you need to get out of using the tool in question.

    Don’t get me wrong, Balsamiq is a fantastic tool, but it’s not really a prototyping tool in the same way that using Axure just for wireframing is under utilising it.

    Both are great tools, but best used for different situations.

    • Hi, Phil. Thanks for the comment. Totally agreed that its an uneven match. However the point of the comparison (perhaps I should have clarify better in my post) is actually meant to focus on the two being on opposite sides of scale. When I started out Balsamiq was the first tool I used mainly because it was free but as I got a bit more experienced Axure became my primary tool for different reasons. Which I thought I would highlight in the article. Your comments are very helpful towards communicating that better.

  2. I really want to thank you for yet another great
    informative post, I’m a loyal visitor to this blog and I can’t
    say how much valuable tips I’ve learned from reading your content.
    I really appreciate all that the hard work you put into this great blog.

  3. Thanks for sharing such a nice idea, post is fastidious, thats why i have read it fully

  4. My brother suggested I would possibly like this website. He was entirely right. This publish actually made my day. You cann’t imagine just how much time I had spent for this information! Thanks!

  5. […] best resource I found was Axure vs Balsamiq prototyping by Calvin Pedzai – he does a good comparison of the two products. In his conclusion, he […]

Leave a Reply

Fill in your details below or click an icon to log in:

WordPress.com Logo

You are commenting using your WordPress.com account. Log Out / Change )

Twitter picture

You are commenting using your Twitter account. Log Out / Change )

Facebook photo

You are commenting using your Facebook account. Log Out / Change )

Google+ photo

You are commenting using your Google+ account. Log Out / Change )

Connecting to %s

Follow

Get every new post delivered to your Inbox.

%d bloggers like this: