1 / 8

Creating The Flow Chart

Learn how to create a flow chart storyboard to visualize and organize your website effectively. Understand the importance of structure and connectivity for a successful web presence.

robertdwright
Download Presentation

Creating The Flow Chart

An Image/Link below is provided (as is) to download presentation Download Policy: Content on the Website is provided to you AS IS for your information and personal use and may not be sold / licensed / shared on other websites without getting consent from its author. Content is provided to you AS IS for your information and personal use only. Download presentation by click this link. While downloading, if for some reason you are not able to download a presentation, the publisher may have deleted the file from their server. During download, if you can't get a presentation, the file might be deleted by the publisher.

E N D

Presentation Transcript

  1. Creating The Flow Chart Storyboard your site map

  2. Why? • Because of the nature of their design, web sites don't lend themselves to traditional, linear outlines. • Instead, create a simple site map with a flow chart. Your topmost box will be your splash page. • Identify the major areas of your site. • Identify the areas subordinate to each main area. Be careful to keep similar areas parallel in the flow chart. • Use the flow chart to get a sense of the framework of your site and the relative importance of the various elements of your site.

  3. What is it? • A flow chart, or storyboard, is an illustration of the relationships among the various individual files (i.e., web pages) that constitute your site. The storyboard will be a picture of the levels of your site. • You might want to base your storyboard on your sentence outline. • You might want to start with a blank sheet of paper and Post-It notes: write the titles of topics and subtopics on the Post-It notes and experiment with their arrangement on the blank sheet. • You can use the organization chart software that comes with Microsoft Word to create a storyboard. • High-end web page editing software can also help you create your storyboard.

  4. A Simple Storyboard Site Map • For this site you are likely to want a home page with links to the major sections of your site.

  5. Moving On • As you develop the individual pages in each area of your site, you will add boxes subordinate to each of the boxes listing the main areas of your site • Use the flow chart to keep track of your navigational structure. • Each page should also link back to its parent page. • Each child page should also link back to its parent and its aunts and uncles. • In addition, all pages should contain your address file (i.e., an e-mail address to contact you as author of the site and a Last Update date) and a link to your home page. • Remember that your storyboard structure must reflect the structure of your web site and your web site should take advantage of the nonlinear structure of the web itself.

  6. Incorrect Storyboard • Sometimes, however, an early storyboard will project a linear view of the web site, a view that implies that the visitor will be directed to view your files in a particular order. • Here is a storyboard that implies that a site section is to be viewed in a linear fashion:

  7. Correct Storyboard • But in a typical well-designed web site, a section of the site has a cover page. From that cover page, the site visitor can access any of the other pages related to that subject.  • Here is what such a storyboard would look like:

  8. Check for Understanding

More Related