A wireframe is a visual blueprint that outlines the basic structure, layout and navigation of a website before the web designer adds any detailed design elements or content. A wireframe also shows the placement of key elements, like content sections and interactive features.
Wireframes play an essential role in collaboration between web designers and their clients, as they help identify any friction points early on in the design process and give the client an extra chance to have a say before any time is spent going in the wrong direction.
See also: Visual hierarchy, Sitemaps
Further reading: How to Plan a Website – Our 7-Step Website Plan
