10 Cloud-Based Website Prototyping Tools

10 Cloud-Based Website Prototyping Tools

It is uncommon today to find desktop-based website prototyping tools. Most applications are in the Cloud – online tools accessible through your web browser. Here we present a list of the most common online website architecture applications.

It seems as if every category of software is moving into the Cloud so it’s not surprising web prototyping applications are doing the same. After all, what better way to plan website architecture than on the web?

10 Cloud-Based Website Prototyping Tools

Online Website Prototyping Tools

Online web prototyping tools are more easily accessible than desktop versions. You can log on from your computer at work, the laptop you take when you travel, or the desktop you have at home. You don’t need to install any software so it doesn’t matter what operating system you are using. Any designer or reviewer can use Windows, Mac or Linux computers to access the prototypes, just as you can use any computer to access the final website.

The biggest change between desktop-based and Cloud-based web prototyping software is the pricing structure. When you use a desktop application, you pay a flat fee for a license and can use the software forever. Online software uses a subscription model. You pay a fee every month you need to access the software.

Here are some of the online website prototyping applications available right now:

Gliffy
Gliffy

Gliffy claims they are “the most widely used online diagramming application”. Multiple users can access a project; yet, unlike many of the products here, they can’t access the files simultaneously. However, each time a user saves a document Gliffy archives the older version so it is easier to revert changes one user makes than it would be with simultaneous access. The software integrates with Google Apps, WordPress and Chrome as well as offering an API, allowing other web-based application developers to integrate with it.

Cacoo
Cacoo

Cacoo supports 22 languages making it ideal for companies with developers all over the world. It offers real-time collaboration so multiple developers can access the website prototyping tool at the same time. This would allow, for example, a graphic artist to work on images at the same time your SEO expert is tweaking the text. Projects can be made private to ensure nobody sees them before they are ready, or public so customers can comment on the new design before you update your website.

Invision
Invision

Invision has a simple drag-and-drop interface making it easy even for non-technical people to add graphics, text boxes and buttons. User management allows developers to be assigned to specific projects so nobody has unneeded access. Reviewers can add comments directly to the screen, and replies are kept in threaded form so it’s easy to follow the conversation between developer and client.

Mockingbird
Mockingbird

Mockingbird is powered by Cappuccino, unlike most of the others on this list, which are Flash-based. Cappuccino applications tend to run more efficiently than Flash so it is likely your website prototyping activities will be a bit faster. It offers real-time collaboration among approved users, and wireframes can be exported to PDF or PNG for review.

Creately
Creately

Creately also provides real-time collaboration, and is available in seven languages. They offer desktop versions for Windows, Mac and Linux for users who need to be able to do website prototyping without an Internet connection. The diagrams automatically sync to the Cloud for those who do have Internet connections, so collaboration is still possible with the desktop version.

HotGloo
HotGloo

HotGloo supplements their real-time collaboration features with an integrated chat, streamlining communication among team members. Messages left by reviewers appear on the pages, but can also be set to automatically forward to an email address.

ProtoShare
ProtoShare

ProtoShare supports more than just images and text boxes. Website prototyping with this tool includes the use of CSS and JavaScript to create custom components and advanced interactions. Comments can be turned into tasks assigned to one or more users so reviewer concerns can be addressed as quickly as possible, speeding up the development process.

Pidoco
Pidoco

Pidoco includes usability testing features. Developers can monitor and communicate with testers as they use the prototype, getting live feedback even as they make changes. Developers can see the user’s screen, communicate through VoIP and chat, and record the testing session for future review. This facilitates the user-friendly design which is the final phase of website architecture development.

Lumzy
Lumzy

Lumzy has an integrated image editor so graphics can be cropped, resized or adjusted without the need for another program. It offers more advanced website prototyping than many other tools by allowing more complex interactions than simple page linking. Testers can select from menus, trigger popup dialogs and so on. Lumzy is currently in beta so it is free to use, though the developers have said there will be a subscription fee once it goes live.

iPlotz
iPlotz

iPlotz uses three access levels: preview, wireframe and manage. Preview users can view the prototype and leave comments; preview users can be using free accounts. Wireframe users can edit the website prototyping. Manage users can add or remove other users and change their permissions. There is also a desktop version which runs under Adobe Air Runtime, and syncs with the online version when in online mode.

Conclusion

There are a number of other Cloud-based website prototyping tools available and more are appearing all the time. With the fluid and team-based nature of modern website architecture development, it’s quite possible pure desktop-based tools will either move to the Cloud or die out. Today’s developers have a multitude of online options at a variety of subscription rates to fit their needs and budget.

Jeff Foster is a writer for WebBizIdeas, a digital marketing firm. They provide website planning and website web prototyping services.

Comments

  1. / Reply

    Jeff, I’ve been using @MockFlowApp for several years and thought it would make a good addition to your list.

    • johndew,
    • January 21, 2013
    / Reply

    Do you mean all web sites are in the “Cloud” now ? These existed way before the “Cloud”… Don’t over-use this word please.

    • TheAL,
    • January 21, 2013
    / Reply

    Been using Invision for months now. Kinda limited, but super easy and helpful.

  2. / Reply

    Hi David,

    I have heard of mockflow too, just never tried it. Question for readers: Does any body know of a “theme forest” for wireframes? Where people can upload their wireframes, pay a small fee, and download pre-made wireframes or parts of wireframes (say a basic mobile admin area) to save time?

    Jeff

    • Rahul,
    • January 23, 2013
    / Reply

    amazing post…in this scenario these all tools are really helpful for online visitors…
    thanks for sharing the post…

  3. / Reply

    Great post & magazine – Thank you!

  4. / Reply

    I’d also suggest adding FluidUI.com to the list. Like invision, it’s an online web prototyping tool, which also has custom built libraries and a simple drag and drop interface.

    Eileen

    • Mina,
    • November 30, 2015
    / Reply

    Hi Jeff, check out Mockplus.com and I suggest adding it to this great list.

    Mockplus is an easy & simple to create prototyping within several minutes with a very low learning curve, as no coding & programming required. By means of a rich libraries of widgets and components, you can build a prototype rapidly and effortlessly. With simple drag-and-drop operation, you can link your interactive pages smoothly and clearly.

Leave a Reply

Your email address will not be published. Required fields are marked *

Deals

Iconfinder Coupon Code and Review

Iconfinder offers over 1.5 million beautiful icons for creative professionals to use in websites, apps, and printed publications. Whatever your project, you’re sure to find an icon or icon…

WP Engine Coupon

Considered by many to be the best managed hosting for WordPress out there, WP Engine offers superior technology and customer support in order to keep your WordPress sites secure…

InMotion Hosting Coupon Code

InMotion Hosting has been a top rated CNET hosting company for over 14 years so you know you’ll be getting good service and won’t be risking your hosting company…

SiteGround Coupon: 60% OFF

SiteGround offers a number of hosting solutions and services for including shared hosting, cloud hosting, dedicated servers, reseller hosting, enterprise hosting, and WordPress and Joomla specific hosting.