Work :: Capabilities :: Partners :: About us :: Contact :: Support
A Web Design Primer by Hooman Moayyed
The Anatomy of a Web Site
Web Design Is Not Like Print Design
Remember that what works on printed matter does not always work well on the web. Printed matter uses dyes and a preset size of paper. Every element within the piece can be controlled to result in an exact product. Designing for the web is completely the opposite. One has less control in the end result of a web site because it will be viewed by people using computers with varying monitor resolutions, video color settings, operating systems, browser versions and connection speeds. What may look one way on one monitor may look completely different on another. For example, most computer systems are shipped with the video card set to 800x600 resolution and 16-bit color. This means that your computer desktop will fairly small in size and colors will look close to real. If this machine was equipped with Internet Explorer version 6 running on Windows 2000, the web site would look almost exactly as the designer expected it to look. However, if someone else viewed the same site at 640x480 resolution, 256 colors running on Netscape 4.5, it may look like the web designer had lost his mind. On average most designers optimize the web site to run at 800x600 monitor resolution and 256 colors (web safe colors). A good designer will also optimize the site to run on 90% of the web browsers in use today.

So when you work with your designer, don't get frustrated if you can't use your special corporate font or if the placement and shades of color aren't just perfect. Designing for the web constantly requires compromise and a good designer will know how to work the compromises in your favor.

Here are some rules of thumb when designing a site. These rules help to maximize browse time thus resulting in higher site utilization.

  • Make good use of white space. Use white space for areas heavy in text. The easiest reading is in black and white.
  • Try to use light background colors and dark text colors. However, avoid using colors that clash such as orange and brown.
  • Keep buttons down to a minimum. Generally, more than six or seven buttons on your main navigation is too much. You can always offer a set of sub pages under a main heading.
  • Try to use web safe colors in your navigation. Your designer can give you a palette of colors that will surely work well on all computers.
Define a goal for the site

Often times, a web design project will stray in so many directions that its purpose in the end becomes diluted.   A web site must have a pre-defined goal behind it.   Generally, web sites will either save the owner money or make money for the company.   By streamlining the operations of a company, a web site can save money.   For example, if customers are constantly calling for brochures and catalogs and order products by calling an operator, why not allow them to browse and purchase products online?   Another method would be to allow outside salespersons to download and fill our forms online rather than fax them requiring duplicate entry.   Always think of how technology can work in your favor thus streamlining operational overhead.

A well thought out goal may also include positioning the site to generate revenue.   This can be accomplished through and online store, promotional email campaigns, search engine optimization and traditional advertising.

Previous Page Next Page

Client Focus:
BroadcastCalls.com
Website Design

In The News:
New article on Search Engine Optimization available for download (pdf format)

New article on the Anatomy of a Web Site available for download (pdf format)

Login:
WebMail
EMail Admin