| When thinking about developing a website, web | | | | documentation process. With a storyboard, the |
| design documentation planning is an important part of | | | | layout and interface of the individual pages are |
| that process. Documentation is useful in visually | | | | planned. A record is made of the purpose, description |
| planning the website while thinking about the purpose, | | | | and title of each page on the website. They are then |
| audience and content, the site structure design as | | | | linked together according to the most logical and |
| well as the interactions that are most suitable for the | | | | effective diagram type. Web design documentation |
| website. | | | | methods may include pieces of paper and drawing |
| Web design documentation can be considered an | | | | lines to connect them with each other. Another |
| initial prototype for the website - a model that allows | | | | method is by using computer software to create the |
| the website layout to be reviewed which can result | | | | storyboard. |
| in suggested changes, enhancements and/or | | | | The final step in the web design documentation |
| improvements. The likelihood of success of the | | | | process is to create a website wireframe. This allows |
| website increases dramatically when this review | | | | the individual pages to be designed in greater detail |
| process is used. | | | | by using a mock up model or comprehensive layout |
| Developing the information architecture is the first | | | | of what each page will actually look like. This is |
| step in developing the documentation. This is where | | | | typically done with a layout design program or graphic |
| the content is categorised and the information | | | | design program. There is actually no functionality in |
| structure is formulated. A site map is typically put | | | | the wireframe, only planning. Although, it can be used |
| together that provides a visual representation of the | | | | to sell ideas to other web design companies. |
| information structure. This shows how the web | | | | Creating web design documentation is an important |
| pages and/or content will be interconnected to each | | | | part of the entire website design. When done |
| other. It also may help in deciding what content will | | | | properly, the possibility of success of your website |
| be placed on which web page. | | | | increases exponentially. |
| A storyboard may also be used during the | | | | |