Design and Content Tips



Categorize
Categories help your visitor move about your site quickly and efficiently. If visitors get frustrated, chances are they will lose interest and find a site easier to navigate. Well-defined categories often require a lot of planning and quite a bit of thought, but the time is well spent. Well-defined categories may mean the difference between a buyer and someone who just surfs on in frustration. 

Be A Site Visitor
First, we mean that you should pay attention to details when you visit other sites. Note navigation that works, what entices you to look further and what frustrates you to the point of irritation. Next, we suggest you put yourself in the shoes of your target site visitor. What do you want to find and how do you go about finding it? Pretend a little here, forget that you have ever seen the site before or that you know its content. Really challenge yourself to find what doesn't work well. Look for intuitive ways to find site content. What clues are used to get you where you want to go? Get opinions from others and then listen well. It's hard to take criticism, but you really need people to surf about the site and tell you what does not work for them. When you hear "I couldn't find my way home," don't chalk it up to them being an idiot not able to find their way out of a paper bag. Instead, realize that while clicking on the banner with the logo seemed obvious to you, it wasn't to someone else. 

Consistency and Predictability
Sounds pretty boring, doesn't it? We all want to make our site just a little different and try new things.  Try your creativity when writing your content, designing your graphics, choosing your colors, customizing your content. Do not try it with your navigation system. Visitors don't like to figure out how to move about a site. Surfers want predictable and consistent navigation, so stick with it and be creative elsewhere. Many want to move about quickly and if you do not allow them to do so. After all, navigation is not where you want your visitors to focus. Speaking of navigation, it is good to have two different systems with at least one navigation system not dependent on graphics. Not everyone surfs with images on and many sight disabled people do surf the Internet. 

Loud Colors Do Not Equal Creativity
Creative design does not mean you should make your visitors pull out there sunglasses! Cutting edge design work does not mean using colors no one else would think of using. Nor does it mean showing that you can use every font color available. Believe it or not, cutting edge designs are often so simplistic that others miss the boat with their gee-whiz effects and whirling graphics. Unless you are selling graphics, you certainly don't want your graphics and visual effects to down- play your content. Images and colors are enhancements, not the main focal point of a site. 

Use Technology as a Friend, Not a Distracter
Once again, there is a lot to be said for simplicity and subtlety. New technologies are developed every day, but this doesn't mean that you have to incorporate each and every one in your site to demonstrate your abilities. Indeed, some technology is overused. Let's rephrase that - most new technology is overused at the beginning. Everyone wants to show their ability to grasp the latest and greatest and unfortunately, their attempts usually go overboard until they lose their fascination of the new look. For example, a bit of Flash is nice in the right place at the right time for the right site. But, be wise, a 4 minute Flash movie feels like an hour and a half on the Internet. Not too many people are going to wait around for it.  Flash is just not right for many sites.

In essence you get to experience what every cook has experienced for years - it takes hours to make, but people want to consume it in a very short period of time. Don't try to elongate their experience. While we are speaking about technology and things going a long way, unless you are a musician or selling music, please opt out of music files. Most of us have a different preference in music. Should we want music while we surf, we play our own. Audio files slow your page loads and irritate many visitors. There are places where music is just the right touch.  If you really believe your site is the place, tone it down with options for increasing volume if necessary and give surfers the chance to opt out quickly.

Image Projection
Great site design really is about understanding and conveying an image - a picture that speaks volumes if you will. Again, I'm going to remind you that the subject matter of the site should be the focus, not your really cool design. Through your words, design, navigation system, colors, graphics and technology, you convey an image. Remember this when you first begin planning your site. Before you decide what the site will look like and what it will contain, ask yourself what is the image you want to convey. 

The site you design should leave an impression, a feeling. 

If you are designing a site for lumberjacks, leave a subtle impression of wood. Remember, don't scream "wood" with tacky, dark, wood paneling, just leave the "feel" of wood with perhaps small graphics of trees and flora, using greens and browns for your site colors and a few small tools used by lumberjacks.
If you are after a professionalism concept, don't shock your visitors with bright colors, flashy graphics, tons of animation and cartoons. Use fine photographs, subtle colors, simplistic mouse-overs and a conservative layout. Use a compelling writing style void of unsubstantiated claims and "used car salesmanship". Check and recheck your spelling, grammar and punctuation. Provide lots of knowledgeable content, scholarly articles and links to other professional sites with the same type of content. Avoid banner ads and pop-up windows like the plague.

Repeat Visits
A very important part of your site is to give your visitor a reason to come back. Continually add new content, update your articles, verify site links monthly, offer new contests, newsletters or other content that keeps visitors checking back. Please remember to reward visitors with what they expect (updated content and an ever growing site) when they do return. 

HTML with Style

Production Graphics

All You Need To Know About Web Safe Colors
Color for web graphics can get pretty confusing. While there might only be two basic file formats, GIF and JPEG, used for web graphics, there are several color systems that apply to GIF images. Here we look at Web Safe palettes, or Browser Safe palettes as they are also referred to - 216 colors that display solid, non-dithered, and consistent on any computer monitor or web browser. 

Creating Web Animations
A step-by-step tutorial on creating animated images for Web pages. You'll
learn how to use the most popular tools, and how to optimize your animations
for minimal load time. 

Choosing Colors

Design Questions and Answers

Design Lab

Good Sites:

http://www.buckswood.com/

http://www.musetech.com/

http://www.city.nanaimo.bc.ca/