You can go through a lot of different stages when designing a Web app:
* Storyboard - A flowchart in which each box represents a screen, and each connecting line represents a link or submit
* Pencil sketch - the proverbial napkin, or if you must be more organized, a whiteboard
* Wireframe - a crude graphical mockup, often constructed in Powerpoint by a non-designer with limited pencil-sketching skills
* Graphical mockup - a photoshop picture of a page
* HTML click-through Wireframe - a text-mode HTML mockup constructed so that you can see the relevant data and linked together so that you can click through the workflow from the storyboard
* Text-mode prototype - actual software that does what you want, but without the design framing
* Programmer's prototype - The programmer's first cut at the software, using the pre-existing design elements and CSS provided by the designer or the project
Comments