CS2020:   Web Science, Sytems and Design

The Design Plan


The Design Plan is a document that describes the concept,design and plan to create one or more web-pages.

Click here for Design Plan Template

Components

The following should be written with a word processor like Word and each component becomes a section in your Design Plan Document.
  1. Cover Page: Has title "Design Plan for XXXXX" where XXXX is the name of the current web-authoring project. Followed by the Author(s) of the document, the date and contact information (email,etc) of the Author(s).
  2. Concept Summary: A paragraph describing the goals and purpose of the web-page. Included should be mention of who the target audience is and the intended impact.
  3. Logical/Navigation Flowchart: This section of your Design Plan is a chart that illustrates graphically the different webpages or components of them and their interactions/links to each other. The chart if possible should be written on a single page of paper and should clearly illustrate how the user can navigate around the web-site.
  4. Resource Plan: This section lists the people involved in the project and their responsibilities and what they must deliver. Also, a time-line schedule should be given discussing when each component in the Logical/Navigation Flowchart will be completed along with Content development and final testing.
  5. Detailed Design Sheets: Here the major components stylistically from the Logical/Navigation Flowchart are planned on paper as to their appearance and function. You are to use the following word document template of a web-browsers screen to draw-on and illustrate the buttons, text, etc. that will appear on that "major style web-page component". Design Sheet (in Word)
© Lynne Grewe