Pattern Group D

Pattern Group D: Writing and Managing Content

D1 PAGE TEMPLATES

Code-Sucks.com. CSS Layouts (www.code-sucks.com/css%20layouts).
This Web site provides many templates for one-column, two-column, three-column, and four-column page layouts.

CSS Tinderbox (www.dbfnetwork.info/tinderbox/index.html).
This Web site provides high-quality HTML and STYLE SHEETS (D11) that you can use for your Web pages. The examples are provided under the Creative Commons license, which means that you can use and adapt these templates as you see fit.

Open Source Web Design (www.oswd.org).
This Web site allows you to view, download, and share free Web page designs.

Tedeschi, B. (1999, August 30) Good Web site design can lead to healthy sales.
New York Times E-Commerce Report (www.nytimes.com/library/tech/99/08/cyber/
commerce/30commerce.html
).
See the description under Chapter 1 (Customer-Centered Web Design: More Than a Good Idea).

D2 CONTENT MODULES

Tedeschi, B. (1999, August 30) Good Web site design can lead to healthy sales.
New York Times E-Commerce Report (www.nytimes.com/library/tech/99/08/cyber/commerce/30commerce.html).
See the description under Chapter 1 (Customer-Centered Web Design: More Than a Good Idea).

D3 HEADLINES AND BLURBS

Nielsen, J. (1999) Designing Web Usability: The Practice of Simplicity. Indianapolis, IN:
New Riders.
See the description under ENABLING INTRANETS (A11).

D4 PERSONALIZED CONTENT

Eads, S. (2000, August 4) The Web’s still-unfulfilled personalization promise.
BusinessWeek Online (www.businessweek.com/bwdaily/dnflash/aug2000/nf2000084_506.htm).
This article discusses the advantages of personalization but focuses more on the software and financial costs involved in integrating such a system into a Web site, as well as the difficulties involved in measuring effectiveness.

Hansell, S. (2000, December 11) In search for online success, easy does it is good theme. New York Times E-Commerce Report.
This article talks about simplicity in design as one of the dominant factors of success. It looks at issues such as the fact that underlined text links are more likely to be clicked on than buttons, the fact that basic security systems built into Web browsers work better than sophisticated systems that people have to download and install, and the fact that recommendation systems work only if they are easy and painless to use.

Kramer, J., S. Noronha, and J. Vergo. (2000, August) A user-centered design approach to personalization. Communications of the ACM, 43(8): 4548 (http://doi.acm.org/10.1145/345124.345139).
This article argues that customer-centered design is the key to successful design and implementation of systems that make use of personalization. This is one of several articles about personalization in the August 2000 issue of Communications of the ACM. (This resource requires access to the ACM Digital Library, at www.acm.org/dl.)

Manber, U., A. Patel, and J. Robison. (2000, August) Experience with personalization of Yahoo! Communications of the ACM, 43(8): 3539 (http://doi.acm.org/ 10.1145/345124.345136).
This article discusses the experiences and lessons learned in building and maintaining My Yahoo!, one of the earliest Web sites to use personalization on a large scale. Many interesting points about scalability, privacy and security, and user interface are covered. The article also talks about the fact that people often don’t change the defaults. This is one of several articles about personalization in the August 2000 issue of Communications of the ACM. (This resource requires access to the ACM Digital Library, at www.acm.org/dl.)

Shapiro, A. (1999) The Control Revolution: How the Internet Is Putting Individuals in Charge and Changing the World We Know. New York: PublicAffairs. See the description under NEWS MOSAICS (A2).

Stellin, S. (2000, August 28) Internet companies learn how to personalize service.
New York Times E-Commerce Report (http://nytimes.com/library/tech/00/08/cyber/commerce/28commerce.html).
This article looks at several ways in which Web sites can apply personalization to improve the customer experience. It also discusses some of the problems involved in personalization, including too much work, bad data, and privacy.

D5 MESSAGE BOARDS

Kim, A. J. (2000) Community Building on the Web: Secret Strategies for Successful Online Communities. Berkeley, CA: Peachpit Press.
See the description under COMMUNITY CONFERENCE (A3).

Nielsen-Hayden, T. (2005, January 27) Virtual Panel Participation on Spam, Trolls, Stalkers: The Pandora’s Box of Community (http://nielsenhayden.com/makinglight/archives/006036.html).
See the description under COMMUNITY CONFERENCE (A3).

Preece, J. (2000) Online Communities: Designing Usability and Supporting Sociability. New York: Wiley.
See the description under COMMUNITY CONFERENCE (A3).

Rheingold, H. (1998) The Art of Hosting Good Conversations Online (www.rheingold. com/texts/artonlinehost.html).
See the description under COMMUNITY CONFERENCE (A3).

Rheingold, H. (2000) The Virtual Community: Homesteading on the Electronic Frontier (rev. ed.). Cambridge, MA: MIT Press.
See the description under COMMUNITY CONFERENCE (A3).

D6 WRITING FOR SEARCH ENGINES

Cunningham, J. P., J. Cantor, S. H. Pearsall, and K. H. Richardson. (2001) Industry briefs: AT&T. Interactions: New Visions of Human Computer Interaction, 8(2): 2731.
This short piece discusses some of the experiences in building AT&T’s Web site. Of particular interest is the fact that, when people search, they often use the term AT&T, as in AT&T long distance. Unfortunately, this keyword isn’t very useful on the AT&T Web site because every page has AT&T on it! Included in the article is a discussion of the use of tags to improve searching on
this site.

Search Engine Watch (http://searchenginewatch.com).
Search Engine Watch provides tips on submitting your Web site to search engines, as well as to newsletters and reviews on search engines.

Tedeschi, B. (2001, December 10) Striving to top the search lists. New York Times E-Commerce Report.
This article discusses how shoppers use search engines and describes the difficulties involved in trying to get to the top of the search results.

Webopedia. (No date) Search Engine (www.webopedia.com/TERM/s/search_engine.html).
Webopedia is an online reference for technical terms. This Web page contains a short explanation of search engines and how they work, as well as references on writing Web pages for search engines.

D7 INVERTED-PYRAMID WRITING STYLE

Brinck, T., D. Gergle, and S. Wood. (2002) Usability for the Web: Designing Web Sites That Work. San Francisco: Kaufmann.
See the description under Chapter 5 (Processes for Developing Customer-Centered Sites).

Morkes, J., and J. Nielsen. (1997) Concise, Scannable, and Objective: How to Write for the Web (www.useit.com/papers/webwriting/writing.html); and Morkes,
J., and J. Nielsen. (1998, January 6) Applying Writing Guidelines to Web Pages (www.useit.com/papers/webwriting/rewriting.html).
These two articles discuss a series of studies on people’s attitudes and behaviors toward writing on the Web. Their main recommendations are that text should be concise and easy to scan. They observe that most people skim text anyway, and that halving the length of the text, using bulleted lists, and highlighting keywords helps the skimming process. In addition, they suggest that text should be objective in tone, avoiding jargon and self-promotion, which is disliked by readers and negatively affects usability.

Nielsen, J. (1999) Designing Web Usability: The Practice of Simplicity. Indianapolis, IN:
New Riders. See the description under ENABLING INTRANETS (A11).

D9 DISTINCTIVE HTML TITLES

Ivory, M. (2001) An Empirical Foundation for Automated Web Interface Evaluation. Doctoral dissertation, University of California, Berkeley, Computer Science Division.
This PhD dissertation combines quantitative metrics calculated on hundreds of Web sites with the judges’ ratings for the 2000 Webby Awards to validate and invalidate many popular Web design guidelines. Distinctive HTML titles were found to be a common trait of highly rated Web sites.

Nielsen, J. (1999) Designing Web Usability: The Practice of Simplicity. Indianapolis, IN:
New Riders. See the description under ENABLING INTRANETS (A11). D10 INTERNATIONALIZED AND LOCALIZED CONTENT
I18n Guy. (No date) Internationalization (I18n), Localization (L10n), Standards, and Amusements (www.i18nguy.com).
This Web site provides a wide variety of Web-based resources on internationalization.

ICU User Guide. (2000) Overview of Software Internationalization (http://icu.sourceforge.net/userguide/i18n.html).
This discussion focuses on internationalization and localization issues from a software development perspective, including how to structure the code.

Marcus, A., J. Armitage, and V. Frank. (1999, June 3) Globalization of user-interface design for the Web. In Proceedings of the 5th Human Factors and the Web Conference. Gaithersburg, MD (www.amanda.com/resources/HFWEB99/HFWEB99.Marcus.html).
This paper looks at the issues of designing Web sites for a global audience, including metaphors, mental models, navigation, interaction, and appearance.

Marcus, A., and E. Gould. (2000, June 19) Cultural dimensions and global Web user-interface design: What? So what? Now what? In Proceedings of the 6th Conference on Human Factors and the Web. Austin, TX (www.amanda.com/resources/hfweb2000/hfweb00.marcus.html).
This paper considers how user interface design might be affected by dimensions of culture, looking at factors like authority, collectivism and individualism, femininity and masculinity, uncertainty, and time.

Multilingual Computing (www.multilingual.com). This Web page contains references to excellent information about Web site internationalization and localization, including featured articles, product reviews,
and book reviews.

Nielsen, J. (1999) Designing Web Usability: The Practice of Simplicity. Indianapolis, IN:New Riders.
See the description under ENABLING INTRANETS (A11).

World Wide Web Consortium. (No date) W3C Internationalization (I18n) Activity
(www.w3.org/international).
This Web page looks at computer-related internationalization and localization issues, including writing HTML in many writing systems, representing dates and times, and fonts.

D11 STYLE SHEETS

Code-Sucks.com. CSS Layouts (www.code-sucks.com/css%20layouts).
See the description under PAGE TEMPLATES (D1).

CSSplay (www.cssplay.co.uk/index.html). This Web site provides lots of experimental style sheets showing the range of
what can be done with CSS alone.

CSS Tinderbox (www.dbfnetwork.info/tinderbox/index.html).
See the description under PAGE TEMPLATES (D1).

Guy D2. SeeSS Widget 1.0 (www.guyd2.com/widget/seess).
This is a handy Mac OS X dashboard widget for quickly finding documentation about CSS.

HTML Dog (www.htmldog.com).
This Web site discusses beginner as well as intermediate and advanced CSS topics.

Meyer, E. (2002) Eric Meyer on CSS: Mastering the Language of Web Design. Indianapolis, IN: New Riders.
Meyer provides a practical and hands-on guide to CSS, taking you through multiple examples of how to use CSS to get the layout and style you want.

Open Source Web Design (www.oswd.org).
See the description under PAGE TEMPLATES (D1).

W3Schools. (No date) CSS Tutorial (www.w3schools.com/css).
This is a comprehensive tutorial on most aspects of style sheets.

Publisher

Putting Patterns into Practice Easily

RESOURCES FROM THE BOOK

GLOSSARY

Frequently used tech talk defined, terminology, acronymns.