|
Chapters
|
Illustrations
|
|
Introduction
|
Figure
1.1 |
Gaining
writing knowledge and writing experience leads to the ability to write
workplace documents of high importance. |
| Figure1.2
|
Professional
writers and editors enter workplace situations and begin writing at
high levels of expertise. |
|
Chapter
2
|
Figure
2.1 |
Text
from the United States Intelligence Community Web site. |
| Figure
2.2 |
Re-write
of the text in Figure 2.1 to make it user-friendly. |
| Figure
2.3 |
A
checklist for visualizing a Web site's audience. |
| Figure
2.4 |
Technology-related
questions with regard to text. |
|
Chapter
3
|
Figure
3.1 |
Prepare
good IA ideas for a first meeting with a client. |
| Figure
3.2 |
First branching in a Sherlock Holmes Mind Map. |
| Figure
3.3 |
Secondary
and some tertiary branching in the Sherlock Holmes Mind Map. |
| Figure
3.4 |
Lateral
connections among the branches in the Sherlock Holmes Mind Map. |
| Figure
3.5 |
From
the Sherlock Holmes' Mind Map to a site map. |
| Figure
3.6 |
A
traditional tree model. |
| Figure
3.7 |
A
narrow tree model. |
| Figure
3.8 |
A
wide/broad tree model. |
| Figure
3.9 |
A
book-style linear model. |
| Figure
3.10 |
A
book-style model with alternate choices. |
| Figure
3.11 |
A
VCR-style model with fast-forward and rewind. |
| Figure
3.12 |
A
linear model with an off-shoot. |
| Figure
3.13 |
A
composite/hybrid model. |
| Figure
3.14 |
A
web model. |
| Figure
3.15 |
A
grid model. |
| Figure
3.16 |
The
CanLearn Interactive "Home" page. |
| Figure
3.17 |
The
CanLearn Interactive "Getting Started" page. |
| Figure
3.18 |
The
OSHA "Home" page. |
| Figure
3.19 |
Words
and the underline create a link. |
| Figure
3.20 |
A
graphical icon that serves as a link. |
| Figure
3.21 |
A
graphical icon and text together create a link. |
| Figure
3.22 |
The
World of Sherlock Holmes "Home" page. |
|
Chapter
4
|
Figure
4.1 |
An
example of bolding within online text. |
|
Chapter
5
|
Figure
5.1 |
Web
design is in a state of constant experimentation with no right or
wrong answers. |
| Figure
5.2 |
The
image as an icon. |
| Figure
5.3 |
The
image as an index. |
| Figure
5.4 |
The
line beneath the word is an image as symbol. |
| Figure
5.5 |
The
Gestalt principle of figure-ground segregation. |
| Figure
5.6 |
The
Gestalt principle of area and figure-ground segregation. |
| Figure
5.7 |
The
Gestalt principle of proximity. |
| Figure
5.8 |
The
Gestalt principle of similarity. |
| Figure
5.9 |
The
Gestalt principle of continuity. |
| Figure
5.10 |
The
Gestalt principle of closure. |
| Figure
5.11 |
A
GUI design that misuses the Gestalt principle of continuity. |
| Figure
5.12 |
What
happens when the choice of objects doesn't rhetorically enhance text. |
| Figure
5.13 |
The
image act as a demand. |
| Figure
5.14 |
The
image act as offer. |
| Figure
5.15 |
The
figures are at a public, arm's length distance from the viewer..(June
13, 2001: www.nutrition.gov) |
| Figure
5.16 |
An
image without perspective. |
| Figure
5.17 |
An
image with perspective. |
| Figure
5.18 |
Glorifying
the U.S. Supreme Court through perspective. |
| Figure
5.19 |
Oblique
horizontal angles exclude the viewer.Figure 5.20 Vertical angles and
power relationships in an image. |
|
Chapter
6
|
Figure
6.1 |
The
process of gaining knowledge through associative thinking. |
| Figure
6.2 |
An
example of drill-down linking. |
| Figure
6.3 |
The
"Starting Out" page for DiscoverCIBC. |
| Figure
6.4 |
"What's
in a Welcome" Web page from The Manager's Orientation Toolkit. |
|
Chapter
7
|
Figure
7.1 |
Many
Web pages fall on a continuum between purely navigation and purely
destination. |
| Figure
7.2 |
A
navigation page that contains introductory content. |
| Figure
7.3 |
"Cover
Letters That Work" is a hybrid navigation-destination page. |
| Figure
7.4 |
A
role-playing checklist. |
| Figure
7.5 |
"Cover
Letters that Work": 640 x 480. |
| Figure
7.6 |
"Cover
Letters that Work": 800 x 600. |
| Figure
7.7 |
"Cover
Letters that Work": 1024 by 768. |
| Figure
7.8 |
A
portion of an internally linked, scrollable page. |
| Figure
7.9 |
An
excerpt from a style guide. |
|
Chapter
8
|
Figure
8.1 |
Users
can receive content in a variety of ways. |
| Figure
8.2 |
Text
document choices on the Web. |
| Figure
8.3 |
How
a search engine gets results to a user. |
| Figure
8.4 |
The
title, metatags, and meta descriptions used on the Women.com site. |
|
Chapter
9
|
Figure
9.1 |
Good
content management begins at the initial stage of Web site development
and continues throughout the process. |
| Figure
9.2 |
A
sample workflow plan built during the planning stage of content management.
|
| Chapter
10 |
Figure
10.1 |
A
sample Q & A checklist for the first meeting with the client. |
| |
Figure
10.2 |
A
sample invoice |
| |