<![CDATA[
<body bgcolor="#eeeeee" background="../backgrnd.gif" text="000033" link="0000dd" alink="ff0000" vlink="660066">
<table border="0" cellpadding="11" cellspacing="0">
<tr>
<td valign="top" background="backhead.gif" bgcolor="#ffffff">
<img src="h1_des.gif" width="400" height="64" alt="Design Issues" border="0"><br>
</td>
<td width="25%" valign="top">
<center>
<img src="cs.gif" width="105" height="64" border="0" vspace="4"><br>
</center>
</td>
</tr>
<tr>
<td valign="top" bgcolor="#ffffff">
<ul><ul>
As with any medium, a number of design issues arise when you start to develop a new offering.
</td>
<td valign="top">
<center>
<font face="Arial">
</center>
</font>
</td>
</tr>
<tr>
<td valign="top" bgcolor="#ffffff">
<ul>
<h2>Clear Purpose</h2>
<ul>
Clarity about the goals for the site is essential.
Almost every decision taken about the site will depend to some degree on the purpose.
What are the goals for your site?
</td>
<td valign="top">
<left>
<font size=-1 color="#222222">
Goals for Web site:
<ul>
<li type="disc">Show Web capabilities
<li type="disc">Build showcase site
<li type="disc">Attract new clients
</ul>
</font>
</td>
</tr>
<tr>
<td valign="top" bgcolor="#ffffff">
<ul>
<h2>Site Style</h2>
<ul>
As with any medium, certain styles are appropriate for certain uses.
Choosing the right style requires sensitivity to the demands imposed by the purpose and
an awareness of Web trends. Some sites will require periodic facelifts
to keep the site from becoming dated.
</td>
<td valign="top">
<center>
</center>
</font>
</td>
</tr>
<tr>
<td valign="top" bgcolor="#ffffff">
<ul>
<h2>Basic Design</h2>
<ul>
Once the purpose has been established and a style chosen, a number of other design considerations come to the fore.
</td>
<td valign="top">
<center>
</center>
</font>
</td>
</tr>
<tr>
<td valign="top" bgcolor="#ffffff">
<ul><ul>
<h3>Attractive Graphics</h3>
Web graphic design is a new art form.
Good low-resolution images grab a surfer's attention and
are essential to the success of most Web sites.
</td>
<td valign="top">
<center>
<img src="bali.gif" width="72" height="72" border="1" vspace="5"></a><br>
<font size=-1 color="#222222">
Use color. It's free.
<br>
</center>
</font>
</td>
</tr>
<tr>
<td valign="top" bgcolor="#ffffff">
<ul><ul>
<h3>Short Text</h3>
Sites must be written in a telegraphic style because on-screen reading is slow.
Sites requiring prolonged reading should be designed to print well for off-line reading.
</td>
<td valign="top">
<center>
<font size=-1 color="#222222">
<br>
Keep it short.
</center>
</font>
</td>
</tr>
<tr>
<td valign="top" bgcolor="#ffffff">
<ul><ul>
<h3>Future Expansion</h3>
The initial site offering may be fairly simple, but most sites grow.
Problems that are difficult to solve
when expanding a site can usually be avoided by an initial design that leaves room to grow.
How much growth do you expect on your site?
</td>
<td valign="top">
<center>
<font size=-1 color="#222222">
</center>
</font>
</td>
</tr>
<tr>
<td valign="top" bgcolor="#ffffff">
<ul>
<h2>Navigation Strategies</h2>
<ul>
The organization of a Web site, unlike a book, is not readily
apparent, so consideration must be given to how surfers will find their way around.
Thus, the initial design of a Web site must include a navigation strategy.
The choice is affected by:
<ul>
<li type="disc">Kind of site
<li type="disc">Audience expectations
<li type="disc">Extent of site
</ul>
Two issues require special consideration.
</td>
<td valign="top">
<center>
</center>
</font>
</td>
</tr>
<tr>
<td valign="top" bgcolor="#ffffff">
<ul><ul>
<h3>Clear Navigation</h3>
Designers must organize information logically and convey this organization to the user.
At the same time, clutter must be avoided. Too many navigational tools can confuse the
user.
</td>
<td valign="top">
<center>
<br>
</center>
</font>
</td>
</tr>
<tr>
<td valign="top" bgcolor="#ffffff">
<ul><ul>
<h3>Site Overview</h3>
It is very helpful to provide some form of site overview that is always visible.
The navigation bar now displayed in the frame to the left is one such tool.
The changing link colors show the surfer which parts of the site have already been visited
and which are as yet unexplored.
The dot shows which page is currently loaded.
Another approach is to place a small navigation
frame at the bottom of the screen. While clickable images are attractive,
they give no indication of which parts of the site have already been visited.
</td>
<td valign="top">
<center>
<img src="overview.gif" width="144" height="138" border="1" vspace="5"></a><br>
<font size=-1 color="#222222">
Good navigation tools show you where you've been, where you are,
and the relationship of the parts.
</center>
</font>
</td>
</tr>
<tr>
<td valign="top" bgcolor="#ffffff">
<ul>
<h2>Information Overload</h2>
<ul>
Nowhere is information overload a greater problem than on the Web.
The Web itself imposes little order on its contents, so
organization must be imposed by site developers. Surfers should be able to
find the content on your site that interests them without having to wade
through masses of irrelevant information.
</td>
<td valign="top">
<center>
<img src="money.gif" width="160" height="57" border="1" vspace="5"></a><br>
<font size=-1 color="#222222">
<br>
A search for "money" yields over a million sites containing the word.
</center>
</font>
</td>
</tr>
<tr>
<td valign="top" bgcolor="#ffffff">
<ul>
<h2>Intuitive Interface</h2>
<ul>
Out of respect for the surfer's time, the user interface must be simple,
self-explanatory, and easy to use.
Many sites dazzle with their use of the latest techniques,
but also baffle with their complexity and opacity because
the techniques have been used for their splash value and
not because of any intrinsic usefulness to the purpose at hand.
Be sure your site does become a jumble of dancing
animated images.
</td>
<td valign="top">
<center>
</center>
</font>
</td>
</tr>
<tr>
<td valign="top" bgcolor="#ffffff">
<ul>
<h2>Impatience</h2>
<ul>
Web surfers are notoriously impatient. With so much content available,
if one site does not promptly deliver what is wanted,
the surfer will move on to another.
Your site should deliver useful content quickly and with as few mouse clicks as possible.
</td>
<td valign="top">
<center>
<img src="wait.gif" width="39" height="39" border="1" vspace="5"></a><br>
<font size=-1 color="#222222">
People hate to wait.
</center>
</font>
</td>
</tr>
<tr>
<td valign="top" align="center" background="backfoot.gif" height="64" bgcolor="#ffffff">
Continue on to <a href="att_x.htm" target="_top">Attractive Pages</a>
</td>
<td valign="top">
<center>
</center>
</font>
</td>
</tr>
</table>
</body>
]]>