
The Art of Scintography Edition 3.0 © 2008 Aurora Isaac www.scintography.com | ||||||||||||||||||||
2.1 The Design Process | ||||||||||||||||||||
|
Design is the mystical process of creation.
We assimilate an endless stream of parameters, observations, and personal preferences,
letting them percolate through our intuition.
Eventually, out of this process comes -- a design.
The best way to start designing your site is to browse. Analyze the sites you visit. Decide what you do like and what you don't like. Make notes and keep track of these sites so you can revisit if you need to. Determine the purpose of your site and decide on a visual theme. Add these to your notes. Plan a site structure and page layout that will accomplish your purpose. If you intend to work with a Web Designer, you should consult with them as early as possible. You may want to check with several designers before selecting the one that works best for you. The services provided by web designers vary widely. Some are streamlined to minimize cost, offering little flexibility in the design process. Others offer an array of services, allowing you to select only what you need. Once you have selected a designer, you become a team. Together, you will create your website. With more than one person on the team, a good design is essential. If you are doing your own implementation, your site will benefit from a clear design, even if you develop your design as you develop your site. | ||||||||||||||||||||
2.2 Checklist Step 4: Collect Your Site Content | ||||||||||||||||||||
|
The most important part of the design process is collecting the items that will eventually become your site content.
This primarily inlcudes text and image content.
Don't expect to use everything you collect.
Part of the design process is paring your initial impulses down to the pure essentials that most effectively convey your message.
For each item of content you collect, you should ask the following questions:
| |||||||||||||||||||
2.3 Establish a Purpose | ||||||||||||||||||||
|
What will your site do for you? The web is still young, and most of us
are still trying to figure this out. Here are some functions others
have found for their sites.
Provide information
Collect information
Advertise your product
Sell your product
Just be
| ||||||||||||||||||||
2.4 Identify Your Audience | ||||||||||||||||||||
|
Several design issues depend on your viewing audience.
If you are publishing information about a conference for web developers,
you can probably assume they have state of the art viewing systems available.
If you are publishing information about a conference for Sci Fi fans,
some of your viewers may have systems several years old.
Keep your audience in mind as you design your site.
Take advantage of the demographic data available on the Internet to help you plan your site. As you consider the following questions, keep in mind that the answers are constantly changing as the Internet develops. This is a dynamic medium.
What browsers are they using?
What platforms are they using?
What size screen do they have?
Will they come back again?
| ||||||||||||||||||||
2.5 Establish a Visual Theme | ||||||||||||||||||||
|
A visual theme will give your site an identity. Just as each page
in a book has some features in common with the other pages that help
set the mood for the reader, your site will take on a character of its own
based on your visual presentation. Your choice of colors and images,
and the way you arrange them on the page may be the critical element
that causes a viewer to move on to another site, or stay and explore your site.
Color is the first thing your viewer will be aware of.
Relate your basic color scheme to the purpose of your site.
Do you like dark colors? Pastels? Neon?
Do you want your site to appear businesslike, casual, eclectic?
Identity is especially important if your page is bookmarked or printed for later reference. Use your background images to give your pages a common appearance. Select an identifying icon image to put on each page so your viewer will know that this page belongs to your site. Use the same navigation scheme for all your pages. A row of familiar icons or a familiar menu panel will help your viewers quickly identify where they are within your site structure. | ||||||||||||||||||||
2.6 Plan Your Site Structure | ||||||||||||||||||||
| Site structure refers to the way your pages will be linked together. If you have a small site with just a few pages, this is probably not a significant issue. If you have a large site, your viewers will need to be able to find what they want easily and get there quickly. Any bookmarkable page should have site identification and a link to a central page, such as your home page, or a table of contents. Any printable content should include source and copyright information. It's important to rememeber that first time viewers may not be starting with your home page. Make sure your viewers can get where they want to be from any page in your site. | ||||||||||||||||||||
2.7 Plan Your Page Layout | ||||||||||||||||||||
|
     
The way you lay out your pages will depend on their content and purpose.
There are many ways to present information in a web page.
Most pages fit one of these styles.
| ||||||||||||||||||||
2.8 Checklist Step 5: Envision Your Site | ||||||||||||||||||||
|
This is probably the most important step in designing your site.
As you consider what seems to be an endless stream of design options, your inner designer is hard at work.
At some point you will begin to see your site.
If you find it difficult to visualize the appearance, concentrate on the process of visiting your site.
Imagine what it will be like when your site is done.
Sit down at your computer and type in your URL. What will you see? What will you do?
When you can envision your site, write down as much of your design as you can. This will be especially important if you will be working with a designer. Try to answer as many questions as you can. If you plan to implement your own site, and already know some HTML, try out some basic page layouts. Design is a recursive process. You will probably need to see several versions before your are satisfied with the result. | |||||||||||||||||||
2.9 References | ||||||||||||||||||||
|
1
Browser News (demographics) http://www.upsdell.com/BrowserNews/stat.htm
2
TheCounter.com (demographics)
3
Creating Killer Web Sites
4
ClickZ Stats
5
W3Schools
6
: Browser Statistics
7
WebReference.com
8
YALE Web Style Guide | ||||||||||||||||||||
| All Contents © 2008 Aurora Isaac. All Rights Reserved. Legal Notices. | ||||||||||||||||||||