Diese Präsentation wurde erfolgreich gemeldet.
Wir verwenden Ihre LinkedIn Profilangaben und Informationen zu Ihren Aktivitäten, um Anzeigen zu personalisieren und Ihnen relevantere Inhalte anzuzeigen. Sie können Ihre Anzeigeneinstellungen jederzeit ändern.

Planning A Web Site Structure

1.770 Aufrufe

Veröffentlicht am

Veröffentlicht in: Bildung, Technologie, Business
  • Loggen Sie sich ein, um Kommentare anzuzeigen.

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 />