Developing a Design Plan for a Web Site: Part 1

1
Developing a Design Plan for a Web Site Part 1

• Web Design - Chapter 3

2
(No Transcript)
3
Step 1 Define the Purpose

• Decide on a Topic
• List the Goals of the Web Site
• Develop a Purpose Statement

4
Step 2 Identify the Audience

• Define the Goals and Needs of the Audience
• Audience Profile
• Avoid try to reach too many different audiences

5
Step 3 Plan the Content

• Value-added content will be
• relative, informative, and timely
• Accurate and high-quality
• Usable
• Do not duplicate content created for print on Web
  pages. Repurpose the content so it will add
  value.

6
Step 3 Plan the Content, continued

• Text
• Abbreviate
• Chunk
• Add hyperlinks to detailed info
• Use the active voice friendly tone
• Do not use Web clichés

7
Step 3 Plan the Content, continued

• Photographs
• A picture is worth a thousand words.
• Multimedia
• Some combo of text, graphic images, animation,
  audio, or video
• Can be interactive
• Downloadable vs. Streaming media?

8
Step 3 Plan the Content, continued

• Before adding multimedia think about these
  questions
• Will it add value to my Web site and further the
  objective I have defined?
• Does it match my audience profile?
• Are visitors expecting cutting-edge technology?
• Will visitors feel that experiencing the content
  is worth the time if they must download a special
  player or plug-in?

9
Step 4 Plan the Structure

• Outline your web site, based on the outline
  decide on a structural theme.
• Linear/Tutorial
• Random
• Hierarchical
• Large web sites will usually use a combination

10
Linear/Tutorial Structure
11
RandomStructure
12
HierarchicalStructure
13
Functions of Web Pages

• Home Page 1st page
• Clearly indicated what kind of site
• Draw visitors in
• Serve as the entry to major content
• Site directory or search function
• Provide methods of contact
• Establish the visual identity of site

14
Functions of Web Pages, continued

• Splash page draw the user in
• Secondary page
• has a visual connection with the home page and
  other secondary pages
• Clearly displays the web site name
• Provides link to home page

15
Titling Your Web Pages

• May be the first thing user sees
• If user bookmarks your page, the bookmark will
  reflect the title

ltHTMLgt ltHEADgt ltTITLEgtIndexlt/TITLEgt lt/HEADgt
16
Develop a File System

• Small web site, lt30 files use one folder
• Large web site, gt30 files use separate logical
  subfolders