Professional Documents
Culture Documents
Developing a large web site is a process that may have far-reaching budgetary, personnel, and public
relations consequences for an organization, both during the development of the site and long after
its deployment. Too many web sites begin life as ad hoc efforts, created by small interest groups
working in isolation from their peers elsewhere in the organization and without fully considering the
sites goals within the context of the organizations overall mission. The result of poorly planned,
hasty development efforts often is an orphan site, starved of resources and attention.
As you consider the development process outlined below, note that the construction of the pages
that make up the web site is one of the last things that takes place in a well-designed project.
Consider each step in the process and its impact on your developing project charter plan (see
Developing a Project Charter, below). Think before you act, and make sure you have the
organizational backing, budget, and personnel resources youll need to make the project a success
(fig. 1.8).
Figure 1.8 Another concept of web development projects, here emphasizing the necessary tightening of focus from
broad input and participation in the beginning, to a narrow focused team at the end. Necessary, that is, if you ever
want to finish your site on time and on budget.
Will your site production team be composed of in-house people, outside contractors, or a mix of
the two?
Who will manage the process?
Who are your primary content experts?
Who will be the liaison to any outside contractors?
Who will function long-term as the webmaster or site editor?
Technology
JavaScript required
Java applets required
Third-party browser plug-ins required
Special features of the Linux, UNIX, or Microsoft IIS server environments required
Special security or confidentiality features required
How will users reach support personnel?
Will the site reside on an in-house web server or be outsourced to an Internet service provider for
web hosting?
site editor will also typically bear the primary responsibility for keeping the site content as visible as
possible in local enterprise or general Internet search engines. Broken links and scrambled content
organization schemes can harm your search engine rankings and make your content harder for users
to locate. The site editor is also the logical person to handle the collection and analysis of web site
analytics and to produce periodic reports on the usage of the site.
In addition to ensuring editorial quality, a site editor must also make certain that the content of the
site reflects the policies of the enterprise, is consistent with local appropriate use policies, and does
not contain material that violates copyright laws. Many people who post pictures, cartoons,
audiovisual files, or written material copied from other sites on their own sites do not understand
copyrights and the legal risks in using copyrighted materials inappropriately. A site editor is often an
institutions first line of defense against an expensive lawsuit over the misuse of protected material.
Information architecture
At this stage you need to detail the content and organization of the web site. The team should
inventory all existing content, describe what new content is required, and define the organizational
structure of the site. Once a content architecture has been sketched out, you should build small
prototypes of parts of the site to test what it feels like to move around within the design. Site
prototypes are useful for two reasons. First, they are the best way to test site navigation and develop
the user interface. The prototypes should incorporate enough pages to assess accurately what its
like to move from menus to content pages. These prototypes can be used to test the information
architecture with users. Second, creating a prototype allows the graphic designers to develop
relations between how the site looks and how the navigation interface supports the information
design. The key to good prototyping is flexibility early on: the site prototypes should not be so
complex or elaborate that the team becomes too invested in one design at the expense of exploring
better alternatives.
Typical results or contract deliverables at the end of this stage include:
Detailed site design specification
Detailed description of site content
Site design
At this stage the project acquires its look and feel, as the page grid, page design, and overall graphic
design standards are created and approved. Now the illustrations, photography, and other graphic or
audiovisual content for the site need to be commissioned and created. Research, writing, organizing,
assembling, and editing the sites text content is also performed at this stage. Any programming,
database design and data entry, and search engine design should be well under way by now. The goal
is to produce all the content components and functional programming and have them ready for the
final production stage: the construction of the actual web site pages.
Typical products or deliverables at the end of this stage include:
Content components, detailed organization and assembly
Text, edited and proofread
Graphic design specifications for all page types
best practices that promote the development of universally accessible web sites. Most validation
tools use the WAI guidelines as the standard against which to measure sites.
The following links may be helpful in learning what makes a site accessible, how to promote
accessibility within an organization, whats required for accessible designs, and how to evaluate
designs for accessibility:
Web Accessibility Initiative
Developing a Web Accessibility Business Case for Your Organization
Web Content Accessibility Guidelines
Evaluating Web Sites for Accessibility
Site construction
Only at this mature stage of the project are the bulk of the sites web pages constructed and filled
out with content. By waiting until you have a detailed site architecture, mature content components,
fully tested wireframes and prototypes, and a polished page design specification you will minimize
the content churning, redundant development efforts, and wasted energy that inevitably result from
rushing to create pages too soon. Of course, you will always learn new things about your overall
design as the prototype matures into the full-blown web site. Be prepared to refine your designs as
you and your users navigate through the growing web site and discover both weak spots and
opportunities to improve navigation or content.
Once the site has been constructed, with all pages completed and all database and programming
components linked, it is ready for user testing. Testing should be done primarily by people outside
your site development team who are willing to supply informed criticism and report programming
bugs, note typographic errors, and critique the overall design and effectiveness of the site. Fresh
users will inevitably notice things that you and your development team have overlooked. Only after
the site has been thoroughly tested and refined should you begin to publicize the URL of the site to a
larger audience.
Typical products or deliverables at the end of this stage should include:
Finished HTML for all web pages, all page content in place
Finished navigation link structure
All programming in place and linked to pages, ready for user testing
All database components in place and linked to site pages
All graphic design, illustration, and photography in place
Final proofreading of all site content
Detailed testing of database and programming functionality
Testing and verification of database reporting features
Testing of site user support procedures, answering email, etc.
Archives of all site content components, HTML code, programming code, and any other site
development materials
Maintainable code
Most businesses or departments in larger enterprises will contract with a web development group to
create the initial site design and to build all the pages in the first version of the web site. They then
assume responsibility for the site, doing some or all of the daily maintenance and updating content
as needed to keep the site current.
Often not until the practicalities of site maintenance arise do customers realize the importance of
understanding the details of how the web developer generated the HTML and other code that makes
up the web site. Although all HTML and CSS markup is much the same to web browsing software,
how the HTML and CSS is formatted and what web authoring tool the developer used can make a
huge difference in how the code looks to a human reader.
Consider the two code examples below:
Example 1
<table summary=HR Committee Schedule, FY 2008>
<tr>
<th>Meeting Dates 2008</th>
<th>Agenda Item Submission Deadline</th>
</tr>
<tr>
<td>Monday, Oct 6, 2008</td>
<td>Friday, Oct 3, 2008</td>
</tr>
</table>
Example 2
<table summary="HR Committee Schedule, FY 2008"> <tr> <th>Meeting Dates 2008</th>
<th>Agenda Item Submission Deadline</th> </tr> <tr> <td>Monday, Oct 6, 2008</td>
<td>Friday, Oct 3, 2008</td> </tr> </table>
Which example do you find easier to understand? These code examples are exactly equivalent to a
web browser, but most people would find Example 1 significantly easier to read and understand. If
you contract with a developer to build your site, it is important to understand how the developer
writes code, what state the code will be in when the site is delivered, and whether the software used
by the developer is compatible with what you will be using to maintain the site after delivery. Some
web development software produces HTML code that is nearly impossible for a human to read
without significant (and expensive) reformatting. Other programs (such as Adobe Dreamweaver)
produce HTML code that is easy for web programmers to read, which can make a huge difference if
you decide to change web developers or if you decide to edit HTML directly when maintaining your
site.
If you hire someone to create your web site or components of your site, such as database or dynamic
elements, be sure to ask what tools they will use to write the HTML and any other code. Ask to see
examples of code written for other clients. Have your technology lead examine the code to be sure
the developer inserts explanatory comments and dividers for legibility in the code. Be sure to find
out whether there will be problems or conflicts if you use your favorite tools to edit the code the
developer produces. Make sure the developer understands what editing tools you prefer to use and
develops the code for maximum compatibility with your maintenance tools.
pages will fail W3C validity tests either for relatively minor code mistakes or for complex links to
database or application URLs that use problematic characters like ampersands (&). Ignore minor
failures in the code validation, since they are unlikely to cause major functional problems. But if
representative pages come back from testing with long lists of HTML code problems and CSS
mistakes, beware of that developers work, and thoroughly discuss and put in writing your
expectations around code validation as part of any contract.
HTML and CSS code validation tools from the W3C:
HTML validation: validator.w3.org
CSS validation: jigsaw.w3.org/css-validator
Todays web pages are much more complex than pages in the past, and many new mobile and other
devices can now display web pages. Search visibility is crucial to successful web sites, and web
accessibility is a legal requirement with a growing set of case law behind it. Using carefully validated
HTML and CSS code is one of your best strategies for getting maximum flexibility and value from
your web development dollars. Be extremely wary of a web developer who tells you, Validation isnt
important.
Site marketing
Your web site should be an integral part of all marketing campaigns and corporate communications
programs, and the URL for your site should appear on every piece of correspondence and marketing
collateral your organization generates.
If your web site is aimed primarily at local audiences you must look beyond getting listed in
standard web indexes, such as Yahoo! and Google, and publicize your URL where local residents or
businesses will encounter it. Local libraries, newspapers, and schools are often the key to publicizing
a new web site within a specific locale.
You may also find opportunities to cross-promote your site with affiliated businesses, professional
organizations, broadcast or print media, visitor or local information agencies, real estate and
relocation services, Internet access providers, and local city or town directory sites. Your
organization could also feature local nonprofit charitable or school events on your web site. The cost
in server space is usually trivial, and highly publicized local events featuring a web page hosted
within your site will boost local awareness of your web presence. Site sponsorship might also
interest local broadcast media as an interesting story angle.
Your home page URL should appear in all:
Print advertisements
Radio and television advertisements
Lobby kiosks in high-traffic areas of your enterprise or in local libraries, schools, or other suitable
venues
Figure 1.9 Web statistics are much more than just raw measures of traffic. They can tell you what content people
looked at, where your visitors are coming from, and provide a rich set of technical information on what technology
your typical readers are using. From Google Analytics.
Figure 1.10 Much as older buildings grow through additions and adaptation over time, sites grow and change in
response to changing needs and ideas. (Adapted from Stewart Brands How Buildings Learn.)
webstyleguide.com