Wireframes+and+Mock-up+Tools

**Wire-framing**
This is the process of creating a 'drawn' version of the project that you want to work on. You can, of course do this on paper, or in your favourite word processor or drawing tool, but inevitably that there are lots of online tools to help with this process. Some of these are more general and some designed for specific types of software.

10 free wireframing and mock-up tools: []

Useful WebDesign and Wireframing Resources: []

Wire-framing should address
 * Information design (the presentation of the page elements)
 * Navigation design (how the user moves between pages and different parts of the website)
 * Interface design (interface elements such as text boxes, drop down boxes etc.)