01 See, for example, Brown, D. M. (2010). Communicating Design: Developing Web Site Documentation for Design and Planning. New Riders.
Wireframes are nongraphical schematics of the layout or arrangement of a web page or a software/app interface, including navigational structures as well as content elements. [01] Most of the elements, however, are more hinted than explicit, which makes early wireframes fast to create, requiring less specialized skills and resources.
Wireframes are often used to align the different disciplines within a design team. Connecting the underlying conceptual structure (including available functions or information architecture) to the visual design, wireframes help the team to understand and explore how the different parts of the software work together. They can also be used to map out user journeys or act as the starting point for a paper prototype or interactive click-model. Wireframes are like a versatile blueprint for digital interfaces and can also be used to define user interface specifications, transitions, and gestures, as well as to map many other important aspects.
