Home | Week One | Week Two | Week Three | Week Four | Week Five | Week Six

Web-Design Basics  

If you're creating a website, now is a good time to revisit the 14 most important web-design basics.

  1. Keep each page's file size under 40K.
    1. This will ensure that your pages load reasonably quickly. If they don't, no one will stick around.
  2. Include plenty of "white space" -- open areas that don't contain graphics or text.
    1. Not enough white space means visual noise and clutter
    2.  This can be confusing to the visitor.
  3. Use colors that complement each other in the overall layout.
    1.  make sure there's enough contrast between the text and the background color/image.
    2.  Too little contrast makes the text difficult to read.
    3. Full-page background images that are too "busy" tend to interfere with the text.
    4. If you have one you really like, just place it on pages that don't have a lot of text (like photo galleries), or use a table with a complementary background color.
  4. Don't use too much animation. 
    1. Unless the animated images are your content, they will only distract from whatever you want your viewers to focus on.
    2. The visual noise produced by excessive animation is tiring to the eyes, and if you don't make your own, it's all been seen before anyway.

    Break up long passages.

    JackStrings of text that are too long become visually tiring, and readers tend to give up on such content more quickly. One way to break up your text is to include headers. While people will skim right over long passages, they'll see the headers. And if you word them right, your visitors may stop to read the text beneath. Think of your headers as ad headlines; use them to create interest and draw your readers' attention to the message.

     

    Speaking of text (again and again), don't center it! You can center headlines, but centered paragraphs are the first sign of a newbie website. Most places use left-justified text (because it's the default), but I prefer full-justified text. While many people don't know you can do that in a browser (as far as I know, it's an undocumented HTML command) it looks very professional. I discovered it while playing around. Simply use a paragraph tag with an ALIGN attribute of "justify":

    <P ALIGN="justify">

    I use this on most of my pages and highly recommend it. The only drawback is that you may have to reword a line here and there to keep some sentences from...looking too...strung.........out.

     After you spell-check your pages, proofread them yourself. Spell-checking is good for catching words you think you know how to spell, but don't (don't feel bad, it happens to everyone).

     
    Proofreading, on the other hand, catches spelling and grammatical mistakes the spell-checker won't.
     For instance: Eye doesn't think a smell check her wood help hear.
    Keep the size of your graphics down, not only in terms of bytes, but actual dimensions as well.
    Graphics should complement a website, not overwhelm it. And of course, if they take too long to load, people will just leave.
    Don't overdo the banner ads. If I see a site with too many banners I'll hit my back button faster than one ad can load.

     
    Like most people, I don't mind an ad or two per page if there is good content, but if you try and shove them down my throat I will rebel and vote with my back button.

    Keep a consistent navigational structure throughout your site. Make it easy to go back and forth between pages or, on a large site like mine, between content areas. Visitors will surf more of your site if you do.

    If you're trying to earn money from your website, keep its look consistent. Changing the background on every page may be okay for home pages, but doing so on a business site will make you look like an amateur who's trying to play at business.

    Go to top of Page



    cuiestreasures.com©2008