Chapter Objectives

2. Chapter Objectives • Describe the Web site development planning process • Complete Step 1: Define the site’s purpose • Complete Step2: Identify the site’s targetaudience • Complete Step 3: Determine the site’s generalcontent • Complete Step 4: Select the site’s structure Chapter 3: Planning a Successful Web Site: Part 1

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

4. Step 1: Define the Purpose More on Web • Decide on a topic for the Web site • List the goals of the Web site • Determine your objectives • Purpose statementwritten explanation of overall goals and specific objectives utilized to achieve goals. Primary goal Secondary goals objectives

5. Step 1: Determine Your Goals • Goals – results of Web site in specific time frame • Reflect a realistic time frame • Example in Book – retirement planning web site • Investing money for retirement • Goals for one year period • Promote online awareness of company • Educate visitors on retirement strategies • Provide tools and methods for retirement investment strategies

6. Step 1: Determine Your Objectives • Goals – methods utilized to accomplish goals • Testimonials from satisfied customers • 20% discount for purchases made in next 30 days • Example in Book – retirement planner Objectives • Establish credibility of company • Provide sound financial advice • Make available an analysis tool to determine current assets • Provide a method to calculate anticipated retirement needs • Determine strategies to achieve retirement goals • Develop individualized retirement investment plans

7. Your Turn! (page 72)Exploring Purpose Statements Visit the Web Design Chapter 3 Online Companion Web page scsite.com/web3e/ch3/ and clickDr. Gourmet,  Oakland, and San Jose in the Your Turn links to review thee Web site purpose statements. Write down your visitorexpectations for the content and design of each Web site based solely on the information contained in its purposestatement. Do notlook at other site pages. Next, review the homepage and at least twosubsidiarypages at each site. Is each site's purposestatementreflected in the site's content and design? If yes, how? If no, what is missing?

8. Step 2: Identify the Site’s Target Audience More on Web • Define the needs of the audience • Develop a preliminary audience profile Chapter 3: Planning a Successful Web Site: Part 1

9. Step 2: Identify the Audience • how old age range • What gender • Educational backgrounds • Careers, income levels, and lifestyles • Where do they live

10. Step 2: Define the Needs of Your Audience • What are they expecting to gain from your Web site • Need quick facts or in-depth explanations • biases • Experienced Web users • International • Cultural differences, norms, and customs

11. Step 2: Develop the Audience Profile • limited resources and tight time frame • Useaudience’s top two or three needs • Continually gather feedback • Fine-tune and add to audience profile

12. Step 3: Determine the Site’s General Content More on Web • The home page is often the first page a visitor sees • Should include: • Who • What • Where • Searchfeature Who?answered bycompany logoand name Where? answeredby links What?Answeredby photosand text Chapter 3: Planning a Successful Web Site: Part 1

13. Step 3: Determine the Site’s General Content • Web sites often include multiple subsidiary or underlying pages • Should include the sameelements as its homepage: • Name • Logo • Typeface • Color scheme Chapter 3: Planning a Successful Web Site: Part 1

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

15. Step 3: Determine the Site’s General Content More on Web • A splashpage uses images, animation, and sound to capture visitors’ attention and draw them into the site Chapter 3: Planning a Successful Web Site: Part 1

16. Step 3: Determine the Site’s General Content • Should include value-addedcontent: • Relative • Informative • Timely • Accurate • High quality • Usable Chapter 3: Planning a Successful Web Site: Part 1

17. Step 3: Determine the Site’s General Content • Text • Primary component of a Web site • Guidelines to consider • Abbreviate text • Chunk information for scannability • Add hyperlinks to explanatory or detailed information • Use active voice / friendly tone • Remove transitional words • Do not use Web clichés • Use Register online instead of Click here to register

18. Your Turn! (page 81)Exploring Purpose Statements Review the public domain Q & A and then visit the Web Design Chapter 3 Online Companion Web page scsite.com/web3e/ch3/ and clickFTC 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 fourparagraphs 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 repurposedtext to your instructor. Be prepared to compare your repurposed text with the original printed publication text in class.

19. Step 3: Determine the Site’s General Content • Images • After text most commonly included content element on Web sites (motivate visitors) • Can personalize and familiarize the unknown Chapter 3: Planning a Successful Web Site: Part 1

20. Step 3: Determine the Site’s General Content • Photographs • Can help deliver a message or prompt an action • Select high-quality, relevant pictures

21. Step 3: Determine the Site’s General Content • Audio • Low-bandwidth alternative to video • Vary in both form and intensity • Incorporate audio into a Web site to personalize a message, enhance recall, set a mood, or sell a product or service • Glowing testimonial from satisfied customer • Catchy jingle Chapter 3: Planning a Successful Web Site: Part 1

22. Step 3: Determine the Site’s General Content • Video • Video clips incorporate movement and sound • Extremely large sizes of video • Choice for designers is to limit size of downloadable video files or generate streaming • Downloadable Video – downloaded in its entirety before it can be heard or seen • Streaming Video – begins to play as soon as the data begins to stream or transfer Chapter 3: Planning a Successful Web Site: Part 1

23. Step 3: Determine the Site’s General Content • Animations • Widely used to attract attention and enliven 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

24. Step 3: Determine the Site’s General 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 – software program allows certain content to function within the currently viewed Web page • Adobe acrobat plug-in needed for PDF files

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

26. Step 3: Determine the Site’s General 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 – Microsoft ASP. Net • Scripting languages – Open source PHP Chapter 3: Planning a Successful Web Site: Part 1

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

28. Step 3: Determine the Site’s General Content • Plan an organized file system • Separate into logical subfolders • HTML, photographs, audio, and video files • Create subfolder to place original files • Word processing files • Graphics files • These files will later be transformed into Web-usable formats • Regularly create back ups Chapter 3: Planning a Successful Web Site: Part 1

29. 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 outline • Structure information to achieve Web site’s purpose • 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

30. Linear/Tutorial Structure • Presents information in a specific order • Historical or chronological order • Training website Linear/tutorial structure controls usernavigation by progressing usersthrough one Web page at a time Chapter 3: Planning a Successful Web Site: Part 1

31. Random Structure • Presents information without a specific order • Use only for small Web sites random structure allows visitorsto navigate pages in anypreferred order Chapter 3: Planning a Successful Web Site: Part 1

32. Hierarchical Structure • Organizes information into categories and subcategories • Best used in organizational / topical Web sites hierarchical structure organizesinformation into categories andsubcategories Chapter 3: Planning a Successful Web Site: Part 1

33. Hierarchical Structure More on Web Chapter 3: Planning a Successful Web Site: Part 1

34. Chapter Summary • Describe the Web site development planning process • Complete Step 1: Define the site’s purpose • Complete Step2: Identify the site’s targetaudience • Complete Step 3: Determine the site’s generalcontent • Complete Step 4: Select the site’s structure Chapter 3: Planning a Successful Web Site: Part 1

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