wireframe
n.n. a simple drawing or plan that shows the basic layout of a website or app. It uses lines and boxes to show where things go without using colors or images.
n. a visual guide that represents the skeletal framework of a digital interface. Focuses on the arrangement of interface elements and navigational structures rather than aesthetic design or content.
The designer showed us a wireframe of the new homepage.
Before we start the visual design, we need to approve the wireframe to ensure the user flow makes sense.
A well-constructed wireframe serves as a blueprint for developers, clarifying the functional requirements of the application before any high-fidelity assets are produced.
A compound of the nouns wire and frame. The term was established in computer graphics to describe three-dimensional models represented by their edge lines before being adopted for two-dimensional interface schematics.
Often used in the context of web design, software development, and user experience (UX) planning.