Webmasters Heaven, Free submission, Free Promotion, Free Tools
Backword Forward Home add this page to favoirates send this page to a friend print this page icons articles Webmaster Tools Web Site Submit
sitemap
Free Icons Free Articels Free Tools Website submission

Articles Category  ]

Google
 
Advertising
Affiliates
Blogs
CGI
CSS
DHTML
Domain Names
ECommerce
Email
HTML
Internet
Javascript
Link Popularity
Marketing
MLM
Newsletters
Promotion
RSS
Search Engines
Site Security
Traffic Analysis
Web Hosting
Web Design
Webmasters


articles -> web design
Article Title Author
Web Designer's Guide to Search Engine Optimization Sitecritic .Net
Surviving In The Web Without Google Sitecritic .Net
Essentials Of Good Web Design Arnab Ghosh
The Favicon, an untapped image promotion trick - Best practices Andrei Smith
Sneaky Web Design Tricks That Automatically Boost Readership & Drive-Up Conversion Rate! Dan Lok
Gone in 6.74 seconds Or The Do's and Dont's of Entry Page Design Sergey Alekseyev
Web Design and Graphic Software Ekta Verma
Web Design Basics Crystal Coast Technologies, Inc.
Ideas for Web Design Bernard Peh
Let's not over do graphics or content Deepak Sharma
25 Things I Love About Yahoo! Glenn Ford
Creating Your Own Web Page is Easy - A Tutorial (Part 3) Hardi Budd
PHP Roadmap James Murphy
What a Professional Web Designer Should do for You Crystal Coast Technologies, Inc.
The Keys to a Successful Web Site Today John Eberhard
The 10 Most Common Web Design Mistakes To Avoid Eric Stein
Design A Logo For Your Site Jeff Colburn
How to make the organization of your web site simple and intuitive Deepak Sharma
What resolution should your website be designed for?  Deepak Sharma
Surging ahead with the animation Deepak Sharma
Website Design On a Dime - What Web Design Companies Don't Want Yo To Know David Nicolosi
Creating and Publishing your first site Ben Gribbin
eXtensible Markup Language Tahir Liaqat
eXtensible Markup Language2 Tahir Liaqat
A login system with PHP and MySQL Pegasus
How To Learn Designing Your First Website Siuchu Suga
How To Create a Good Website and Save Time and Money ? Slawomir Krawczyk
Disgustingly Simple WEBSITE BLUNDERS that Even TOP DESIGNERS are GUILTY OF! 5 Shades Media
The Shrek Model of Web Design Christine Anderssen
My Top Ten Website Pet Peeves Nancy Barney
Web Design and Development Tools Pegasus
Keyword Selection and Website Optimization Chris Haney
Web Standards, Browsers and Designing for the future James Opiko
Part 1 of your Free Guide to building a website Nick
The True Art of Website Building Chris Walker
Handy Hints for Web Designers John Parker
The Do's and Don'ts of Web Site Design John Parker
Success is in the Details: Do all your pieces fit? Michelle Szabo
Web Wise - How to create and promote a Web site that works hafiz lecky
Ten top tips for website design Tracey Clerkin
3 Steps to Usability Drew Stauffer
Advantages and Disadvantages to Using Web Templates Melanie Kanis

Web Design Basics   by Crystal Coast Technologies, Inc.


Professional web design has become vital during recent years. A few years ago, it was estimated that a visitor to a web site took about 8 seconds to decide to stay on that web site or click the "Back" button. That was then, this is now: Your web site has only about 4 seconds to make an impression on the visitor. That is not much time at all! Today, people want instant results. Few people even wait to see the entire web design before making their decision. If your web design does not grab their attention immediately, they won't stick around. And if your web site does not offer something of benefit, they won't bookmark it and they won't come back (more on that later).

So, with that in mind, let's discuss some practical ways to grab the attention of web site visitors. Then, in a future article, we will talk a little about keeping their attention with good web site content. Remember, people spend most of their time on the Internet reading. They read search results, news items, how-to articles and forums. A professional web design company will take this into account. But that is for later. First, we have to keep visitors attention (remember the 4 second rule).

Get to the Point. We live in a fast-paced society and we are used to instant results: Microwave meals in 5 minutes, lose 5 pounds in 5 days, 30 minute oil changes, see results from fitness equipment in 20 minutes a day, and on and on.

The Internet is no different and it actually may be less forgiving of web sites that don't deliver results quickly.

The 4 second rule that we spoke of earlier does not mean that your entire web page must load in 4 seconds. Rather, it means that a visitor to your web site has to at least see something interesting within that 4 second window. So, to test your site, while it is loading, ask yourself:

  • How much time passes before I see anything?
  • What is the first thing I see on the web page?
  • How much time passes before I can read some text?
  • How long would it take a visitor to determine what the web site is about?

Try this suggestion yourself and then try to enlist the help of some of your friends. The more people you have to test your web site, the more thorough your results will be.

Ideally, the site should load top to bottom and left to right. However, your design should adhere to the reading habits of your target audience. Some countries read from right to left so, make sure you know your audience. Also, the most eye-catching elements should load first. Once these load, they will grab the visitor's attention. Then, the rest of the page can finish loading.

What Graphics Format Should I Use? This is probably one of the most overlooked aspects of web design. How many times have you visited a web site and cringed at the slow loading pictures. I'll bet you did not stick around to see everything load.

In most cases, web sites that have this problem were created by someone who bought a Web Design How-To book, created a web page that says "Hello World" and now think they are an expert. Or, possibly they are learning web design and created this slow loading site as a favor for a friend or family member. At any rate, hiring a professional web design company will prevent bad design from happening to you. In the meantime, here are some very basic guidelines regarding those very important web site graphics:

More about the .JPG file format: .JPG (Joint Photographic Experts Group) format allows images to contain up to 16 million colors. It also supports Variable Compression, which allows you to reduce the size of the image at the cost of some of the detail. In order to take full advantage of this feature, you will need a graphics program which will allow you to preview the image after you have compressed it. Some of the more popular graphics programs are Photoshop, Fireworks and Corel Draw.

JPG is not a good format for images with only a few colors or for text created as an image. The finished image will be of poor quality.

More about the .GIF file format: .GIF (Graphics Interchange Format) support up to 256 colors. It also supports "transparency" which allows you to specify the background of the image to be invisible, thereby letting the web page colors show through.

Graphics in this format are also "looseless", meaning the final quality is not adversly affected by compressing.

Boiling it Down. For the most part, here is a good way to determine what format you should use for the graphics on your web site:

  • If your graphic has many colors (such as a photo) use .JPG as the format, However, make sure that the file size is not so large that it prevents the web page from loading quickly. Find a good balance between image quality and file size.
  • If your graphic has only a few colors (such as a chart) use .GIF as the format.

Of course, this is somewhat oversimplifying the very important role of graphics in your web site design. If you hire a professional web site designer to create your web presence, he or she should follow these guidelines during the design process. You should make sure that the rough drafts you receive from the designer adhere to good design standards.

Make Them Want More. Of course, no matter how well organized your web site is and how effective it is at grabbing the visitor's attention, they have to view your web site as important. You have to give them reasons to stay and browse your site, to bookmark your site so they can refer to it again and to tell others about your site so you can build new visitors.

We will consider how to tackle this aspect of quality web site design in an upcoming article. That article will focus on three main ways to keep visitors coming back:

  1. Offer something of value
    1. Newsletter
    2. Free tips
    3. Monthly coupons
  2. Good, quality marketing copy
    1. Put effort into the words of your web site.
    2. Remember, the Internet is made up of web pages and for the most part, pages are meant to be read.
  3. Easy to use web site navigation.

If visitors can't get around easily on your web site, they won't stay very long.

About the Author

Crystal Coast Technologies is a web design team headquartered in Swansboro North Carolina. We specialize in Flash web design and database driven e-commerce. Our blog contains more tips and the latest tech news, including security alerts.


[Advertisement ]