Glossary
Wireframe
What is a wireframe?
A wireframe is a simplified representation of a page or screen. It shows proposed layout, content areas, and interface elements, often with limited visual detail.
Wireframing is the process of creating these representations. A wireframe might show navigation, headings, content blocks, form fields, and buttons so the team can discuss what belongs on the screen and where.
How it works
Wireframes can range from sketches to digital layouts. They help discuss structure and content priority before full implementation. Include enough realistic content for the question being asked.
A static wireframe cannot fully describe dynamic behavior. User flows or interactive prototypes can show what happens between screens and after an action.
Example
A designer might compare product-page layouts emphasizing reviews, related items, or technical specifications. The discussion can expose assumptions about what users need. Agreement among stakeholders does not establish which arrangement serves users best.
Why it matters
A wireframe makes proposed structure visible and easier to change. It supports design discussion and testing.