web design, 5 th edition 3 planning a successful website: part 1
DESCRIPTION
The Website Development Planning Process Chapter 3: Planning a Successful Website: Part 13TRANSCRIPT
![Page 1: Web Design, 5 th Edition 3 Planning a Successful Website: Part 1](https://reader034.vdocuments.site/reader034/viewer/2022052608/5a4d1b8f7f8b9ab0599c07c7/html5/thumbnails/1.jpg)
Web Design,5th Edition
3Planning aSuccessful Website: Part 1
![Page 2: Web Design, 5 th Edition 3 Planning a Successful Website: Part 1](https://reader034.vdocuments.site/reader034/viewer/2022052608/5a4d1b8f7f8b9ab0599c07c7/html5/thumbnails/2.jpg)
Chapter 3: Planning a Successful Website: Part 1 2
Chapter Objectives
Describe the website development planning process Complete Step 1: Identify the website’s purpose and
target audience Complete Step 2: Determine the website’s general
content Complete Step 3: Select the website’s structure
![Page 3: Web Design, 5 th Edition 3 Planning a Successful Website: Part 1](https://reader034.vdocuments.site/reader034/viewer/2022052608/5a4d1b8f7f8b9ab0599c07c7/html5/thumbnails/3.jpg)
Chapter 3: Planning a Successful Website: Part 1 3
The Website Development Planning Process
![Page 4: Web Design, 5 th Edition 3 Planning a Successful Website: Part 1](https://reader034.vdocuments.site/reader034/viewer/2022052608/5a4d1b8f7f8b9ab0599c07c7/html5/thumbnails/4.jpg)
Chapter 3: Planning a Successful Website: Part 1 4
Step 1: Define the Website’s Purpose and Audience Website goals Website objectives Target audience profile Target audience wants,
needs, and expectations Website purpose
statement
![Page 5: Web Design, 5 th Edition 3 Planning a Successful Website: Part 1](https://reader034.vdocuments.site/reader034/viewer/2022052608/5a4d1b8f7f8b9ab0599c07c7/html5/thumbnails/5.jpg)
Chapter 3: Planning a Successful Website: Part 1 5
Step 2: Determine the Website’s General ContentThe home page is often the first page a visitor
seesShould include:
– Who– What– Why– Where
Search feature
![Page 6: Web Design, 5 th Edition 3 Planning a Successful Website: Part 1](https://reader034.vdocuments.site/reader034/viewer/2022052608/5a4d1b8f7f8b9ab0599c07c7/html5/thumbnails/6.jpg)
Chapter 3: Planning a Successful Website: Part 1 6
Step 2: Determine the Website’s General ContentWebsites often include multiple subsidiary or
underlying pagesShould include the same elements as its home
page:– Name– Logo– Typeface– Color scheme
![Page 7: Web Design, 5 th Edition 3 Planning a Successful Website: Part 1](https://reader034.vdocuments.site/reader034/viewer/2022052608/5a4d1b8f7f8b9ab0599c07c7/html5/thumbnails/7.jpg)
Chapter 3: Planning a Successful Website: Part 1 7
Step 2: Determine the Website’s General Content
![Page 8: Web Design, 5 th Edition 3 Planning a Successful Website: Part 1](https://reader034.vdocuments.site/reader034/viewer/2022052608/5a4d1b8f7f8b9ab0599c07c7/html5/thumbnails/8.jpg)
Chapter 3: Planning a Successful Website: Part 1 8
Step 2: Determine the Website’s General ContentLanding pages generally have one of two
purposes: – to provide reference and specific information to
customers about a product or event– to encourage website visitors to complete a sales
transaction or other specific interaction
![Page 9: Web Design, 5 th Edition 3 Planning a Successful Website: Part 1](https://reader034.vdocuments.site/reader034/viewer/2022052608/5a4d1b8f7f8b9ab0599c07c7/html5/thumbnails/9.jpg)
Chapter 3: Planning a Successful Website: Part 1 9
Step 2: Determine the Website’s General ContentShould include value-added content:
– Relevant– Informative– Timely– Accurate– High quality– Usable
![Page 10: Web Design, 5 th Edition 3 Planning a Successful Website: Part 1](https://reader034.vdocuments.site/reader034/viewer/2022052608/5a4d1b8f7f8b9ab0599c07c7/html5/thumbnails/10.jpg)
Chapter 3: Planning a Successful Website: Part 1 10
Step 2: Determine the Website’s General Content Text
– Remember, visitors typically scan webpage text for information rather than read the text word for word
– Guidelines to consider• Chunk text for scannability• Place explanatory or detailed information on linked underlying
pages• Keep content to one page where possible to avoid scrolling• Use active voice and a friendly tone• Remove transitional words and phrases like as stated previously,
similarly, and as a result, which might not be relevant for the chunked text
![Page 11: Web Design, 5 th Edition 3 Planning a Successful Website: Part 1](https://reader034.vdocuments.site/reader034/viewer/2022052608/5a4d1b8f7f8b9ab0599c07c7/html5/thumbnails/11.jpg)
Chapter 3: Planning a Successful Website: Part 1 11
Step 2: Determine the Website’s General ContentImages
– Most commonly included content element on webpages
– Can familiarize the unknown
![Page 12: Web Design, 5 th Edition 3 Planning a Successful Website: Part 1](https://reader034.vdocuments.site/reader034/viewer/2022052608/5a4d1b8f7f8b9ab0599c07c7/html5/thumbnails/12.jpg)
Chapter 3: Planning a Successful Website: Part 1 12
Step 2: Determine the Website’s General ContentAudio
– Audio can vary in form and intensity– Can persuade, inspire, personalize, motivate, or
sootheVideo
– Incorporates movement and sound– Extremely large sizes of video
• Downloadable vs. Streaming media
![Page 13: Web Design, 5 th Edition 3 Planning a Successful Website: Part 1](https://reader034.vdocuments.site/reader034/viewer/2022052608/5a4d1b8f7f8b9ab0599c07c7/html5/thumbnails/13.jpg)
Chapter 3: Planning a Successful Website: Part 1 13
Step 2: Determine the Website’s General ContentAnimation and multimedia
– Widely used to attract attention and enliven webpages
– Adds interest and appeal to webpages– Overuse of animations can become distracting and
annoying– Animated GIF
• Gives the appearance of moving pictures– Flash animation
![Page 14: Web Design, 5 th Edition 3 Planning a Successful Website: Part 1](https://reader034.vdocuments.site/reader034/viewer/2022052608/5a4d1b8f7f8b9ab0599c07c7/html5/thumbnails/14.jpg)
Chapter 3: Planning a Successful Website: Part 1 14
Step 2: Determine the Website’s General Content
![Page 15: Web Design, 5 th Edition 3 Planning a Successful Website: Part 1](https://reader034.vdocuments.site/reader034/viewer/2022052608/5a4d1b8f7f8b9ab0599c07c7/html5/thumbnails/15.jpg)
Chapter 3: Planning a Successful Website: Part 1 15
Step 2: Determine the Website’s General ContentDynamically Generated Content
– Served up to your website visitor triggered by a specific event• Frequently called up from a database• Websites that use databases to generate dynamic
content are database-driven websites
![Page 16: Web Design, 5 th Edition 3 Planning a Successful Website: Part 1](https://reader034.vdocuments.site/reader034/viewer/2022052608/5a4d1b8f7f8b9ab0599c07c7/html5/thumbnails/16.jpg)
Chapter 3: Planning a Successful Website: Part 1 16
Step 2: Determine the Website’s General Content
![Page 17: Web Design, 5 th Edition 3 Planning a Successful Website: Part 1](https://reader034.vdocuments.site/reader034/viewer/2022052608/5a4d1b8f7f8b9ab0599c07c7/html5/thumbnails/17.jpg)
Chapter 3: Planning a Successful Website: Part 1 17
Step 2: Determine the Website’s General ContentOrganizing Website Files
– Organize the resulting files in your website– Create folders on your computer’s local hard drive– Regularly create backups
![Page 18: Web Design, 5 th Edition 3 Planning a Successful Website: Part 1](https://reader034.vdocuments.site/reader034/viewer/2022052608/5a4d1b8f7f8b9ab0599c07c7/html5/thumbnails/18.jpg)
Chapter 3: Planning a Successful Website: Part 1 18
Step 3: Select the Website’s Structure Visualize the organization of the website’s pages and linking
relationships Organize the pages by level of detail Follow the links between pages to make certain visitors can
quickly click through the site to find useful information — fewer clicks mean more satisfied site visitors
Detect dead-end pages, which are pages that currently do not fit into the linking arrangement
Rearrange pages and revise linking relationships, and then visualize the changes before you create the website
![Page 19: Web Design, 5 th Edition 3 Planning a Successful Website: Part 1](https://reader034.vdocuments.site/reader034/viewer/2022052608/5a4d1b8f7f8b9ab0599c07c7/html5/thumbnails/19.jpg)
Chapter 3: Planning a Successful Website: Part 1 19
Step 3: Select the Website’s StructureA storyboard is a series of pages originally
developed to graphically present scenes for a movie or television program
A flowchart is a diagram that shows steps or processes; flowcharts are another useful way to outline a website’s structures
![Page 20: Web Design, 5 th Edition 3 Planning a Successful Website: Part 1](https://reader034.vdocuments.site/reader034/viewer/2022052608/5a4d1b8f7f8b9ab0599c07c7/html5/thumbnails/20.jpg)
Chapter 3: Planning a Successful Website: Part 1 20
Step 3: Select the Website’s Structure
![Page 21: Web Design, 5 th Edition 3 Planning a Successful Website: Part 1](https://reader034.vdocuments.site/reader034/viewer/2022052608/5a4d1b8f7f8b9ab0599c07c7/html5/thumbnails/21.jpg)
Chapter 3: Planning a Successful Website: Part 1 21
Step 3: Select the Website’s StructureChoose the method that you find most flexible
and comfortable• Linear / tutorial structure• Webbed / random structure• Hierarchical structure
![Page 22: Web Design, 5 th Edition 3 Planning a Successful Website: Part 1](https://reader034.vdocuments.site/reader034/viewer/2022052608/5a4d1b8f7f8b9ab0599c07c7/html5/thumbnails/22.jpg)
Chapter 3: Planning a Successful Website: Part 1 22
Linear/Tutorial Structure
Presents information in a specific order– Training website
![Page 23: Web Design, 5 th Edition 3 Planning a Successful Website: Part 1](https://reader034.vdocuments.site/reader034/viewer/2022052608/5a4d1b8f7f8b9ab0599c07c7/html5/thumbnails/23.jpg)
Chapter 3: Planning a Successful Website: Part 1 23
Webbed Structure
Arranges information without a specific order
![Page 24: Web Design, 5 th Edition 3 Planning a Successful Website: Part 1](https://reader034.vdocuments.site/reader034/viewer/2022052608/5a4d1b8f7f8b9ab0599c07c7/html5/thumbnails/24.jpg)
Chapter 3: Planning a Successful Website: Part 1 24
Hierarchical Structure
Organizes information into categories and subcategories
![Page 25: Web Design, 5 th Edition 3 Planning a Successful Website: Part 1](https://reader034.vdocuments.site/reader034/viewer/2022052608/5a4d1b8f7f8b9ab0599c07c7/html5/thumbnails/25.jpg)
Chapter 3: Planning a Successful Website: Part 1 25
Hierarchical Structure
![Page 26: Web Design, 5 th Edition 3 Planning a Successful Website: Part 1](https://reader034.vdocuments.site/reader034/viewer/2022052608/5a4d1b8f7f8b9ab0599c07c7/html5/thumbnails/26.jpg)
Chapter 3: Planning a Successful Website: Part 1 26
Chapter Summary
Describe the website development planning process Complete Step 1: Identify the website’s purpose and
target audience Complete Step 2: Determine the website’s general
content Complete Step 3: Select the website’s structure
![Page 27: Web Design, 5 th Edition 3 Planning a Successful Website: Part 1](https://reader034.vdocuments.site/reader034/viewer/2022052608/5a4d1b8f7f8b9ab0599c07c7/html5/thumbnails/27.jpg)
Web Design,5th Edition
3Planning aSuccessful Website: Part 1