Boxes, lines and placeholder text show where things sit, with no colour or styling. The plainness is deliberate, because it keeps the conversation on whether the layout makes sense rather than on which typeface to use.
Think of it like this. An architect draws a floor plan before choosing paint. Moving a wall on paper costs nothing. Moving it after the house is built costs a great deal.
Types
- Low fidelity. Boxes and lines, made in minutes and discarded without regret. Their value is exploring several structures instead of committing to the first.
- Mid fidelity. Real labels, approximate content, actual navigation. Detailed enough to communicate a specific direction. Most reviews happen here.
- High fidelity. Detailed and sometimes clickable, close to a mockup but still without final visual design. Appropriate once the structure is genuinely settled.
When to use it
Wireframe while the structure is still an open question, and stop once it is not.
There is a second benefit that is easy to miss. Rough artefacts get honest criticism. A polished mockup invites approval, because it looks finished and disagreeing with it feels like criticising someone's craft. A sketch invites people to say what is actually wrong.
Wireframes can also be usability tested. Paper is enough to reveal navigation and labelling problems long before anything is built.
Common mistakes
- Using placeholder text. Lorem ipsum hides the problems wireframes exist to reveal. Real headlines run long, real product names break layouts, and real empty states appear.
- Skipping straight to high fidelity. Working in colour anchors you to the first arrangement that looked good, which is rarely the best one available.
- Treating it as a deliverable. A wireframe is a thinking tool. If it is being polished for presentation, it has stopped doing its job.
Frequently asked questions
Key takeaways
- Stay low fidelity while the structure is still in question.
- Sketches get honest feedback. Polished comps get polite approval.
- Use real content. Placeholder text hides the problems you are looking for.
- Wireframes can be tested with users before anything is built.
