Chapter 7. Wireframes

image

A simplified view of what content will appear on each screen of the final product, usually devoid of color, typographical styles, and images. Also known as schematics, blueprints.

Wireframes At-A-Glance

Wireframes describe the contents of a web page and their relative priorities. They help the project team envision the functionality and behavior of different screens, or more commonly, different screen templates. Most renditions of wireframes are laid out to look like web pages.

Purpose—What are wireframes for?

Wireframes can do lots of things. Ultimately, they help the project team establish the functionality, behaviors, ...

Get Communicating Design: Developing Web Site Documentation for Design and Planning, Second Edition now with the O’Reilly learning platform.

O’Reilly members experience books, live events, courses curated by job role, and more from O’Reilly and nearly 200 top publishers.