Chapter Objectives Describe - PowerPoint Presentation

Chapter Objectives Describe the Web site development planning processComplete Step 1: Define the site’s purposeComplete Step 2: Identify the site’s target audienceComplete Step 3: Determine the site’s general contentComplete Step 4: Select the site’s structure Chapter 3: Planning a Successful Web Site: Part 1 2

The Web Site Development Planning Process Chapter 3: Planning a Successful Web Site: Part 13

Step 1: Define the Purpose Decide on a topic for the Web siteList the goals of the Web siteDetermine your objectivesPurpose statement written explanation of overall goals and specific objectives utilized to achieve goals. More on Web Primary goal Secondary goals objectives

Step 1: Determine Your Goals Goals – results of Web site in specific time frameReflect a realistic time frameExample in Book – retirement planning web siteInvesting money for retirementGoals for one year periodPromote online awareness of companyEducate visitors on retirement strategiesProvide tools and methods for retirement investment strategies

Step 1: Determine Your Objectives Goals – methods utilized to accomplish goalsTestimonials from satisfied customers20% discount for purchases made in next 30 daysExample in Book – retirement planner ObjectivesEstablish credibility of companyProvide sound financial adviceMake available an analysis tool to determine current assetsProvide a method to calculate anticipated retirement needsDetermine strategies to achieve retirement goalsDevelop individualized retirement investment plans

Your Turn! (page 72) Exploring Purpose StatementsVisit the Web Design Chapter 3 Online Companion Web page scsite.com/web3e/ch3/ and click Dr. Gourmet,  Oakland, and San Jose in the Your Turn links to review thee Web site purpose statements. Write down your visitor expectations for the content and design of each Web site based solely on the information contained in its purpose statement . Do not look at other site pages. Next, review the home page and at least two subsidiary pages at each site. Is each site's purpose statement reflected in the site's content and design ? If yes, how? If no , what is missing?

Step 2: Identify the Site’s Target Audience Define the needs of the audienceDevelop a preliminary audience profileChapter 3: Planning a Successful Web Site: Part 18 More on Web

Step 2: Identify the Audience how old age rangeWhat genderEducational backgroundsCareers, income levels, and lifestylesWhere do they live

Step 2: Define the Needs of Your Audience What are they expecting to gain from your Web siteNeed quick facts or in-depth explanationsbiasesExperienced Web usersInternationalCultural differences, norms, and customs

Step 2: Develop the Audience Profile limited resources and tight time frameUse audience’s top two or three needsContinually gather feedbackFine-tune and add to audience profile

Step 3: Determine the Site’s General Content The home page is often the first page a visitor seesShould include:WhoWhatWhereSearch featureChapter 3: Planning a Successful Web Site: Part 112 Who? answered by company logo and name Where? answered by links What? Answered by photos and text More on Web

Step 3: Determine the Site’s General Content Web sites often include multiple subsidiary or underlying pagesShould include the same elements as its home page:NameLogoTypefaceColor schemeChapter 3: Planning a Successful Web Site: Part 113

Step 3: Determine the Site’s General Content Chapter 3: Planning a Successful Web Site: Part 114Links back tohome page Logo, company, name typeface, color scheme, and link placement maintain visual identity with the home page

Step 3: Determine the Site’s General Content A splash page uses images, animation, and sound to capture visitors’ attention and draw them into the siteChapter 3: Planning a Successful Web Site: Part 115 More on Web

Step 3: Determine the Site’s General Content Should include value-added content:RelativeInformativeTimelyAccurateHigh qualityUsableChapter 3: Planning a Successful Web Site: Part 116

Step 3: Determine the Site’s General Content TextPrimary component of a Web siteGuidelines to considerAbbreviate textChunk information for scannabilityAdd hyperlinks to explanatory or detailed informationUse active voice / friendly toneRemove transitional wordsDo not use Web clichésUse Register online instead of Click here to register

Your Turn! (page 81) Exploring Purpose StatementsReview the public domain Q & A and then visit the Web Design Chapter 3 Online Companion Web page scsite.com/web3e/ch3/ and click  FTC in the Your Turn links. Locate the Key Publication section on the FTC Identity Theft page and open a copy of a PDF publication on identity theft in your browser; print the publication. (Copy and Paste into Word document the 4 paragraphs of text you repurpose instead of printing as book says) Using the guidelines for repurposing text from print publications, repurpose at least four paragraphs from the printed publication for your own Web site. As an acknowledgement, cite the source of the repurposed text in a line below the text. Submit your repurposed text to your instructor. Be prepared to compare your repurposed text with the original printed publication text in class.

Step 3: Determine the Site’s General Content ImagesAfter text most commonly included content element on Web sites (motivate visitors)Can personalize and familiarize the unknownChapter 3: Planning a Successful Web Site: Part 119

Step 3: Determine the Site’s General Content PhotographsCan help deliver a message or prompt an actionSelect high-quality, relevant pictures

Step 3: Determine the Site’s General Content AudioLow-bandwidth alternative to videoVary in both form and intensityIncorporate audio into a Web site to personalize a message, enhance recall, set a mood, or sell a product or serviceGlowing testimonial from satisfied customerCatchy jingleChapter 3: Planning a Successful Web Site: Part 121

Step 3: Determine the Site’s General Content VideoVideo clips incorporate movement and soundExtremely large sizes of videoChoice for designers is to limit size of downloadable video files or generate streamingDownloadable Video – downloaded in its entirety before it can be heard or seenStreaming Video – begins to play as soon as the data begins to stream or transferChapter 3: Planning a Successful Web Site: Part 122

Step 3: Determine the Site’s General Content AnimationsWidely used to attract attention and enliven Web pagesAdds interest and appeal to Web pagesOveruse of animations can become distracting and annoyingAnimated GIFGives the appearance of moving pictures

Step 3: Determine the Site’s General Content MultimediaAdd action, excitement, and interactivity to your Web siteViewers are intrigued and entertained by multimedia presentationsMultimedia presentations can be interactiveUsers can participateHelper ApplicationsPlug-ins – software program allows certain content to function within the currently viewed Web pageAdobe acrobat plug-in needed for PDF files

Step 3: Determine the Site’s General Content Chapter 3: Planning a Successful Web Site: Part 125More on Web

Step 3: Determine the Site’s General Content Dynamically Generated ContentServed up to your Web site visitor triggered by a specific eventFrequently called up from a databaseActive Server Pages – Microsoft ASP. NetScripting languages – Open source PHPChapter 3: Planning a Successful Web Site: Part 126

Step 3: Determine the Site’s General Content Chapter 3: Planning a Successful Web Site: Part 127Visitors to this site candynamically obtain a variety of information from theuniversity database

Step 3: Determine the Site’s General Content Plan an organized file systemSeparate into logical subfoldersHTML, photographs, audio, and video filesCreate subfolder to place original filesWord processing filesGraphics filesThese files will later be transformed into Web-usable formatsRegularly create back upsChapter 3: Planning a Successful Web Site: Part 1 28

Step 4: Select the Site’s Structure Outline your Web Site – serve as a blueprint and define major navigational paths.Use flowchart, storyboard, sticky notes, index cards, or text outlineStructure information to achieve Web site’s purposeChoose the method that you find most flexible and comfortableLinear / tutorial structureRandom structureHierarchical structureChapter 3: Planning a Successful Web Site: Part 129

Linear/Tutorial Structure Presents information in a specific orderHistorical or chronological orderTraining websiteChapter 3: Planning a Successful Web Site: Part 130 Linear/tutorial structure controls user navigation by progressing users through one Web page at a time

Random Structure Presents information without a specific orderUse only for small Web sitesChapter 3: Planning a Successful Web Site: Part 131random structure allows visitors to navigate pages in any preferred order

Hierarchical Structure Organizes information into categories and subcategoriesBest used in organizational / topical Web sitesChapter 3: Planning a Successful Web Site: Part 132 hierarchical structure organizesinformation into categories and subcategories

Hierarchical Structure Chapter 3: Planning a Successful Web Site: Part 133More on Web

Chapter Summary Describe the Web site development planning processComplete Step 1: Define the site’s purposeComplete Step 2: Identify the site’s target audienceComplete Step 3: Determine the site’s general contentComplete Step 4: Select the site’s structure Chapter 3: Planning a Successful Web Site: Part 1 34

Case Study # 3 Case Study Page 98Do steps 1-2 to produce 1 page paper using Word.See assignment web page for details.