BunnyfootBunnyfootBunnyfootBunnyfoot
  • Our services
  • About us
  • UX training
  • Our clients
  • Blog
  • Contact us
    Home Tools and Resources The Best Free and Affordable Web Apps for Creating Wireframes and Interactive Prototypes

    The Best Free and Affordable Web Apps for Creating Wireframes and Interactive Prototypes

    By Neil Collman | Tools and Resources | 0 comment | 11 January, 2010 | 0

    Wireframing with a desktop app? Oh come on – that’s so 2009.

    Recent months have seen a slew of online web apps specifically for the creation of low-fidelity, clickable prototypes. It all started with “Balsamiq” some time ago now (complete with Comic Sans default font scandal) and has quickly progressed to an alarming array of free and affordable options.

    Over at Bunnyfoot towers we’ve been giving them a spin. Here’s a quick rundown.

    Mockflow

    http://www.mockflow.com/
    Pricing: 1 mockup with 4 pages is free, or $49 per year for pretty much unrestricted use.

    The overall experience feels swift and straightforward after initial bump of a UI learning curve. The key differentiator over others on test here is the ability to co-edit mockups with collaborators. Online chat is also built in, making it easy to work together to craft your dream app.

    Other nice features include align guides as you draw, a comprehensive library of components and quick and easy sharing (both private and public).

    The main gripe whilst editing was the lack of keyboard shortcuts (at least on a Mac), making every copy and paste a menu selection.

    screen shot of the mockflow application

    screen shot of the mockflow application

    iPlotz

    http://www.iplotz.com
    Pricing: free for 1 mockup with 5 pages. Subscription packages from $15 per month to $495 for 10 users with desktop and online access.

    Phew. iPlotz is a beast. As well as wireframing, you also get an array of project management features, including to-do lists and completion status. There are also other powerful features such as version control, fine drawing tools, HTML export and annotations. It also makes a mean cappucino if you ask nicely enough!

    Putting together a mockup is fairly straight-forward, once you’ve become accustomed to the (quite busy) interface. The default “sketchy” style is similar in feel to Balsamiq (see below), but a little less “play school” in feel.

    Of course the trade-off with many powerful features is simplicity. The overall experience is more akin to a desktop app and takes some determined effort to feel comfortable.

    screen shot of the iplotz application

    screen shot of the iplotz application

    Balsamiq

    http://www.balsamiq.com
    Pricing: free for online use, $79 for desktop app.

    Balsamiq is fairly well known in web circles, and courted controversy with it’s choice of the oft-slammed font Comic Sans as a default (although you can change this).

    The overall experience is not bad: drag, drop and edit works reasonably well. You can also search for widgets and add them to your canvas with the press of an enter key, speeding up the drawing process. There are some nice human touches: there’s an inspirational design quote as the app loads.

    You can export your design, but unfortunately you can’t easily share your mockups – you need the desktop version to do this.

    Overall, the end result feels a little too playful for serious heavy duty projects – we’re not sure how well it would go down in the financial sector for example.

    screen shot of the balsamiq application

    screen shot of the balsamiq application

    Mocking Bird

    http://gomockingbird.com
    Pricing: free (currently still in beta).

    Probably the slickest of the apps on offer here, Mocking Bird has a clean look and easy to learn UI.

    Like Balsamiq, you can get stuck in and create a mockup without creating an account (you get a prompt to signup on save).

    There’s nothing drastically new on offer in terms of drawing tools, but they work well and there’s a comprehensive library of components to start you off.

    Public sharing is also pretty straight-forward, making it easy to send out a link for user feedback. There’s no private sharing unfortunately, although the URL is sufficiently obscure.

    On the downside, it’s not straightforward to create precise pixel width layouts (there’s no ruler or way to specify exact sizes) and no page masters or templates to save on copy and pasting.
    So will we be throwing away Axure anytime soon? Well, the job is not entirely done — there’s a gulf between quick and dirty concept tools and full-blown, enterprise standard specifications. It also requires a client with a good understanding of the design and user research process and confidence in the value of low-fidelity, disposable prototypes. Oh, and maybe a soft-spot for Comic Sans.

    screen shot of the mockingbird application

    screen shot of the mockingbird application

    The biggest boon has got to be the ease and speed of sharing (anyone trying to upload an Axure prototype with its 1,000s of spacer gifs via a slow connection will feel our pain). It’s dead easy to get an idea online for client review and a rapid round of user feedback.

    Got your own favourite, or an opinion on these apps? Have  you used them on client projects? Let us know.

    Methodology, Prototyping

    Neil Collman

    More posts by Neil Collman

    Related Posts

    • Recruit a diverse audience with remote research

      Mar 27, 2020

      During this unsettling time where many teams are having to re-think their approach to research projects, we have received a host of enquiries about access to participants for remote research. With most people in the UK staying at home now,... Read more

    • Remote UX research and remote user testing at Bunnyfoot

      Mar 25, 2020

      Mostly business as usual with remote working For the last 3 weeks we have been working closely with all our clients to ensure we can continue to keep projects and programmes on track during these challenging times – generally this... Read more

    • Download our guide on how to brief a UX agency

      May 17, 2017

      Request our free template which will guide you through the process of determining which UX services you need – and which UX agency is best placed to provide them. (more…)... Read more

    • Usability test note taking, how to do it and what to write?

      Dec 14, 2016

      We at Bunnyfoot complete a lot of user tests on a day to day basis, many of us having years, and some, even centuries of experience in moderating user testing sessions. With each of us adopting our own unique ways... Read more

    Leave a Comment

    Cancel reply

    Your email address will not be published.

    NextPrevious

    Recent Posts

    • Webinar: UX & Sustainable Service Design January 12, 2021
    • AR isn’t mainstream… or is it? January 7, 2021
    • What makes an effective UX Consultant? Bunnyfoot speaks to UX Usability Podcast December 11, 2020
    • What’s in a name? User Experience and UX Design vs. Design Thinking November 24, 2020
    • Bunnyfoot contributes to De Beers Group Diamond Industry Report November 10, 2020

    Categories

    • Brain Bites: 2 Minute Insights
    • Brain Feasts: Longer Reads
    • Brain Licks: 10 Second Wisdom
    • Bunnyfoot Updates
    • Content: White Papers, Research Reports and More
    • Events
    • News and Announcements
    • Talks and Presentations
    • Tools and Resources
    • Uncategorised

    LONDON

    4th Floor
    54 St John’s Square
    Farringdon
    London
    EC1V 4JL

    Tel: 0207 608 1670

    SHEFFIELD

    The Old Chapel
    8 Mortimer Street
    Sheffield
    South Yorkshire
    S1 4SF

    Tel: 0114 478 2950

    OXFORD

    Boston House
    134 Downsview Rd
    Wantage
    Oxfordshire
    OX12 9FF

    Tel: 01235 606 140

    Cyber Essentials (PLUS) Logo
    • Copyright Statement
    • Terms & Conditions
    • Training Course Terms & Conditions
    • Privacy Policy
    • Jobs
    © Bunnyfoot Ltd 2020 | Bunnyfoot is part of the Sideshow Group
    • Our services
    • About us
    • UX training
    • Our clients
    • Blog
    • Contact us
    Bunnyfoot
    We use cookies on our website to give you the most relevant experience by remembering your preferences and repeat visits. By clicking “Accept”, you consent to the use of ALL the cookies.
    Privacy PolicyREJECTACCEPT
    Privacy & Cookies Policy

    Privacy Overview

    This website uses cookies to improve your experience while you navigate through the website. Out of these cookies, the cookies that are categorized as necessary are stored on your browser as they are as essential for the working of basic functionalities of the website. We also use third-party cookies that help us analyze and understand how you use this website. These cookies will be stored in your browser only with your consent. You also have the option to opt-out of these cookies. But opting out of some of these cookies may have an effect on your browsing experience.
    Necessary
    Always Enabled

    Necessary cookies are absolutely essential for the website to function properly. This category only includes cookies that ensures basic functionalities and security features of the website. These cookies do not store any personal information.

    Non-necessary

    Any cookies that may not be particularly necessary for the website to function and is used specifically to collect user personal data via analytics, ads, other embedded contents are termed as non-necessary cookies. It is mandatory to procure user consent prior to running these cookies on your website.