<![CDATA[<body>
<BR><BR><h1 align="center"><font face="Geneva, Arial, Helvetica, sans-serif">Website Design Principles</font></h1>
<p align="left"><font face="Georgia, Times New Roman, Times, serif"><a href="http://www.sitesource.com.au/"><font face="Arial Narrow, Arial Black, Arial, serif"><strong>SiteSource</strong></font></a></font></p>
<p align="left"><font face="Georgia, Times New Roman, Times, serif">Menu & Content
Structure </font></p>
<p><font face="Georgia, Times New Roman, Times, serif"> Organised to ensure you can find the files/pages/images etc. you are looking
for.</font></p>
<p> </p>
<p><font face="Georgia, Times New Roman, Times, serif">8 Key Stages of Web Project Development Cycle</font></p>
<p><font face="Georgia, Times New Roman, Times, serif">Project Development/Brainstorming <br>
Information gather client requirements, turn ideas into technical specifications.</font></p>
<p><font face="Georgia, Times New Roman, Times, serif">Product Demonstration <br>
Communicate your project ideas, helps highlight usability issues.</font></p>
<p><font face="Georgia, Times New Roman, Times, serif">Design <br>
All project architecture, technical specifications for every aspect.</font></p>
<p><font face="Georgia, Times New Roman, Times, serif">Development <br>
Build the <a href="http://diy.sitesource.com.au/">system</a>, based on agreed design, continually check.</font></p>
<p><font face="Georgia, Times New Roman, Times, serif">Testing <br>
Make sure the product works</font></p>
<p><font face="Georgia, Times New Roman, Times, serif">Launch <br>
Get it on-line and get people to view it.</font></p>
<p><font face="Georgia, Times New Roman, Times, serif">Hosting <br>
Managed hosting to ensure help for technical problems</font></p>
<p><font face="Georgia, Times New Roman, Times, serif">Post Launch <br>
Maintenance, including review of interactivity & security</font></p>
<p> </p>
<p><font face="Georgia, Times New Roman, Times, serif">5 features of effective web design</font></p>
<p><font face="Georgia, Times New Roman, Times, serif"><a href="http://isp.sitesource.com.au/">Speed of Loading</a> <br>
Navigation <br>
Resolution <br>
Browsers <br>
Fonts <br>
Images (minimal simple) <br>
White Space <br>
Broken Links <br>
</font></p>
<p><font face="Georgia, Times New Roman, Times, serif">Elements of well designed sites</font></p>
<p><font face="Georgia, Times New Roman, Times, serif">Simplicity <br>
Consistency <br>
Identity (Image reflects purpose) <br>
Content (provide all possible information required) <br>
Navigation (user-friendly) <br>
Visual Appeal (inc, quality of graphics & aliasing) <br>
Compatibility (platform) <br>
</font></p>
<p><font face="Georgia, Times New Roman, Times, serif">6 Steps of Web Design</font></p>
<p><font face="Georgia, Times New Roman, Times, serif">Gather Info <br>
Determine Audience <br>
Crate Storyboard <br>
Plan Navigation tools <br>
Create aesthetically appealing site <br>
Establish your credibility <br>
</font></p>
<p><font face="Georgia, Times New Roman, Times, serif">Universal Design</font></p>
<p><font face="Georgia, Times New Roman, Times, serif"> Access regardless experience.</font></p>
<p> </p>
<p><font face="Georgia, Times New Roman, Times, serif">Evaluating Web Pages</font></p>
<p><font face="Georgia, Times New Roman, Times, serif"> Apply good ideas, steer clear of bad ones.</font></p>
<p> </p>
<p> </p>
<p><font face="Georgia, Times New Roman, Times, serif">3 Categories of User needs</font></p>
<p><font face="Georgia, Times New Roman, Times, serif">Entertainment <br>
Information <br>
Products/Services <br>
</font></p>
<p><font face="Georgia, Times New Roman, Times, serif">Effective Communication Guidelines</font></p>
<p><font face="Georgia, Times New Roman, Times, serif">Defined Purpose <br>
Something to say <br>
Attractive, Well Designed & Easy to Navigate <br>
</font></p>
<p><font face="Georgia, Times New Roman, Times, serif">3 Groups of Web Sites</font></p>
<p><font face="Georgia, Times New Roman, Times, serif">· Business</font></p>
<p><font face="Georgia, Times New Roman, Times, serif">Used by commercial entities to propagate their business goals.</font></p>
<p><font face="Georgia, Times New Roman, Times, serif">- sales from existing</font></p>
<p><font face="Georgia, Times New Roman, Times, serif">- new sales from new customers</font></p>
<p><font face="Georgia, Times New Roman, Times, serif">- reduce running costs</font></p>
<p><font face="Georgia, Times New Roman, Times, serif">· Information</font></p>
<p><font face="Georgia, Times New Roman, Times, serif">To provide educational/informational communication about topic/s.</font></p>
<p><font face="Georgia, Times New Roman, Times, serif">· Personal</font></p>
<p><font face="Georgia, Times New Roman, Times, serif">Professional (celebs),
Personal (home bods) & Communal (GeoCities)</font></p>
<p> </p>
<p><font face="Georgia, Times New Roman, Times, serif">Common elements of good web sites</font></p>
<p><font face="Georgia, Times New Roman, Times, serif">· Contrast</font></p>
<p><font face="Georgia, Times New Roman, Times, serif">· Consistency</font></p>
<p><font face="Georgia, Times New Roman, Times, serif">· Proximity</font></p>
<p><font face="Georgia, Times New Roman, Times, serif">· Repetition</font></p>
<p><font face="Georgia, Times New Roman, Times, serif">· Alignment</font></p>
<p> </p>
<p><font face="Georgia, Times New Roman, Times, serif">Keep the user in your mind when <a href="http://results.sitesource.com.au/">developing a web site</a></font></p>
<p> </p>
<p><font face="Georgia, Times New Roman, Times, serif">Bad Background</font></p>
<p><font face="Georgia, Times New Roman, Times, serif">Brightly Coloured <br>
Strongly Patterned <br>
(solution = change colour, remove pattern)</font></p>
<p> </p>
<p><font face="Georgia, Times New Roman, Times, serif">Text Issues</font></p>
<p><font face="Georgia, Times New Roman, Times, serif">Bad Colour Choice (too sim to bg) <br>
Too Small <br>
Over Scrolling (solution = anchors & links) <br>
</font></p>
<p><font face="Georgia, Times New Roman, Times, serif">Large Photo download solutions</font></p>
<p><font face="Georgia, Times New Roman, Times, serif">Thumb nails <br>
Reduce Size of Pic <br>
Optimize Image <br>
</font></p>
<p><font face="Georgia, Times New Roman, Times, serif">Title Tag issues</font></p>
<p><font face="Georgia, Times New Roman, Times, serif">Search engine (no name) <br>
Bookmarks (no name) <br>
No definition in Browser <br>
</font></p>
<p><font face="Georgia, Times New Roman, Times, serif">Links house keeping</font></p>
<p><font face="Georgia, Times New Roman, Times, serif">Check links before going live <br>
Recheck for broken links <br>
</font></p>
<p><font face="Georgia, Times New Roman, Times, serif">Navigation frustration</font></p>
<p><font face="Georgia, Times New Roman, Times, serif">No way out. (Back or home links) <br>
No ALT tags for images <br>
Out of date information <br>
</font></p>
<p><font face="Georgia, Times New Roman, Times, serif">Accessibility</font></p>
<p><font face="Georgia, Times New Roman, Times, serif"> Regardless of platform of physical disability</font></p>
<p> </p>
<p><font face="Georgia, Times New Roman, Times, serif">Cookie</font></p>
<p><font face="Georgia, Times New Roman, Times, serif"> Enables a site to store information about a site visitor, primarily for use
when they re-visit.</font></p>
<p> </p>
<p><font face="Georgia, Times New Roman, Times, serif">Functionality</font></p>
<p><font face="Georgia, Times New Roman, Times, serif"> How well the interactive controls and media perform on the target platform</font></p>
<p> </p>
<p><font face="Georgia, Times New Roman, Times, serif">Interface</font></p>
<p><font face="Georgia, Times New Roman, Times, serif"> The visual layout of the content and interactive controls designed for the
user to interact with the site</font></p>
<p> </p>
<p><font face="Georgia, Times New Roman, Times, serif">Navigational Features</font></p>
<p><font face="Georgia, Times New Roman, Times, serif">Links <br>
Buttons <br>
Menus <br>
Scroll Bars <br>
Internet design & development information <br>
</font></p>
<p><font face="Georgia, Times New Roman, Times, serif">Splash screen</font></p>
<p><font face="Georgia, Times New Roman, Times, serif"> The screen the user sees first, while the site is loading</font></p>
<p> </p>
<p><font face="Georgia, Times New Roman, Times, serif">Symmetrical v Asymmetrical design</font></p>
<p><font face="Georgia, Times New Roman, Times, serif"> Across the vertical. V Each element balanced as a whole</font></p>
<p> </p>
<p><font face="Georgia, Times New Roman, Times, serif">Visual Hierarchy </font></p>
<p><font face="Georgia, Times New Roman, Times, serif"> Element arrangement based on importance and emphasis. </font></p>
<p><font face="Georgia, Times New Roman, Times, serif">Web Site<br>
Logo<br>
The logo must be used. In the case of the web site, a more graphic friendly
version is to be constructed, using just the three letters “SBI”.
However on the main welcome (splash) page, the full name of the business will
also be displayed, this will be done using the correct size, boldness and version
of the corporate font.</font></p>
<p><font face="Georgia, Times New Roman, Times, serif">Product and Services<br>
Pages relating to the <a href="http://estore.sitesource.com.au/">products and
services of the company</a> are to be created.
This will be done paying attention to the four key product areas mentioned
above, and the three key service areas – construction, engineering & project
management. Where possible pictures should be used to illustrate these items,
but overall page size and download speed is important.</font></p>
<p><font face="Georgia, Times New Roman, Times, serif">Technology<br>
A page should be set aside for the emerging technologies that SBI are developing.</font></p>
<p><font face="Georgia, Times New Roman, Times, serif">About Us<br>
There needs to be a page detailing the history of the organisation.</font></p>
<p><font face="Georgia, Times New Roman, Times, serif">Advice-Advantages<br>
A page detailing the advantages of dealing with SBI should be incorporated,
it should also offer the ability to give surfers the chance to get building
tips. This is to be done via a form, with specific relevant tips emailed
back to customers.</font></p>
<p><font face="Georgia, Times New Roman, Times, serif"> <br>
Communication Objectives<br>
Site Audience<br>
Who<br>
Demographic<br>
· Construction Industry</font></p>
<p><font face="Georgia, Times New Roman, Times, serif">· People with little
building knowledge, who require building services</font></p>
<p><font face="Georgia, Times New Roman, Times, serif">· People looking
for <a href="http://solutions.sitesource.com.au/">contracting services</a></font></p>
<p><font face="Georgia, Times New Roman, Times, serif">· People searching
for building products</font></p>
<p><font face="Georgia, Times New Roman, Times, serif">Geographic<br>
Australian Residents mostly, but also some site visitors from the other Oceania
countries that SBI operates in.</font></p>
<p><font face="Georgia, Times New Roman, Times, serif">Behavioural<br>
Have an interest in the building industry, either by trade or by necessity.</font></p>
<p><font face="Georgia, Times New Roman, Times, serif">Psychographic<br>
Want the latest and most technologically advanced products for their projects.</font></p>
<p><font face="Georgia, Times New Roman, Times, serif">Why<br>
Motivation<br>
· Latest styles</font></p>
<p><font face="Georgia, Times New Roman, Times, serif">· Up to date information</font></p>
<p><font face="Georgia, Times New Roman, Times, serif">· Need to know
how to contact SBI</font></p>
<p><font face="Georgia, Times New Roman, Times, serif">· Need to know
what services SBI offers.</font></p>
<p><font face="Georgia, Times New Roman, Times, serif">How<br>
Travel Process/Depth<br>
No more than three layers to final destination.</font></p>
<p><font face="Georgia, Times New Roman, Times, serif">Easy navigation is required</font></p>
<p><font face="Georgia, Times New Roman, Times, serif">Redundancy<br>
Redundancy in navigation is required, as a proportion of visitors may not be
WWW savvy.</font></p>
<p><font face="Georgia, Times New Roman, Times, serif">Requirements<br>
Simplicity<br>
Consistency<br>
Elements<br>
Facts<br>
Products<br>
· Wood</font></p>
<p><font face="Georgia, Times New Roman, Times, serif">· Paper</font></p>
<p><font face="Georgia, Times New Roman, Times, serif">· Concrete</font></p>
<p><font face="Georgia, Times New Roman, Times, serif">· Plastic</font></p>
<p><font face="Georgia, Times New Roman, Times, serif">Services<br>
· Contract</font></p>
<p><font face="Georgia, Times New Roman, Times, serif">· Engineering</font></p>
<p><font face="Georgia, Times New Roman, Times, serif">· Project Management</font></p>
<p><font face="Georgia, Times New Roman, Times, serif">General Information<br>
· History</font></p>
<p><font face="Georgia, Times New Roman, Times, serif">· Contact Details</font></p>
<p><font face="Georgia, Times New Roman, Times, serif">· Technology update</font></p>
<p><font face="Georgia, Times New Roman, Times, serif">· Advantages<br>
</font></p>
<p></p>
<p></p>
<p><font face="Georgia, Times New Roman, Times, serif">back to <a href="http://solutions.sitesource.com.au/packages/">Online
designs for business</a> </font></p>
<p><font face="Georgia, Times New Roman, Times, serif">next look at <a href="p4.php">ADSL
broadband ISP Sydney</a></font></p>
<p> </p>
</body>]]>