Skip to main content
wireframe

wireframe

1 5.1
A simple sketch that shows the basic layout of a website or app
  • noun
  • /ˈwaɪərˌfreɪm/
  • Specialized
translation icon : wireframe
  • The team examined the wireframe to ensure every element was placed logically for the user experience.

Examples

  • We want a well-defined UX, with a complete wireframe stack before we plan a release.

    Blog text (17)
  • Before starting the design process, we always draft a wireframe to visualize the interface layout.

  • Andrew: So, version 1.0 was the wireframe mock-up that you showed clients to get their feedback.

    Blog text (14)
  • These were all developed from wireframes I did for the main 30-40 pages and page components across the primary site.

    Blog text (10)
  • I believe that wireframes are an informal tool of communication when brainstorming ideas.

    Blog text (10)
  • I got a chance to work on wireframes and UX documentation of mobile apps a few months back.

    Blog text (22)
  • Wireframes detail the user interface, and usability testing or similar techniques are used to refine it.

    Blog text (27)
  • Designers and graphic designers constructed wireframes, then traced, scanned, and rendered them.

    Academic text (2006)
  • In effect, I think the wireframes are not part of the specification; they are part of the deliverable, and our (often long) Iteration 0 reflects this, with the wireframes considered a key deliverable to help the customer work out what they want and how it might work.

    Blog text (17)
  • The designer created a wireframe to outline the layout of the new website before adding any details.

Synonyms

layout
vswireframe
128 3.5

The way the parts of something are arranged, like on a page or in a room

is a quick visual outline that shows basic interface structure
set-out
vswireframe
  • Specialized
3.9

The arrangement of text and images on a page or screen

is a simple sketch showing basic interface structure and arrangement

How Detailed

wireframe
  • Specialized
1 5.1
sketch
150 2.5

Surface Forms

wireframe singular
wireframes plural

Morphology

wireframe = wire + frame (semi-transparent) = wire + frame

The UI sense is a metaphorical extension of 'wire'+'frame' (an outline of structure), so the relation is understandable but specialized.

Etymology

The word wireframe joins wire ('thin metal string') and frame ('structure' or 'skeleton'). Designers borrowed the idea of a simple wire model to mean a clear outline of a website or app, so a wireframe shows the basic layout without colour or decoration.