• Content Inventory
• Site Map Diagram
• Wireframes
• Prototypes/Screen Designs

Prototypes/Screen Designs

After visual designers have reviewed wireframes, they can develop higher-fidelity screen designs. Screen designs are full-color prototypes that illustrate the visual design of various page templates of a website, including the intended placement of various elements of the web page. For example, page content should be as close as possible to the actual intended content for the next stage of user testing. During user testing, screen designs may be used as they are (as paper-prototypes), or they can be turned into working wireframes by adding links that actually work.