What we have Learned so far:
Basic Web Design Principles
Reading: 2. Basic Web Design Principles."
(Read before Class)
Assignment: Work on your Image websites
which are due on Saturday, March 25h. Bring
questions and/or problems you are having
with your websites to class.
1. a) Technology
Arts Media Newsletter
TAM Advising: TAM Courses
2. Basic Web Design Principles
Lewis' Basic Web Design Principles
Lewis Basic Elements of a Webpage
for Digital Design
Ten Mistakes in Web Design
Ten Mistakes Revisited
a Webpage: a Basic Guide
and the Zen of Web Sites
Top 15 newbie
3. Image Website Examples
4. . Web Design Basic we have Learned So Far
First determine what is the "larger goal" and
"purpose" of your website.
Next determine who your "intended audience" is.
Now determine what your site "content" will
your website provides good, current, useful content, then people will come back to your site.
Now develop a website template that gives your site a strong, clear "look and feel."
Now organize your content into logical and independent categories. Try to limit your content categories to between five and six topics.
Now create and develop your website navigation. Make sure that there are links back to each main category page on your site and to your site's home page.
Make sure your website's navigation is simple and
intuitive so that it is easy for users to quickly move
around your site.
Make sure your website navigation follows the
"three-click rule," allowing users to find what
are looking for on your site in three clicks or less.
Make sure that your website has a clear "title" that
tells the user what its larger goal and purpose is. Make sure that each webpage in your site has a clear title as well.
Make sure that each page on your website has clear "contact information" so that users can contact
Make sure that each page on your website has
"date created" and "date last modified" information.
Make sure that each of your pages on your website uses "web-safe colors" so that you don't have trouble
Use active white space to make your content
stand out on the page.
- Use a grid to provide visual structure. Use
invisible tables to create a layout grid.
- Try not to use "Frames". They are often
cause more problems than they solve. Instead of Frames, use a tight, compact invisible grid layout.
- Design for the screen. Remember, a computer
screen is "landscape oriented" rather than
"portrait-oriented." Design horitzontally, not
vertically. Readers don't like to scroll.
- Design for variable screen sizes between 640 x 480,
800 x 600, and 1100 x 750. Use variable table grids that will expand or contract to fit into different screen sizes.
- Make sure that each webpage has a clear "visual
hierarchy" that makes it easy for the user to
determine what are its central elements.
- Design using the "Kiss Principle" (Keep it simple,
Stupid). Don't throw too much content onto a webpage or put too many fancy web multimedia goodies on your pages.
- Design for low Bandwidth. Try not to create webpages that are bigger than 50 to 60 kbs in size.
- Make sure your image files aren't bigger than between 25 and 40 kbs in size. Too many large image files can make your webpage take to long to download.
- Make sure that your central images have "title captions" and, if necessary, "storyline captions" to help reinforce the image's larger meaning. Don't assume that images and pictures will just speak for themselves.
- Make sure every webpage has a clear "focal point"
that draws the user into the page. Beware of clutter
and multiple "focal points."
- Make sure that every webpage has "Meta tags" that
include "description," "keywords," "author,"
"language," "copyright," "distribution,"
and your "e-mail address."See Dr
Clue's Metatag Maker.
- Always make sure that you have "text links" on
each of your webpages and your major images and buttons have "Alt tag" information for those users who have their images turned off.
- Make sure that your webpages have file names that
follow the"8.3 rule" and use lowercase characters.
Don't name files "html" but "htm," with
no file name being longer than 8 characters.
- Make sure that your webpages use names that indicate what their content is. If you can, use some of the keywords for your website as filenames; this makes it easier for Search Engines to list them.
- Always test your website and webpages out on multiple computer platforms--Mac and PC--running at variable speeds between 56 kps to 100 Mps.
- Learn to understand and respect the limits of your web design tools. Often some of the fancy things you want to put on a webpage can't be done with a "basic"webpage editor such as Netscape Composer or Frontpage Express.
- Make sure you have other people look at and explore your website and get feedback from them about how it works. Good user feedback is essential for successful, dynamic websites.