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.
A wireframe 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 a wireframe 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.