What is a blueprint-like diagram of a Web page layout?

• A. Wireframe
• B. Sitemap
• C. Mockup
• D. Prototype

Answer: (A)

A wireframe is a simple, blueprint-like diagram of a web page layout. It shows the basic structure and placement of elements—such as the header, navigation, content areas, sidebars, and footer—without visual styling, images, or typography. This low-fidelity sketch helps teams agree on where things should go and how users will move through the page early in the design process.

A sitemap, by contrast, maps the overall site structure and page relationships rather than the layout of a single page. A mockup adds Visual design, showing colors, fonts, images, and branding but remains a static representation. A prototype builds on a mockup by adding interactivity to simulate how the site behaves.