views:

4668

answers:

13

I'm looking for a web app that would allow me to quickly sketch some prototype screens for a potential web app for users of this application. Is there a preferred tool for this kind of thing? Or, if not a web app, is there offline software for doing this? Should I just use something like Illustrator/Fireworks?

+29  A: 
M4N
I like how the mockups look hand drawn. That's pretty neat.
ryeguy
Actually, I did some research into the effectiveness of mockups, and hand-drawn mockups get consistently better feedback from testers, supposedly because once a mockup uses proper UI look-and-feel, the testers feel like it's too late to make fundamental changes. This is excellent!
Jens Roland
A: 

I've used Excel a few times, you can create a grid of small squares, then colour in whatever you need and add all of the basic controls.

ck
+3  A: 

I quite like Omnigraffle on the Mac. It's very versatile and there are many stencils out there to get you going.

neonski
omnigraffle is great, but it would definitely enjoy being able to handle a larger palette of file formats.
Stefano Borini
+3  A: 

I like Visio.

hmcclungiii
Please tell me this was a joke
Eric P
+13  A: 
ryeguy
this looks gr8, it also has a stan-alone version.
Kennethvr
A: 

At work we use Axure. It works well. It allows for exporting the prototype to HTML and you can even add small interactions if you want. It works better then Visio in my opinion since it's specifically made for the this purpose.

these type of mockups are also called a wireframe which might be a helpful term if you want to search for more information.

olle
+1  A: 

Fireworks has always been my friend being that I can create so many layers of the evolution of the UI in a single document. I haven't upgraded to CS4, but I heard you can make interactive prototypes in it.

FluidFoundation
+7  A: 
ski
+14  A: 

For an alternative to balsamiq, check mockingbird!

Mockingbird is an online tool that makes it easy for you to create, link together, preview, and share mockups of your website or application.

alt text

Pascal Thivent
great tool but I don't feel comfortable leaving all my projects online in a beta site.
lemotdit
A: 

iPlotz creates nice mockups in hand written style with rough edges. It's a freemium web app.

alt text

eed3si9n
+1  A: 

ForeUI rocks, http://www.foreui.com/demos/

+1  A: 

Hm, friend makes this:

http://www.mockupscreens.com/

and swears it's the best one there is :)

Daniel Mošmondor