Examples of workflow documents and specifications used in creating user interface and web designs.

A proper sitemap provides an easily understood visual map of how a site will work. The sitemap example above comes from the MSN Mobile website redesign project. A complex series of user actions needed to be worked out in advance. With a short time-frame for the project, clear and concise communication with the client was essential.

The example spec above is one page from the AtomFilms WAP project, which involved building a text-based site for mobile phone browsers. The specs were built based on a rough outline of content provided by the client.

The buttons spec'd out above provided valuable information to the coders who would be building the MSN Mobile web site, based on this and other detailed page specifications built for the client.

A project website provides a central repository for all information, designs and specifications during a project, allowing easy access to valuable information for both the client and designer.