Planning a Successful Web Site - SUNY Oswego - Computer Science by mudoc123

VIEWS: 4 PAGES: 34

									Web Design,
2nd Edition
Chapter Objectives

 Develop Part 1, the first 4 steps, of this six-step
  design plan for a Web site
 Determine the goals and objectives of a Web site
 Define a Web site’s purpose and write a purpose
  statement for a Web site
 Identify the audience and their needs
 Describe and apply methods for choosing content
  that will add value and further the objectives of a Web
  site


Chapter 3: Planning a Successful Web Site: Part 1           2
Chapter Objectives

Explain repurposing content for Web usage
Discuss common content elements and
 describe the content typically found on
 different types of Web sites
Discuss the impact photographs can add to a
 Web site
Explain the difference between multimedia and
 interactive multimedia

Chapter 3: Planning a Successful Web Site: Part 1   3
Chapter Objectives

Describe how animation can be utilized
 effectively
Explain the difference between downloadable
 and streaming media
Differentiate among Web site structures
Understand the specific functions of Web
 pages



Chapter 3: Planning a Successful Web Site: Part 1   4
Web Site Development Process




Chapter 3: Planning a Successful Web Site: Part 1   5
Step 1: Define the Purpose

List the goals of the Web site
Decide on a topic for the Web site
Determine your objectives




Chapter 3: Planning a Successful Web Site: Part 1   6
Step 2: Identify the Audience

Define the needs of the audience
     – Develop a preliminary audience profile




Chapter 3: Planning a Successful Web Site: Part 1   7
Step 3: Plan the Content

Content is critical to the success of a Web site
Value-Added Content
     – Develop relative, informative, and timely content
     – Do not duplicate content created for print on Web
       pages - Repurpose the content so it will add value




Chapter 3: Planning a Successful Web Site: Part 1           8
Step 3: Plan the Content

Text
     – Primary component of a Web site
     – Guidelines to consider
          •   Abbreviate text
          •   Chunk information
          •   Add hyperlinks to explanatory or detailed information
          •   Use active voice / friendly tone
          •   Remove transitional words
          •   Do not use Web clichés




Chapter 3: Planning a Successful Web Site: Part 1                     9
Step 3: Plan the Content

Photographs
     – Most commonly included content element on Web
       sites
     – Can personalize and familiarize the unknown




Chapter 3: Planning a Successful Web Site: Part 1      10
Step 3: Plan the Content

Photographs
     – Can help deliver a message or prompt an action
     – Select high-quality, relative pictures




Chapter 3: Planning a Successful Web Site: Part 1       11
Step 3: Plan the Content

Multimedia
     – Add action, excitement, and interactivity to your
       Web site
     – Viewers are intrigued and entertained by
       multimedia presentations
     – Multimedia presentations can be interactive
          • Users can participate
          • Helper Applications
          • Plug-ins



Chapter 3: Planning a Successful Web Site: Part 1          12
Step 3: Plan the Content                              Using multimedia
                                                        created with
                                                    Macromedia Flash, the
                                                        U.S. Air Force
                                                     accomplishes some
                                                    impressive recruiting




Chapter 3: Planning a Successful Web Site: Part 1                           13
Step 3: Plan the Content

Animations
     – Widely used to attract attention and liven Web
       pages
     – Adds interest and appeal to Web pages
     – Overuse of animations can become distracting and
       annoying
     – Animated GIF
          • Gives the appearance of moving pictures



Chapter 3: Planning a Successful Web Site: Part 1         14
Step 3: Plan the Content




Chapter 3: Planning a Successful Web Site: Part 1   15
Step 3: Plan the Content

Audio
     – Low-bandwidth alternative to video
     – Incorporate audio into a Web site to personalize a
       message, enhance recall, set a mood, or sell a
       product or service




Chapter 3: Planning a Successful Web Site: Part 1           16
Step 3: Plan the Content

Video
     – Video clips incorporate movement and sound
     – Extremely large sizes of video
          • Downloadable vs. Streaming Video




Chapter 3: Planning a Successful Web Site: Part 1   17
Step 3: Plan the Content

Dynamically Generated Content
     – Served up to your Web site visitor triggered by a
       specific event
          • Frequently called up from a database
     – Active Server Pages
     – Scripting languages




Chapter 3: Planning a Successful Web Site: Part 1          18
Step 3: Plan the Content




Chapter 3: Planning a Successful Web Site: Part 1   19
Step 4: Plan the Structure

Outline your Web Site
     – Choose the method that you find most flexible and
       comfortable
          • Linear / tutorial structure
          • Random structure
          • Hierarchical structure




Chapter 3: Planning a Successful Web Site: Part 1          20
Linear Structure

Presents information in a specific order
     – Training website




Chapter 3: Planning a Successful Web Site: Part 1   21
Random Structure

Presents information without a specific order
Use only for small Web sites




Chapter 3: Planning a Successful Web Site: Part 1   22
Hierarchical Structure

 Organizes information
  into categories and
  subcategories
 Best used in
  organizational / topical
  Web sites




Chapter 3: Planning a Successful Web Site: Part 1   23
Hierarchical Structure




Chapter 3: Planning a Successful Web Site: Part 1   24
Preparing for Step 5

Home Page
     – First page visitors will see
     – Indicate to visitors what they have accessed
     – Might include the following:
          • Image maps
          • Search function
          • Directory




Chapter 3: Planning a Successful Web Site: Part 1     25
Preparing for Step 5




Chapter 3: Planning a Successful Web Site: Part 1   26
Preparing for Step 5

Splash Page
     – Provides elements of interest that draws visitors to
       your Web site
     – Might contain powerful multimedia such as
       graphics, sound, and movements
     – Some visitors consider splash pages a nuisance




Chapter 3: Planning a Successful Web Site: Part 1             27
Preparing for Step 5




Chapter 3: Planning a Successful Web Site: Part 1   28
Preparing for Step 5

Underlying pages
     – Connects and combines the Web site
     – Underlying pages should:
          • Have a look that shows a definite visual connection with
            the home page and other underlying pages
          • Clearly display the Web site name
          • Provide a link to the home page




Chapter 3: Planning a Successful Web Site: Part 1                      29
Preparing for Step 5




Chapter 3: Planning a Successful Web Site: Part 1   30
Chapter Summary

 Develop Part 1, the first 4 steps, of this six-step
  design plan for a Web site
 Determine the goals and objectives of a Web site
 Define a Web site’s purpose and write a purpose
  statement for a Web site
 Identify the audience and their needs
 Describe and apply methods for choosing content
  that will add value and further the objectives of a Web
  site


Chapter 3: Planning a Successful Web Site: Part 1       31
Chapter Summary

Explain repurposing content for Web usage
Discuss common content elements and
 describe the content typically found on
 different types of Web sites
Discuss the impact photographs can add to a
 Web site
Explain the difference between multimedia and
 interactive multimedia

Chapter 3: Planning a Successful Web Site: Part 1   32
Chapter Summary

Describe how animation can be utilized
 effectively
Explain the difference between
 downloadable and streaming media
Differentiate among Web site structures
Understand the specific functions of Web
 pages

Chapter 3: Planning a Successful Web Site: Part 1   33
Web Design,
2nd Edition

								
To top