In this article Mitchell talk about the top ten design tips that any web designer should live by. He talks about usability, colors, linking, cascading style sheets, image optimization, testimonials and more.
How many times have you visited a site and noticed that their home page is colored in red, black and gray. You click on a link such as the about us page and you're greeted with a yellow and green page with blue text. This sort of inconsistent coloring is enough to deter visitors from every coming back to your site because it screams a lack of professionalism.
Before you even start coding your site, choose two or three complementary colors and stick with them. If you take a look at http://www.techbuy.com.au then you'll notice that I've used a strict combination of reds, grays and white consistently throughout the site.
The best way to choose a color scheme is to take a look at other sites that you like: what colors do they use and how do they use them? Do they gradually introduce the colors or are they all smack bang in the middle of the screen when you load their home page? I've come up with a list of the five most used color combinations around the web. Here's the list:
Red, yellow and white
Blue and white
Red, gray and white
Blue, orange and white
Yellow, gray and white
Tip #2: Design for cross browser compatibility
This is one of the most important tips that I offer people. Never, ever implement either an Internet Explorer or Netscape specific function into a site unless a closed user group, such as a company Intranet, will only use it.
Tip #3: Provide an intuitive, easy to use menu navigation
Have you ever been to a site and wondered where in the world the links to the rest of its pages are? Menu accessibility is one of the key aspects to creating a positive usability experience for visitors to your site.
Most web sites either display a left-aligned, vertically orientated menu or a top-aligned, horizontally orientated menu system. Surveys have shown that using either one (or both in a complementary style) of these menu styles is guaranteed to provide your visitors with a positive site experience because they feel comfortable moving from page to page and don't have to run for the back button every time they want to return to the home page.
To see what I mean, spend a couple of minutes moving around http://www.amazon.com. Now, spend the same amount of time at http://www.isonsw.com.au. Which site's menu system did you feel comfortable with? I'm sure you answered Amazon's, because it was consistent, easy to use and blindly obvious which page you're on no matter where you are on their site. When you're developing a new site, you should prototype at least three menu systems and ask friends, family and work colleagues which one they would prefer to use and why.
Tip #4: Use cascading style sheets
Cascading style sheets (CSS) allow you to develop a specific set of style classes, which you can implement throughout your site. Style sheets can also be used to change certain style attributes of the built-in HTML tags, such as making the color of a <H1> tag red, making the background color of a <td> cell yellow, etc.
Use your color scheme as discussed in tip #1 to create a variety of styles including a bold headline, an important points style, and a default text style. You may also want to change the default style of the anchor tag so that your links match the color scheme of your site.