A low-fidelity blueprint of a screen or page showing layout, structure, and the arrangement of interface elements without visual design details. Wireframes communicate design intent quickly, facilitate early feedback, and allow structural decisions to be made before investing in visual polish.
Common contexts
- Sketching wireframes for three competing layout concepts before any team member opens a design tool
- Presenting a wireframe to stakeholders specifically to keep feedback structural rather than visual during an early project phase
- Using wireframes as the sole handoff artifact for a content migration project where layout logic matters more than visual design
Use when
Use wireframes when structural layout decisions need to be made and validated before any visual design investment — they're the fastest artifact for getting specific feedback on hierarchy, content organization, and flow logic without stakeholders fixating on colors or typography.
Avoid when
Don't use wireframes when the design challenge is primarily visual or interaction-quality — testing whether an animation feels right or whether a data visualization is readable requires fidelity that wireframes can't provide. Low fidelity is only useful when the question being answered is also low-fidelity.
Wireframes fail most often when they're too detailed — the more effort visible in a wireframe, the more reluctant stakeholders are to suggest structural changes, which defeats the entire purpose of working at low fidelity.
Real-world examples
- Airbnb's design team wireframes every new listing-page concept in greyscale in Figma before applying any visual design, a practice that prevents stakeholder feedback from fixating on colour and branding rather than structure and content.
- Google's early search results page wireframes (sketched on a whiteboard in 1998) established the 'blue link, green URL, grey snippet' structure that remains the foundation of their results page 25 years later.
- IDEO's design process explicitly separates wireframe reviews (for flow and content) from visual design reviews (for aesthetic and brand), a dual-phase critique structure that prevents conflation of structural and surface-level feedback.