Best practices for wireframing

Before we move on to discussing how to create an interactive prototype, here are a few best practices for creating wireframes:

  • Use color sparingly, if at all: Wireframes are simple line drawings at their most basic. This is one of the reasons they are useful for layout and interaction design. Color can be distracting, both to the designer and to the client, who may feel the need to comment on the look and feel of the design prematurely.
  • Name widgets descriptively: If you are creating wireframes for more than a couple of web pages, you will end up with a lot of widgets or elements in your design. These can become confusing and difficult to find and specify unless you name them descriptively. For example, Sign ...

Get UX for the Web now with O’Reilly online learning.

O’Reilly members experience live online training, plus books, videos, and digital content from 200+ publishers.