Publishers of technology books, eBooks, and videos for creative people

Home > Articles > Design > Voices That Matter

  • Print
  • + Share This
Like this article? We recommend

Layout

First impressions are very important. Your Web site's "home page" should sum up the services that your company or Web site provides. Use a short descriptive heading that describes the main focus of the site. You can also add your company's logo, but don't stuff this page (or any page of your Web site!) with information and graphics; it needs to look clean and organized. Use an easy-to-read font. The home page would be a good place to put any site updates or news. Also, depending on how big your Web site is, you might want to explain how to navigate through it. At the bottom of the page, provide your company's contact information, such as your email address or phone number, so it's easy for visitors to contact you.

Be sure to carefully choose the right color combination for your site before you start designing—no purple backgrounds with dark blue text. And stick with one color combination for the whole site. Differently colored backgrounds or type can be very annoying. You can also choose to use a background image instead of just a color. You can use just about any image as a background, or download some backgrounds from the Internet. You can blur your background images to make the text on your site more easily readable. Keep in mind that while background graphics don't print, background colors will. Before uploading your pages, check how various browsers will print those pages.

When adding text, there are a few things to remember:

  • Don't change fonts!

  • Make the text easy to read (font size). Remember to check how the text looks with different resolutions.

  • Never use ALL CAPS.

If you use a background graphic, the background color and any type on the page will always load first, so if the background color doesn't contrast with the text color the visitor could see a page full of unreadable text for a couple of seconds. To fix this, simply make the background color similar to the color of the background graphic.

Keep your Web pages short. Try to spread out the information/animations over several pages. Putting a lot of information on one page gives your page a very messy look, and certainly won't encourage visitors to read all the text displayed. Instead, you should make a couple of pages and put one or two paragraphs of text on each page. Place a button below the text that links to the next page, and make a button on the last page that links back to your home page or wherever the visitor came from. Use templates where possible.

If you have a Flash movie intro for your Web site (discussed later), it would be better to put it on a separate page before the home page. Be sure to add a "Skip Intro" button so that visitors who don't want to wait for the intro to load, or who have seen it before, can easily skip to your home page. Using cookies, you could also have a visitor's browser automatically skip the intro if he or she has visited your Web site before. You can also choose to just put a link to your intro on your home page.

  • + Share This
  • 🔖 Save To Your Account