CROSS TARGET - WEB DESIGN TUTORIAL - RESEARCH LINKS EXPRESSION - ARTICLES

 
 
  Getting Started  
 
  Planning  
 
  Effectively of Home  
 
  Effective Navigation  
 
  Web Aesthetics  
 
  Web Content  
 
  Technical Consideration  
 
  Promoting Site  
 
  Tips for Designing  
 
  Monthly Newsletter  
Join our monthly newsletter to get Tips & tricks & our upcoming offerings & not put in mind to be a missed opportunity


 

Tutorial- 07- Technical COnsideration

You've labored for weeks, maybe months, developing that "perfect" website. And now, you're finally there. Or are you? Are you absolutely sure it's complete and ready to be viewed by the rest of the world? What about all the stuff that you can't see? You know the stuff that, if done poorly, will give your visitors anxiety attacks. Before you take the final plunge and turn on the switch, lets make sure that the "behind the scenes" (technical) development is as solid as the "up front" aesthetics.

Where do I Start?
Five of the most important technical aspects of a well designed website are:
• Image Efficiency/Page Size
• Browser Compatibility
• Hyperlink Validity
• HTML Correctness
• Resolution Settings

Image Efficiency/Page Size
How quickly does your home page load on someone else's machine? How quickly does the rest of your site load? Does the text load first, and then the images? The single most probable cause of slow download speeds is GIF/JPEG image size and definition. You've probably heard this many, many times, but there is a direct relationship between the length of time it takes a web page to load, and the resulting number of visitors lost. The below table makes an attempt at quantifying the effect of "wait time".

SPEED CONSIDERATION
Assumption: Your homepage size is 50 KB and 20% of your visitors will leave for every 10 seconds of load time
If your visitors connection speed is only 1200 bps Then 100% will leave before all of your page content loads.
If 2400 bps (2.4K) Then 99% will leave.
If 9600 bps (9.6K) Then 67% will leave.
If 14.4 K Then 49% will leave.
If 28.8K Then 20% will leave.
If 33.3K Then 18% will leave.
If 56K (ISDN1) Then none will leave.
If 128K (ISDN2) Then none will leave.
If T1, cable or ASDL Then none will leave.
If T3 Then none will leave.

As you can see, the longer your visitors wait, the more likely they won't be your visitors. It's definitely in your best interest to do everything possible to minimize this effect. Some simple guidelines/suggestions are listed below:
• Keep your page size to a maximum of 50Kb. obviously, the smaller the better, but we think it's a good rule of thumb to max out at 50kb. The standard modem used today is 56Kb, but there are still a substantial number of web surfers using slower modems. If nothing else makes sure your home page is as small as possible. This is typically the first page your visitors see, and we all know the importance of that first impression. Here again one question that you may ask for, & that is, if there’s something that you would like to show the viewer where your file size exceeds 70K then probably we suggest to use a gateway link, where visitors have the option to skip the Intro page.
• Use the HTML height and width tags whenever you use graphics. Doing this will allow browsers to pre-allocate page space for graphics and load the text first. As a result, your visitors will have meaningful information to view relatively quickly.
• Optimize your graphics. In most cases, you'll be able to reduce image size with little or no degradation in image quality.
• Use the appropriate image format. The JPEG format should be used for photographs or any images where there are lots of smooth color changes. The GIF format works best for images with a few distinctive colors, such as buttons and icons. If you have any photographs in a GIF format, changing from GIF to JPEG for photographs should also reduce the size of some of your images, thereby reducing download time.

Browser Compatibility
This is a common oversight, especially for newcomers to the website creation arena. Many web developers view their sites through whichever browser is loaded on their PC and assume that everyone sees their site the same way they do. This couldn't be further from the truth. Even viewing the same page through the two most popular browsers, Internet Explorer and Netscape Navigator will yield very different results. Each of these two popular browsers has their own set of proprietary features that is not recognized or supported by the other. Probably you personally have to learn this the hard way. That's why it's extremely important to view your site through as many browsers as possible before publishing it for the first time. Hyperlink Validity

If your site contains links to other sites, it's very important to periodically test those links and make sure that they all still work. In today's world, websites come and go very quickly, so never assume that just because it was there today, it will still be there tomorrow.
If you only have a handful of links, it's easy to check them manually. However, if your site contains upwards of 40 or 50 links, you may want to consider link validation software. A good product for this purpose can be found at www.alertbookmarks.com  Their product (LinkRunner) not only checks your hyperlinks, but also checks banners and FTP. It's not free, but they do have a trial version.

HTML Correctness
One of the most common causes of problems associated with viewing a website is HTML errors. In fact, a subtle HTML error may be the culprit for browser incompatibility. Unfortunately, many web designers rely on HTML editors such as FrontPage and therefore have limited HTML knowledge and skills. Even experienced HTML coders can encounter that elusive bug that's harder to find than a needle in a haystack.

Resolution Settings
Never, ever design a web page that will require your visitors to scroll horizontally. Unfortunately, the only way you can guarantee that this won't happen is to check your visitors’ resolution setting before displaying a page, and then display the version of the page with the most appropriate horizontal width. Another approach would be to design your pages to be viewed at 800x600, a resolution that is acceptable by the vast majority of web surfers.

In Summary
Making a website technically sound doesn't have to be a difficult chore. Half the battle knows what to look for. If you focus on the above five items, you'll have addressed over 90% of the possible technical problems any site can have.

 

HOME | SERVICES | PACKAGE | POLICY | CONTACT | SITE TREE

© 2003-04 tweenpath studios
all rights reserved