Writing for the Web

When I wrote the original version of “Writing for Multimedia” in 1994, the World Wide Web was still new. Now the Web is ubiquitous, and has largely supplanted the CD-ROM as the chief delivery vehicle for multimedia presentations and tutorials. Almost all of the concepts covered in the other sections of this guide also apply to the Web.

The first part of this section covers writing for the Web, and how to make your copy stand out. The second part looks at specific HTML tips and tricks that will give you control over formatting and characters.

Writing
  • Keep your copy simple. Web pages are similar to TV commercials: you may have a limited amount of time to get your message across. Whenever possible, keep your text brief and easy to read.

  • Write conversationally. Think of your readers as individual people, not as a faceless mass. Try to communicate with them, not to them. A conversational style will help you make that connection. Test your copy by reading it out loud.

  • Present information in digestible chunks. Respect the time a visitor is investing to look at your page (because there are plenty of other sites to visit). Whenever possible, summarize; more importantly, try to keep your paragraphs short, snappy and easy to process. The bottom line? Don't overwhelm the reader; pace your information.

  • Don't bury your key information. Since a visitor may only spend a few short seconds at your site, ask yourself the following question: what single concept or fact do you want that person to learn before he or she leaves? Make sure that the most crucial information is obvious and easy to find.

    Let's use this page as an example: if someone spends only 15 seconds here, they'll cover my two most important points, keeping copy simple and writing conversationally.

  • Check your spelling. Despite desperate assertions by bad spellers that spelling doesn't matter, spelling and grammatical mistakes can mar the credibility of an otherwise professional Web site. At a minimum, such errors can make you or your business look like you don't care about details. It doesn't matter whether you can spell or not; it's a matter of using the correct tools.

    As Casey Stengel once asked about his hapless Mets, “Can't anybody here play this game?” I recently ran a search on recieve, a common misspelling of receive. Recieve received 235,620 hits. OK, not everyone is a walking dictionary, but we all have access to one. Even if you're not a perfect speller, you probably know which words to double-check. And don't even get me started on the misuse of its and it's.

  • Proof your Web pages more than once. Even for good spellers, catching on-screen mistakes is sometimes difficult. I find it helpful to print out and proof hard copy of a site.

  • Make your links obvious and easy to follow. Highlight the most appropriate word or group of words that best lets the user know where he or she is heading next:

    There are many baseball sites that cover the history of the New York Mets

    looks a lot better than

    There are many baseball sites that cover the history of the New York Mets.

    By the way, some Web designers feel you should never make a conscious reference to your links, such as:

    Click here to learn more about the Mets.

    Since this style mimics passive construction, it's generally a good idea to avoid it. However, if I've learned anything, it's that writing instructional text will force you to break the rules at one time or another. In such cases, do what works best for you.

  • Make button and text link titles clear and informative. How many button titles have made you silently ask “What the heck does that mean?” Spend a little time polishing your button titles, because without good ones, all your well-thought out site navigation may be for naught.

    Let's say you want visitors to learn more about your company. “Who We Are” is more precise than “Overview.” Again, give users a clear sense of where they're going next.

  • Avoid use of underlining. While there's technically nothing wrong with underlining Web text, it does often make the user think a link is present. (See?)

HTML

HTML is the code that lets you take control of your Web pages. While other programming languages are often difficult to learn, HTML is relatively simple: you mostly just turn on and off commands. There are scores of other sites that can teach you how to write HTML. This section is concerned with tips that will help augment your writing.

  • How do you get “curly quotes” and all those other neat-o symbols? Consult this handy ISO characters chart.

  • To scroll, or not to scroll? Some designers feel you should break your text into separate pages so the user never ever has to scroll down. Others (myself included), think it's no less annoying to wait for each new page to load, or to have to click the “Back” button 15 times in a row when you're done with an article. Don't worry about what either side thinks. Establish your own style, and do what works best for you.

  • If you add graphics to a site, use the HEIGHT and WIDTH commands. This isn't exactly writing-related, but it does affect how quickly your text is displayed. Ever wonder why the text on some graphic-heavy sites takes forever to load? The HEIGHT and WIDTH commands allow your browser to calculate the correct amount of space to apply to a graphic and then move on. Without these commands, the browser must wait for each graphic to load before moving on to the next command. The HEIGHT and WIDTH commands are placed in the IMAGE tag:

    HEIGHT and WIDTH tags

  • Want to open a site in a separate window? Add TARGET= at the end of the desired link tag.

  • Finally, don't ever use the BLINK tag. It's damned annoying.

| Home | Introduction | Multimedia 101 | History |
| Terminology | Web Writing | Reference |
| Scripts | Instructional Text | Testing | Help Sections |

Mailbox

© 1999 Atomic Rom Productions