Which term describes a basic visual guide outlining the structure of a web page without detailed design elements?

Which term describes a basic visual guide outlining the structure of a web page without detailed design elements?

• A. Wireframe
• B. Mockup
• C. Prototype
• D. Style guide

Answer: (A)

Wireframes are low-fidelity representations that lay out the structure of a web page, focusing on where elements sit and how the user will navigate through the interface rather than on visual styling. They serve as a simple blueprint to communicate layout, content blocks, and hierarchy—headers, navigation, main content, sidebars, and footers—without details like color, typography, or images. This separation lets designers and stakeholders discuss usability and information architecture early in the process before any visual design decisions are made. In contrast, a mockup adds realistic visuals with colors and typography, a prototype brings interactivity to demonstrate behavior, and a style guide codifies design rules for consistency. So the basic visual guide outlining structure without detailed design elements is a wireframe.

Wireframes are low-fidelity representations that lay out the structure of a web page, focusing on where elements sit and how the user will navigate through the interface rather than on visual styling. They serve as a simple blueprint to communicate layout, content blocks, and hierarchy—headers, navigation, main content, sidebars, and footers—without details like color, typography, or images. This separation lets designers and stakeholders discuss usability and information architecture early in the process before any visual design decisions are made. In contrast, a mockup adds realistic visuals with colors and typography, a prototype brings interactivity to demonstrate behavior, and a style guide codifies design rules for consistency. So the basic visual guide outlining structure without detailed design elements is a wireframe.