Prototyping a Web Site: Wireframe Tools
The life cycle of a Web site starts with an idea. It is possible to express an idea for a Web site using a paper napkin or create a prototype using post-it notes, but fortunately advanced digital tools are available that are better suited for the task of prototyping a Web site.
A very basic option to prototype a Web site is by using a simple text editor such as Notepad or the text editor that comes with your favorable operating system. A Web page author or designer fluent in Html and CSS markup can create a nice looking prototype of a Web page within a short period, even within minutes. More advanced text editors such as Textpad can further enhance productivity with code syntax formatting and tag snippets.
Another option is using wireframe sketch and prototyping tools. These tools have rich graphical user interfaces where the user can construct the layout and elements for one or more Web pages with drag and drop functionality without the need of specialized Html and CSS skills. Below are links to interesting wire frame tools that are worth checking out:
Wireframe and sketching tools:
- Pencil Project - A Firefox add-on with a standalone version in the making.
- iPlotz - Clickable wireframes simulating a Web site or software application.
- Gliffy - Drag and drop Web site wireframes with sharing and collaboration functionality suitable for teams.
- Axure - Free trial available at the time of visit.