A wireframe is a visual representation of a product’s layout, incorporating the different interface elements set to appear across a website or application’s pages. It’s a simple, cost-effective method of demonstrating how a product will appear and function in the early stages of design.
Wireframes may be created as a rough illustration to save time and expense, while still showing a product’s core functionality clearly. Placeholders can be included for images or copy, to avoid feedback settling on whether the ‘right’ wording or visual elements have been used.
By sharing wireframes within the organization, stakeholders, UX designers, and other team members can address their concerns sooner, rather than waiting until days or weeks are invested in development.