By Muhammad Faisal on September 2, 2010

Excellent Mockup And Wireframing (9) Web Apps Which You Would Love To Know

Don't Forget to participate in a contest where you can win custom logo design package from LogoDesignBundle.

  Advertisement

A wireframe or mockup tool is a must have tool for every web designer and developer. These tools have their importance in web designing and development world. It is good to use them because it saves your time and efforts, a mockup or wireframe can give you the whole idea about how your web will look and work. Combination of your own creativity and client’s requirement into a blank canvas, allows you to effectively plan the visual arrangements of the site’s contents. Well, a good and reliable wireframing application will cost you for sure and cost can starts from 150$ to 5000$. So, are you going to buy or what? and I definitely heard a big NO out there. So, my friends here comes the solution to the problem, I am listing some good web apps and tools for you in my article and you can use these mockup and wireframe apps and tools for FREE.

You are welcome if you want to share more useful web apps that our readers/viewers may like. Do you want to be the first one to know the latest happenings at  smashingApps.com just subscribe to our rss feed and you can follow us on twitter and follow us on Google Buzz as well.

MockFlow

mockflow

MockFlow helps to design interactive UI mockups for Desktop Software, Rich Internet Apps and Web sites. MockFlow is Hybrid, so you can design seamlessly from anywhere & even with No net-connection. You can get your visual concept ready in minutes, it is faster than drawing/coding wireframes, you can share your UI design with your clients, team chat, track project activities and you can export your Mockup to image, PDF or PowerPoint Presentation.

Jumpchart

jumstart

Jumpstart is a simple online collaborative wireframe designed to make planing websites simple, fast and more efficient. With a Jumpchart preview, -clients just get it and it’s not an abstract concept, it works just like the website will. It is great for Web Developers, Information Architects, Website Owners, and Copywriters. Now you can also export your mockup to HTML and WordPress WXR format! Besides WordPress – which is one of the most widely used Content Management Systems in the world.

PencilProject

PencilProject

PencilProject is a free and fairly powerful Firefox add on tool for making diagrams and GUI prototyping. Its an open-source tool which is very popular among designers and developers. It has many built-in stencils for diagramming and prototyping webs and options like multi-page documents, adding external objects, inter-page linking, on screen text editing and exporting to HTML, PNG, Openoffice.org document, Word document and PDF makes this addon very necessary for designer and developer.

WebSite Wireframe Tool

wireframeTools
You can build the wireframe in minutes with this particular tool, and if desired, a link to view the wireframe can be sent through email, instant message, or even the phone. The attraction to this tool is the simplicity of usage, lending itself to speed, both in wireframe creation, as well as being able to quickly share the results without having to send anything more than a web address. It is free to register and use, and works in modern web browsers including Internet Explorer and Mozilla Firefox.

Lumzy

lumzy

Lumzy is a quick Mockup creation and Prototyping tool for software designers and developers. As a Mockup tool, you can use it to create a rough sketch of how the final website or application will look like while prototyping extends this by adding event based functionalities. Its totally FREE and its function like send on the go, make it public, collaboration and chat, and quick drag and drop will attract you to use it. And by the way you can export your Mockup to jpeg, PNG and PDF files.

DUB – DENIM

dubdenim

DENIM is a system that helps web site designers in the early stages of design. DENIM supports sketching input, allows design at different refinement levels, and unifies the levels through zooming. It allows designers to quickly sketch an interface using an electronic pad and stylus. Its now available for Windows, Unix, and Mac OS X. You can download it from here.

fluidIA

fluidIA

fluidIA is an emerging agile design tool for prototyping rich user interfaces. It provides support for truly rapid prototyping and changes of interface representations, expression of rich interactions, and collaboration.

Prototype Composer

prototypecompser

Prototype Composer is a completely new way of gathering requirements. Prototype Composer makes it possible to see how an application will look and function before any code is ever written. Instead of endless text documents, Prototype Composer makes it easy for business users and business analysts to collaborate on requirements by building simple, high-fidelity prototypes that simulate a working application.

iPhone Mockup

iPhoneMockUp

This simple web app allows you to create your own iPhone app mockups, share your mockup with other people, and the changes you make will be synced to everyone who has the mockup’s URL. This app is currently in Alpha and offers no password protection so, you better be careful about the privacy of what you creates.

Please let me know if there are more apps which should be listed. Thanks.





If you enjoyed this post, please consider to leave a comment or subscribe to the feed and get future articles delivered to your feed reader.

Comments

There’s http://gomockingbird.com/ which is currently in beta until September 15th but anyone can use the beta right now.

I think iplotz.com is a very nice tool.. I used it this year, and have been pretty impressed with it. It has some nice collaboration features.

You should also check out http://diagramo.com , built with HTML5

Hi,

you forgot about JustProto.com. Try that – we have really nice real time collaboration mode :)

http://www.balsamiq.com/ comes to mind.

Hi Muhammad,

There is also ProtoShare, which does grey-box wireframing and high-fidelity prototypes for websites and applications.

ProtoShare is web-based, so it can be accessed anywhere you have an Internet connection, enables collaboration between team members to provide real-time feedback, and can export to HTML and web, as well as to a detailed specification document.

Let me know if you have questions or would like a free trial.

Cheers,
Andrea
@ProtoShare

Balsamiq Mockups – based on Adobe AIR, so a desktop version is also available
Creately (general Visio replacement) – based on Adobe Flash

Why is ForeUI not mentioned? I think it’s even been featured on SmashingApps, hasn’t it?

@Bob, That’s because ForeUI is not a web application and this list only contains all the free solutions.

The best web app I’ve come across for wireframing is iPlotz, as has already been mentioned. Really easy to use and produces great wireframes.

Another good, and free, app is Gliffy – http://www.gliffy.com, which is an online diagram tool but can be used for wireframing.

If you already have a tool you like to use to create mockups or wireframes, mocklinkr.com is a great way to share them with your clients.

Instead of emailing a bunch of pictures you can send them a clickable website. It’s really simple to use: just upload your images and link them together.

-Vishu (co-founder)

[...] speed test Mockup and wireframe tools Uncategorized ← HTML: Doctype Declarations Leave a comment0 [...]

Balsamiq is pretty good solution for mockups, light and Adobe Air, but I think that the best solution is MockFlow.

LucidChart – http://www.lucidchart.com – is my fave for wireframing and iPhone mockups.

I don’t know if people here are Microsoft-friendly. Most of their tools , including the Windows OS, draws a lot of criticism these days. But I created a huge set of wireframes using Visio. I am very satisfied. You can also produce wonderful results, given you have the right stencils downloaded from various sites. Cheers!

Dont forget about Protoshare! They do more than just wireframing though. Check ‘em out: http://www.protoshare.com

You should also check Justinmind, a great wireframing tool to create dynamic wireframes without coding!

Sorry, the comment form is closed at this time.