COAP:COAP-3150 - week 3

This article or section is currently under construction

In principle, someone is working on it and there should be a better version in a not so distant future.
If you want to modify this page, please discuss it with the person working on it (see the "history")

Part I

Wireframes and mockups

Wireframes are sketches of web page layouts and interfaces. They can be made using a variety of tools, from pencil and paper to sophisticated software, to sketch out the organization of a web page and its features.

Online tools

• wireframemockups.com - also produces code for creating working prototypes
• Gliffy, [1] - sketching online

Template and kits

Free Sketching & Wireframing Kit to use with Illustrator or Photoshop or other vector-based drawing or image editing software.

See also

• Web wireframe article for more tools and software (some commercial)
• Further reading on web prototyping

Part II

Design specifications

site/file structure

---

• Assignment – building site information architecture