Demonstration of the HTML UI Mock up Techique

To demonstrate our technique, we present a series of snap-shots of documents we used in mocking up the design. Each successive refinement represents less than 30 minutes of mocking up effort. The Notes document contains notes that we made as part of doing the mocking up, the Mockup document contains the actual mockup.

Each document was produced with a standard HTML editor. We used Symantec VisualPage, however other editors could certainly be used instead. We have done only minimal clean-up of the documents to remove some typos and add a one-line header.