Paul Allen (the lesser) had in interesting blog post entitled “How to save thousands of dollars on your next web development project” where he discussed the importance of using wireframing during the design stage of your next web development project. The tool recommended to perform this task was PowerPoint.

In response to this post I made the following comment: “PowerPoint can be used as a great tool for wireframing, but I am surprised if there isn’t a tool to do it quicker and easier. I have envisioned an application like Visio where you can drag graphical components common to web pages and forms (buttons, combo boxes, lists, etc.) and add basic clickable navigation. So far I haven’t come across what I am looking for.”

Doing some addition investigation to the topic I found another similar blog post by eMomentum that discusses how they use FrontPage. After some consideration using a WYSIWYG editor may be more of what I am looking for. It gives you a graphical interface where you can drag common components, easily add clickable navigation, plus gives you a step ahead on the HTML coding with the option of posting the wireframe to the web for easy sharing and collaboration. Another option that I thought about is Flash which also has a similar easy to use interface to create the mock-ups.

What wireframing tools do you use that you would recommend?

3 Responses to “Wireframing Tools for Web Applications”

  1. Curtis J. Morley Says:

    Another great tool is Dreamweaver. You can build a site structure with blank pages in about 5 minutes and have all of the linkage and proper structure that is needed for a standard website. It is smart enough to check for broken links and it will even link off site if you have a subdomain etc… It is a tool truly designed for this specify task.

    Dreamweaver is expensive for just a site map tool. It rings up at $399 currently. Good thing it is not only a sitemap tool but also the most amazing web design tool available today (besides Flash).

  2. Willy Says:

    Tom
    I use NVU. Easy to use but I don’t no if it has the wireframing.At least you see what you do and you see the html if you want.
    Willy

  3. Willy Says:

    Tom
    I use NVU. Easy to use but I don't no if it has the wireframing.At least you see what you do and you see the html if you want.
    Willy

Leave a Reply