O'Reilly logo

A Project Guide to UX Design: For User Experience Designers in the Field or in the Making by Carolyn Chandler, Russ Unger

Stay ahead with the world's most comprehensive technology and business learning platform.

With Safari, you learn the way you learn best. Get unlimited access to videos, live online training, learning paths, books, tutorials, and more.

Start Free Trial

No credit card required

11. Wireframes and AnnotationsDesign and Direction—Before the Visual Design Begins

Wireframes and annotations are ways to identify the proposed content and structure, as well as functional behaviors, of a view of a Web page or an application. When combined with site maps and task flows, these documents are also extremely useful for identifying prototyping scenarios and proof of concepts. Wireframes are typically presented in grayscale, bereft of graphical elements or finalized content; instead they use placeholder content to highlight representative locations that can be used as guidance in the visual design.

Russ Unger

What Is a Wireframe?

Basically a low-fidelity prototype of a Web page or application screen, a wireframe

With Safari, you learn the way you learn best. Get unlimited access to videos, live online training, learning paths, books, interactive tutorials, and more.

Start Free Trial

No credit card required