Presentation is loading. Please wait.

Presentation is loading. Please wait.

Technical Communication A Practical Approach Chapter 14: Web Pages and Writing for the Web William Sanborn Pfeiffer Kaye Adkins.

Published byBlaze Porter Modified over 8 years ago

Similar presentations

Presentation on theme: "Technical Communication A Practical Approach Chapter 14: Web Pages and Writing for the Web William Sanborn Pfeiffer Kaye Adkins."— Presentation transcript:

1 Technical Communication A Practical Approach Chapter 14: Web Pages and Writing for the Web William Sanborn Pfeiffer Kaye Adkins

2 Technical Communication: A Practical Approach, Eighth Edition W. S. Pfeiffer and K. Adkins Copyright © 2013, 2010, 2006 Pearson Education, Inc., All Rights Reserved. 2 Web Pages and Writing for the Web Your Role in Developing Web Sites and Content Planning Structure Content Development Guidelines for Writing Web Content Design Usability and Publication

3 Technical Communication: A Practical Approach, Eighth Edition W. S. Pfeiffer and K. Adkins Copyright © 2013, 2010, 2006 Pearson Education, Inc., All Rights Reserved. 3 Web Pages and Writing for the Web Guidelines for Writing Web Content Design Usability Testing Publication

4 Technical Communication: A Practical Approach, Eighth Edition W. S. Pfeiffer and K. Adkins Copyright © 2013, 2010, 2006 Pearson Education, Inc., All Rights Reserved. 4 Your Role in Developing Web Sites and Content

5 Technical Communication: A Practical Approach, Eighth Edition W. S. Pfeiffer and K. Adkins Copyright © 2013, 2010, 2006 Pearson Education, Inc., All Rights Reserved. 5 Your Role in Developing Web Sites and Content

6 Technical Communication: A Practical Approach, Eighth Edition W. S. Pfeiffer and K. Adkins Copyright © 2013, 2010, 2006 Pearson Education, Inc., All Rights Reserved. 6 Planning Accessibility Guidelines Scripting Languages and Software Authoring Tools

7 Technical Communication: A Practical Approach, Eighth Edition W. S. Pfeiffer and K. Adkins Copyright © 2013, 2010, 2006 Pearson Education, Inc., All Rights Reserved. 7 Planning Planning Phase Define the site’s purpose Analyze your audience Outline the scope of the site with clear goals Identify constraints Identify methods to incorporate user-centered design

8 Technical Communication: A Practical Approach, Eighth Edition W. S. Pfeiffer and K. Adkins Copyright © 2013, 2010, 2006 Pearson Education, Inc., All Rights Reserved. 8 Accessibility Guidelines Users may have trouble accessing Web sites because of Computer system limitations or settings Physical disabilities Commonly used accessibility guidelines U.S. Government Section 508 Accessibility Guidelines World Wide Web Consortium (W3C) Web Content Accessibility Guidelines

9 Technical Communication: A Practical Approach, Eighth Edition W. S. Pfeiffer and K. Adkins Copyright © 2013, 2010, 2006 Pearson Education, Inc., All Rights Reserved. 9 Government Section 508 Accessibility Guidelines Ensure that users using assistive technology can complete and submit online forms. Ensure that all information conveyed with color is also available without color. Provide a means for users to skip repetitive navigation links. Provide a text equivalent for every non-text element that conveys information. Ensure that all information on Web pages can be used by assistive technologies

10 Technical Communication: A Practical Approach, Eighth Edition W. S. Pfeiffer and K. Adkins Copyright © 2013, 2010, 2006 Pearson Education, Inc., All Rights Reserved. 10 Government Section 508 Accessibility Guidelines Provide text-only pages with equivalent information and functionality. Provide client-side image maps instead of server-side image maps. Provide equivalent alternatives for multimedia elements that are synchronized. Organize documents so they are readable without requiring an associated style sheet. Provide frame titles that facilitate frame identification and navigation.

11 Technical Communication: A Practical Approach, Eighth Edition W. S. Pfeiffer and K. Adkins Copyright © 2013, 2010, 2006 Pearson Education, Inc., All Rights Reserved. 11 Planning Scripting Language and Software-Authoring Tools HTML XHTML CSS PHP

12 Technical Communication: A Practical Approach, Eighth Edition W. S. Pfeiffer and K. Adkins Copyright © 2013, 2010, 2006 Pearson Education, Inc., All Rights Reserved. 12 Structure Site Structures and Types Process of Developing a Structure Labeling Strategies Guidelines for Navigational Design

13 Technical Communication: A Practical Approach, Eighth Edition W. S. Pfeiffer and K. Adkins Copyright © 2013, 2010, 2006 Pearson Education, Inc., All Rights Reserved. 13 Structure

14 Technical Communication: A Practical Approach, Eighth Edition W. S. Pfeiffer and K. Adkins Copyright © 2013, 2010, 2006 Pearson Education, Inc., All Rights Reserved. 14 Structure Site Structures and Types Consider these two factors when choosing a site structure Breadth The number of choices or content areas at any given level in the site’s structure Depth The number of levels deep in a site structure

15 Technical Communication: A Practical Approach, Eighth Edition W. S. Pfeiffer and K. Adkins Copyright © 2013, 2010, 2006 Pearson Education, Inc., All Rights Reserved. 15 Process of Developing a Structure

16 Technical Communication: A Practical Approach, Eighth Edition W. S. Pfeiffer and K. Adkins Copyright © 2013, 2010, 2006 Pearson Education, Inc., All Rights Reserved. 16 Structure

17 Technical Communication: A Practical Approach, Eighth Edition W. S. Pfeiffer and K. Adkins Copyright © 2013, 2010, 2006 Pearson Education, Inc., All Rights Reserved. 17 Structure

18 Technical Communication: A Practical Approach, Eighth Edition W. S. Pfeiffer and K. Adkins Copyright © 2013, 2010, 2006 Pearson Education, Inc., All Rights Reserved. 18 Structure Labeling Strategies Alphabetical Chronological Geographical By task By function By topic By question

19 Technical Communication: A Practical Approach, Eighth Edition W. S. Pfeiffer and K. Adkins Copyright © 2013, 2010, 2006 Pearson Education, Inc., All Rights Reserved. 19 Structure Navigation Design Hyperlinks Toolbar menus Site maps Search fields

20 Technical Communication: A Practical Approach, Eighth Edition W. S. Pfeiffer and K. Adkins Copyright © 2013, 2010, 2006 Pearson Education, Inc., All Rights Reserved. 20 Structure Guidelines for Navigation Use navigation element consistently throughout the Web site Group main site navigation links Place appropriate navigation tools in each new window or frame Place navigation links where they are clearly visible

21 Technical Communication: A Practical Approach, Eighth Edition W. S. Pfeiffer and K. Adkins Copyright © 2013, 2010, 2006 Pearson Education, Inc., All Rights Reserved. 21 Content Development Content Chunking Adapting Content for the Web Document Conversion Issues and Common File Formats

22 Technical Communication: A Practical Approach, Eighth Edition W. S. Pfeiffer and K. Adkins Copyright © 2013, 2010, 2006 Pearson Education, Inc., All Rights Reserved. 22 Content Development Content Chunking Stand-alone unit of text and graphics often separated from other content chunks by spacing on a page Size depends on purpose, screen layout, or specific project style guidelines Use five to seven wrapping lines of text Use graphics as large as what fits on screen

23 Technical Communication: A Practical Approach, Eighth Edition W. S. Pfeiffer and K. Adkins Copyright © 2013, 2010, 2006 Pearson Education, Inc., All Rights Reserved. 23 Content Development Adapting Content for the Web Check for internal consistency Decide which electronic formats to use Hypertext markup language (HTML) Adobe portable document format (.pdf) Microsoft Word (.doc) Rich text format (.rtf)

24 Technical Communication: A Practical Approach, Eighth Edition W. S. Pfeiffer and K. Adkins Copyright © 2013, 2010, 2006 Pearson Education, Inc., All Rights Reserved. 24 Content Development Document Conversion Issues and Common File Formats Select file formats that are commonly used Provide documents in multiple formats

25 Technical Communication: A Practical Approach, Eighth Edition W. S. Pfeiffer and K. Adkins Copyright © 2013, 2010, 2006 Pearson Education, Inc., All Rights Reserved. 25 Guidelines for Writing Web Content Use a general-to-specific organization in individual content chunks Keep Web site structure in mind when creating chunks Format text for easy reading Identify text to be hyperlinked Develop a style sheet for consistency Edit carefully

26 Technical Communication: A Practical Approach, Eighth Edition W. S. Pfeiffer and K. Adkins Copyright © 2013, 2010, 2006 Pearson Education, Inc., All Rights Reserved. 26 Design Design Conventions and Principles Finding a Theme and Developing Graphic Content File Formats and Graphics Interface Layouts Web Site Design Guidelines

27 Technical Communication: A Practical Approach, Eighth Edition W. S. Pfeiffer and K. Adkins Copyright © 2013, 2010, 2006 Pearson Education, Inc., All Rights Reserved. 27 Design Design Conventions and Principles Place a hyperlink on the title banner or logo to the home page Place the site’s main navigation in the left or top margin Use consistent font faces, sizes, and colors Use descriptive titles and headers for each graphic and on every page

28 Technical Communication: A Practical Approach, Eighth Edition W. S. Pfeiffer and K. Adkins Copyright © 2013, 2010, 2006 Pearson Education, Inc., All Rights Reserved. 28 Design Design Conventions and Principles Provide contextual cues Maintain a consistent graphic identity Provide redundant navigation links Provide alternate descriptions of graphic content Use no more than three font faces Use colors that contrast well

29 Technical Communication: A Practical Approach, Eighth Edition W. S. Pfeiffer and K. Adkins Copyright © 2013, 2010, 2006 Pearson Education, Inc., All Rights Reserved. 29 Design Design Conventions and Principles Gestalt design principles Create consistency in the use of elements in repetitive and similar ways on a page Contrast visual elements, such as colors, lines, or shaded regions Group elements together through space, color, or other graphic elements

30 Technical Communication: A Practical Approach, Eighth Edition W. S. Pfeiffer and K. Adkins Copyright © 2013, 2010, 2006 Pearson Education, Inc., All Rights Reserved. 30 Design Finding a Theme and Developing Graphic Content Establish a graphic identity or design theme for your site Consider the site’s tone and impression Select an appropriate theme for your users, purpose, content, and tone

31 Technical Communication: A Practical Approach, Eighth Edition W. S. Pfeiffer and K. Adkins Copyright © 2013, 2010, 2006 Pearson Education, Inc., All Rights Reserved. 31 Design Interface Layouts Header Navigation Content window Graphic identity Contextual clues

32 Technical Communication: A Practical Approach, Eighth Edition W. S. Pfeiffer and K. Adkins Copyright © 2013, 2010, 2006 Pearson Education, Inc., All Rights Reserved. 32 Design

33 Technical Communication: A Practical Approach, Eighth Edition W. S. Pfeiffer and K. Adkins Copyright © 2013, 2010, 2006 Pearson Education, Inc., All Rights Reserved. 33 Design

34 Technical Communication: A Practical Approach, Eighth Edition W. S. Pfeiffer and K. Adkins Copyright © 2013, 2010, 2006 Pearson Education, Inc., All Rights Reserved. 34 Design Web Site Design Guidelines Make site structure recognizable Focus readers’ attention on the information they want Indicate Web page active areas Associate text and graphics

35 Technical Communication: A Practical Approach, Eighth Edition W. S. Pfeiffer and K. Adkins Copyright © 2013, 2010, 2006 Pearson Education, Inc., All Rights Reserved. 35 Usability Testing Testing Your Site for Your User Base Performing Usability Reviews Quick Usability Checks and System Settings

36 Technical Communication: A Practical Approach, Eighth Edition W. S. Pfeiffer and K. Adkins Copyright © 2013, 2010, 2006 Pearson Education, Inc., All Rights Reserved. 36 Usability Testing Testing Your Site for Your User Base Ensure the site is organized and functioning properly Set goals Select criteria Develop test materials Solicit participants Set up the testing environment Conduct the test Write a results report

37 Technical Communication: A Practical Approach, Eighth Edition W. S. Pfeiffer and K. Adkins Copyright © 2013, 2010, 2006 Pearson Education, Inc., All Rights Reserved. 37 Web Usability Checklist

38 Technical Communication: A Practical Approach, Eighth Edition W. S. Pfeiffer and K. Adkins Copyright © 2013, 2010, 2006 Pearson Education, Inc., All Rights Reserved. 38 Publication Publishing Your Site Obtain dedicated storage space on a Web server and check for the following Amount of storage space available Process for logging in to the server Address of the host server Uniform Resource Locator (URL) or Web address

Download ppt "Technical Communication A Practical Approach Chapter 14: Web Pages and Writing for the Web William Sanborn Pfeiffer Kaye Adkins."

Similar presentations

Objective 107.02 Understand web-based digital media production methods, software, and hardware. Course Weight : 10%

Objective Understand web-based digital media production methods, software, and hardware. Course Weight : 10%
2/23/2005 1 Enterprise Web Accessibility Standards Version 2.0 WebMASSters Presentation 2/23/2005.

2/23/ Enterprise Web Accessibility Standards Version 2.0 WebMASSters Presentation 2/23/2005.
Project 1 Introduction to HTML.

Project 1 Introduction to HTML.
Introduction to Web Accessibility. What is Web Accessibility Web accessibility means that people with disabilities can use the Web Disabilities including.

Introduction to Web Accessibility. What is Web Accessibility Web accessibility means that people with disabilities can use the Web Disabilities including.
Building Accessibility Into The Workflow Rick Ells Computing & Communications University of Washington Seattle, Washington

Building Accessibility Into The Workflow Rick Ells Computing & Communications University of Washington Seattle, Washington
Chapter 2 Web Site Design Principles Principles of Web Design, Third Edition.

Chapter 2 Web Site Design Principles Principles of Web Design, Third Edition.
Chapter 2 Web Site Design Principles Principles of Web Design, 4 th Edition.

Chapter 2 Web Site Design Principles Principles of Web Design, 4 th Edition.
Web Design Guidelines By ZhengHui Hu. Planning User Analysis  Goal  Target Audience Enhance Accessible  Impairment  Environment  Technical Limitation.

Web Design Guidelines By ZhengHui Hu. Planning User Analysis  Goal  Target Audience Enhance Accessible  Impairment  Environment  Technical Limitation.
1st Project Introduction to HTML.

1st Project Introduction to HTML.
THE BASICS OF THE WEB Davison Web Design. Introduction to the Web Main Ideas The Internet is a worldwide network of hardware. The World Wide Web is part.

THE BASICS OF THE WEB Davison Web Design. Introduction to the Web Main Ideas The Internet is a worldwide network of hardware. The World Wide Web is part.
WEB DESIGNING Prof. Jesse A. Role Ph. D TM UEAB 2010.

WEB DESIGNING Prof. Jesse A. Role Ph. D TM UEAB 2010.
HTML 1 Introduction to HTML. 2 Objectives Describe the Internet and its associated key terms Describe the World Wide Web and its associated key terms.

HTML 1 Introduction to HTML. 2 Objectives Describe the Internet and its associated key terms Describe the World Wide Web and its associated key terms.
Chapter ONE Introduction to HTML.

Chapter ONE Introduction to HTML.
Section 7.1 Identify presentation design principles Use a custom template Add pages to a navigation structure Section 7.2 Identify color scheme guidelines.

Section 7.1 Identify presentation design principles Use a custom template Add pages to a navigation structure Section 7.2 Identify color scheme guidelines.
Dobrin / Keller / Weisser : Technical Communication in the Twenty-First Century. © 2008 Pearson Education. Upper Saddle River, NJ, 07458. All Rights Reserved.

Dobrin / Keller / Weisser : Technical Communication in the Twenty-First Century. © 2008 Pearson Education. Upper Saddle River, NJ, All Rights Reserved.
Chapter 9 Collecting Data with Forms. A form on a web page consists of form objects such as text boxes or radio buttons into which users type information.

Chapter 9 Collecting Data with Forms. A form on a web page consists of form objects such as text boxes or radio buttons into which users type information.
Universal Design & Web Accessibility Iain Murray Kerry Hoath Iain Murray Kerry Hoath.

Universal Design & Web Accessibility Iain Murray Kerry Hoath Iain Murray Kerry Hoath.
HTML Comprehensive Concepts and Techniques Intro Project Introduction to HTML.

HTML Comprehensive Concepts and Techniques Intro Project Introduction to HTML.
Chapter 15 Designing Effective Output

Chapter 15 Designing Effective Output
 Using Microsoft Expression Web you can: › Create Web pages and Web sites › Set what you site will look like as you design it › Add text, images, multimedia.

 Using Microsoft Expression Web you can: › Create Web pages and Web sites › Set what you site will look like as you design it › Add text, images, multimedia.

Similar presentations

Ads by Google