A wireframe is blueprint of a webpage or application interface that outlines the basic structure and layout without focusing on design elements like colors, fonts, or images.
They define how content and functionality will be presented to help stakeholders visualize the system early on, ensuring elimination of requirement gaps and alignment before development starts.
Wireframes typically use simple shapes (such as boxes and lines) to indicate elements like:
Forms
Input and display fields
Navigation Menus
Buttons & Links
They can be low-fidelity (hand-drawn sketches or simple grayscale digital layouts) or high-fidelity prototypes (detailed, interactive representations with more precise user interface elements).
