Planning A Web Site Structure

985
-1

Published on

Published in: Education, Technology, Business
0 Comments
2 Likes
Statistics
Notes
  • Be the first to comment

No Downloads
Views
Total Views
985
On Slideshare
0
From Embeds
0
Number of Embeds
0
Actions
Shares
0
Downloads
28
Comments
0
Likes
2
Embeds 0
No embeds

No notes for slide

Planning A Web Site Structure

  1. 1. Planning a Web Site<br />Determining Your Site’s Structure<br />
  2. 2. Planning the Structure<br />Determine the audience and purpose and then design the structure<br />“Form follows function”<br />Design the functions first, the form will follow naturally<br />
  3. 3. Planning the Structure<br />A flow chart is a useful tool for structuring a Web site. It should:<br />Describe WHAT is in the site<br />Explain HOW some of the functions will work<br />Use a written description of the function of the page/site<br />Explain the purpose/function of each page<br />Each page should serve a purpose<br />
  4. 4. Describe Site Functions<br />Begin with a written description of the site’s functions<br />These statements flow from the site’s statement of purpose<br />List your Goals and Objectives<br />Then write a Statement of Functionality for each one (See the next page for an example)<br />
  5. 5. Site Structure Template<br />
  6. 6. Planning the Structure<br />Avoid meaningless generalities<br />Be concrete<br />Be detailed<br />Use action verbs<br />Consider the user’s perspective<br />
  7. 7. Planning the Structure<br />Flow charts<br />Bring the site to life<br />Enable the designer to “see” the site’s structure and the user’s path<br />Map the navigation for the site<br />Documents the web site<br />Complex sites may need details broken into more than one sheet<br />
  8. 8. Simple Flow Chart Example <br />
  9. 9. Planning the Structure<br />Specifications (speccing out)<br />List all of the items to be included in the site<br />Filename<br />Text<br />Images<br />Links<br />Menus<br />
  10. 10. Speccing the Site<br />Once you’ve defined the specs, building the site is a breeze<br />Don’t worry about visual design or color or the “look and feel” of the Web site<br />Focus on the functions – these are the ESSENCE of a Web site<br />
  11. 11. Speccing the Site<br />“Form follows function”<br />Design the functions first, describing them from the user’s perspective<br />Then create the form (structure) of the site to fulfill these functions<br />Colors, designs, logos and technologies are all forms which must come later<br />They are subservient to the functional needs of the user.<br />
  12. 12. Specced out Page<br />From the Flow Chart:<br />Filename: func1det1st2.htm<br />Images: none<br />Multimedia: none<br />Text: Do step 2 here<br />Links: home, http://link1, http://link2<br />Menu Items: next, back<br />Function1 Detail1 Step 2<br />
  1. A particular slide catching your eye?

    Clipping is a handy way to collect important slides you want to go back to later.

×