|
|
Webdesign
Documentation
Webdesign documentation is used to visually plan the site while taking
into account the purpose, audience and content, to design the site structure, content
and interactions that are most suitable for the website.
Documentation may be considered
a prototype for the website – a model which allows the website layout to be reviewed,
resulting in suggested changes, improvements and/or enhancements.
This review process
increases the likelihood of success of the website. First, the content is categorized
and the information structure is formulated.
The information structure is used to
develop a document or visual diagram called a site map. This creates a visual of
how the web pages will be interconnected, which helps in deciding what content will
be placed on what pages.
There are three main ways of diagramming the website structure:
- Linear Website Diagrams will allow the users to move in a predetermined sequence
-
Hierarchical structures (of Tree Design Website Diagrams) provide more than one
path for users to take to their destination
-
Branch Design Website Diagrams allow
for many interconnections between web pages such as hyperlinks within sentences.
In addition to planning the structure, the layout and interface of individual pages
may be planned using a storyboard. In the process of storyboarding, a record is
made of the description, purpose and title of each page in the site, and they are
linked together according to the most effective and logical diagram type.
Depending
on the number of pages required for the website, documentation methods may include
using pieces of paper and drawing lines to connect them, or creating the storyboard
using computer software.
Some or all of the individual pages may be designed in
greater detail as a website wireframe, a mock up model or comprehensive layout of
what the page will actually look like. This is often done in a graphic program,
or layout design program. The wireframe has no working functionality, only planning.
|
|
Previous <<
Compatibility vs. Restrictions
|
Next >>
Planning |
|
|