A Project Guide to UX Design: For User Experience Designers in the Field or in the Making, 3rd Edition

13 Wireframes and Prototypes

Exploring Design Ideation Early, Often, and Before Committing Code

Wireframes and prototypes are ways to validate the proposed functionality, content hierarchy and structure, functional behaviors, and interaction of a product before a line of code (generally) has been written. When combined with site maps, task flows, or both, they become a powerful tool in your kit to validate that you’re meeting user needs while working toward the goals of the product. Wireframes and prototypes may be presented as sketches or as static grayscale content without many graphical elements. If you have the benefit of working with a design system in place, however, they may very closely resemble a final design. Essentially, wireframes ...