Everythink Excellent

Get custom programming done at GetAFreelancer.com!

April 5, 2008

A Brief Web Hosting Companies Review

HostRocket

Their server is very reliable - a conclusion from my own experience. One of my sites is using its’ service and is seldom down.

The most impressive point I need to mention is their superb customer service. They are fast and responsive to my questions. Yes, very fast and sometimes only requires 10 minutes. It is very important factor for selecting web hosting company because it may mean your business becomes down if your web hosting company does not respond fast.

They provide Linux web server, large web space (1250Mb), MYSQL database, PHP, Perl, ecommerce shopping carts, dedicated IP address, and other nice-to-have scripts and are more than enough for most small business owners. They also offer several plans to suit your needs ranging from various shared web hosting plan, dedicated web hosting, colocaion web server service in an affordable price.

To sum up, they are affordable, features rich with superb customer service - that’s why I use it and recommend it.

WebsiteSource

This web hosting company offers several web hosting plans including shared web hosting, dedicated servers as well as personal web hosting service.

They allow you to host multiple domain names within the same account and hence keep your cost lower if you have several websites. Besides, they provide MYSQL, PHP, ecommerce shopping carts, frontpage 2002 server extension, large web space with high bandwidth. I can say they provide features that can meet most small business requirements, and offer affordable web hosting service.

PS: Websitesource also provides online web design tool to help you build website without the need to learn HTML

Yahoo! Web Hosting

They are reputable and reliable. If you own a Yahoo store, I recommend you considering hosting it through Yahoo! Web hosting for convenience.

iPowerWeb

This web hosting service provider offers affordable web hosting plan. I believe they are using Linux web server which gives you relibility and flexibility. (many scripts prefers to install in Linux server instead of Windows server)

Apart from standard web hosting features like PHP, MYSQL database, Frontpage 2002 server extension, server side support, they provide a free domain name for customers and free web marketing packages. These offers are really valuable to home business practitioners or personal web hosting searchers.

Some of my clients are using their web hosting service and they are quite positive to their server relibility and customer support.

Later I will review some Windows web hosting companies for you though my personal preference is Linux web hosting companies or Unix web hosting companies because of their relibility, and many server side scripts works better in Linux or Unix web servers.

March 23, 2008

Ecommerce Website Design Solutions

 eCommerce web design is a lot more than just putting your company brochure on the net or adding an internet shopping cart to your existing product catalog. There are some fundamental differences between doing business online and doing business the traditional way. Before you design your business web site, you must know what specific goals you desire to achieve with your business web site, determine how best to meet your goals based on your budget, and then determine what software and services you will use to design your e-commerce web site.

Web Site Business Objectives

A small business web site can do many things. This can include:

- Generate Leads. Pre-sell your business services and products to generate telephone, e-mail, or online form leads from customers.

- Generate Sales Quotes. Solicit or generate automated quotes that in turn generates a customer sale or lead.

- Generate Advertising Revenue. Display online content and free services with affiliate or ad network advertisements that generates advertising revenue from your merchant partners.

- Provide A StoreFront. Host online catalog that fully automates the customer purchase and communications process.

- Generate Customer Traffic. Generate customer traffic from search engines and business directories to pre-sell your product or service. Traffic is then re-directed to you main web site or product web pages.

Your e-Commerce web site design is greatly influenced by your specific web site objectives for your small business.

eCommerce Web Site Design Fundamentals

A web site is a lot more or even a lot less than a traditional store. There are more considerations with ecommerce web site design versus a traditional store. Web design considerations include:

Customer Friendly: Present a professional image, offer customer convenience, have good sales copy, and just make it easy for the customer to make the desired response (click, lead, sale).

Search Engine Friendly. For most online businesses, most customer traffic comes from search engines like Google, Yahoo!, or MSN. If part of your e-Commerce web site design strategy is to generate search engine traffic, you will need search engine optimization expertise to succeed. Buy it or grow it.

Web Site Automation Tools. There are thousands of web site tools such as shopping carts, content management systems, e-mail auto-responders, payment processors, search engine optimization tools, online bulletin boards, traffic analyzers, and advertising management tools. Some of these tools are cheap and some are expensive. If you do not have the expertise to evaluate these products, it is probably best that you do not make any major investments in expensive web site tools. Wait until you become knowledgeable enough to evaluate web tools and add-ons for your business web site and that you have a specific need.

Costs. Costs, of course, are a key consideration for any e-Commerce web site design solution. You can usually purchase web site tools and services up-front or by subscription. Subscriptions can help you with your cash flow up-front. Usually you do not need to make any long-term commitments with subscription software or services. Subscriptions are good because as you become more knowledgeable of specific web site solutions you can add and drop web tools and services at will. Buying software up-front is good if you know that you will definitely use the software for a long time (1 to 3 years).

Web Site Design Options

eCommerce web site design options can range from doing it yourself with web design software such as Microsoft FrontPage or outsourcing the entire web site development to a web design company. For a business, a free site with a free web site builder is not the answer. A free solution will not generate the desire response from the customer, is not search engine friendly, and is limited in growth for web site add-ons. A free affiliate site can be OK for making a sale, but have another method to generate traffic to your affiliate site as search engines will rarely give high rankings to cloned affiliate sites. Here are some e-Commerce web site design options:

Do-It-Yourself. Buy web design software and do it yourself. Good option if: technically inclined, marketing skills, part-time web publisher, limited budget.

Do-It-Yourself Using Templates. Buy web site templates, web design software, and do it yourself. Good option if: technically inclined, marketing skills, supplement with low cost web design services.

Do-It-Yourself Using Web Site Builder Solution. Buy business web solution service. Good option if: not technically inclined, have marketing skills, and willing to make some investment. Do not waste your time with a site builder that just clones a snazzy web site. You will not get a web site that generates traffic or sales.

eCommerce Web Site Design Company or Consultant. Outsource your web design work. Good option if: not technically inclined, limited marketing skills, medium-to-large budget

As with any business there are risks. In evaluating an ecommerce web design solution it is best to know your objectives, have enough business knowledge to evaluate your web service suppliers as well as your business web tools, and maintain a positive cash flow.

——————————————
Randy McClure is a web site publisher of EasyAccess Club - an eCommerce resource for discount shoppers, small businesses, and churches. We feature discount online store reviews, hundreds of discount stores, e-commerce news, and resources for doing business online.

March 22, 2008

Vital Web Design Element

Filed under: Web Design

You’ve probably seen articles that cover the "Top Ten Web Design Mistakes" or something to that effect. They all seem to say the same things, don’t they? No animation, keep the appearance professional, use easy navigation, and so on. You’ve done everything those articles told you to do, but your site still isn’t making the progress you’d like. What’s wrong?

You know, out of all the ebooks I’ve seen - and all the articles on Web design I’ve read - one thing is rarely mentioned. You would think, since this element is absolutely vital to any Website’s success, that it would be the talk of the town. That one vital element is… your customer.

Before you read another article or ebook on Website design, consider these facts:

* Your customer is the reason you are in business.

* Your customer pays your bills.

* Your Website should be specifically and intentionally designed to meet your customer’s every need.

* In order to design your site to meet his/her needs, you must first know who your customer is.

Once you discover who your perfect customer is, and what needs he/she is looking to you to fill, you can apply all those other techniques in the "Top Ten Web Design Mistakes" articles with great success. But the questions remain - "Who is your target customer" and "What does he/she want from you"?

It’s simple really. Just ask a few questions like:

* What types of customers visit my site?

* What is the common denominator of all these site visitors?

* What brings them to the point of needing my products/services?

* What problems do my products/services solve for my visitors?

The answers to all these questions will reveal an amazing portrait of your customers, of what they want, and of how you can supply what they need.

When you implement your design, or make changes to your existing design, do EVERYTHING with your target customer in mind. Does your site design need to be "fun" or "business-like"? That depends on whether your visitors are looking to fill a need for entertainment or professional services. Should you use vibrant pink and lime green shades, or muted blues and grays? Senior citizens would most likely shy away from "fad-ish" colors, but teenagers wouldn’t get very excited over dark, drab tones. See? It all depends on your customer. Every decision you make about your Website design should focus on and revolve around one thing… your customer.

Now, rather than repeat what thousands of other authors have written, I’ll just ask that you go back and read those "Top Ten Web Design Mistakes" articles once more. But… this time, apply their advice with your perfect site visitor in mind. You’ll be simply amazed at the results you’ll get once your focus is clearly set on the primary person involved… your customer.

March 7, 2008

Building Your Online Store

The Internet is great at leveling the field for businesses. Where else can you put up a site and immediately compete with huge companies on an international basis?

What It Is

E-commerce, clearly termed as web commerce, basically means selling of merchandise or services over the Internet with electronic transactions and also through a secure network. E-com is not merely buying and selling or providing services but it is also a method of advertising and marketing through an electronic system as well. E-com also means facilitating the progress of commercial transactions electronically. Right now e-com is a well-established technology in all major countries. In most cases internet marketing requires you to have your own E-commerce store for maximum return.

Requirements of an E-commerce Store

Building an online store is not an easy job. Software is required that can manage customers as well as their needs. E-commerce software should be able to handle inventory, shipping and handling costs, taxes, dispatching and payment processing of client’s orders. You may encounter many options when setting out to build an e- commerce store. Before choosing any of them it is important to have a clear view of your requirements. Technical requirements might include coupons, tracking systems, customer login options or any number of other things. Other requirements include what type of impression you want to provide to your valuable clients.

Study the Sales and Marketing Cycle

Before you opt for any of solutions for building e commerce store, study the basic model of e commerce that represents the entire sales and marketing cycle. The first building block of this cycle is audience in which you define what type of customers you will target. Second are commodities, in which you characterize the types of products you will put on the market. Third is customer support where you will answer the questions and offer solutions to clients’ or potential clients’ problems. Next are advertising, marketing and endorsement where a business promotes the products or services. Then there is transaction processing, the most important technical phase of the cycle, which will handle orders, taxes, payment processing and order delivery. Transactions may be automatic or manual. In manual processing you have to enter credit card information manually through an offline terminal. In the case of automatic processing a client’s order form will be setup with a program that processes and charges the credit card for you. After that there are post-deal services regarding how you provide solutions and services after the sale. Last but not least is brand name with which you will create a distinctive business image to correspond with customers. Nobody is going to pay attention to your online store unless something catches their eye.

Research Your Options

Once you have defined your needs, you can then begin researching your options. There are two basic paths you may follow when building an e-commerce store - either buy ready made software or build a custom system with components and parts according to your requirements and budgets.

Flexibility

Some business firms offer gifts and well placed impulse products for better marketing approaches. This requires an e-com solution to be flexible enough to allow various give-aways, coupons and promotions. Also, if your product comes in a variety of models or styles, with different options and different prices then you must communicate these factors and portray them distinctively in your online store. A true businessperson will certainly follow the patterns of his or her usual clients as well as those who directly visit the site. Web statistic tracking tools can be a great help to this end.

Ease of Use

Some e commerce stores are very easy to use and require only a few minutes to learn while others are more complex with so many features that they can be overwhelming. Being able to see a demonstration of software before buying it is a great help to determining ease of use.

Scalability

Being able to grow with your company is very important. If you choose a very simple solution now, then require a more robust solution down the road, you will lose time converting your store. If the URL structure of your store is not consistent, you can also lose search engine rankings by changing e commerce solutions. Therefore, it is important to choose an e commerce solution that can grow with you. For example, some stores owners may not want coupons in the beginning but then down the road decide it is a good idea. Some stores may also have limits on number of products, inventory control and tracking that down the road will be very important.

Security

Of utmost importance to online stores is transaction security. The priority for any business firm should be secure transactions. Thanks to Netscape for introducing SSL (secure socket layer), data can be protected by online store owners. SSL is an encryption technology that encrypts a message and the receiver decrypts it by using RSA security. To enable SSL on your web server you need a digital ID (a form of identification that will recognize you). Many web hosts provide SSL installation for anywhere from a few bucks to a few hundred bucks per year.

Overall, you want flexibility, ease of use, security and scalability in your store. Research your options before you make a final choice, and whenever possible, get a free trial of your solution before you buy.

Halstatt

September 24, 2007

Developing a Web Site Marketing Plan Part 1

Author: Bobette Kyle
Website: http://www.WebSiteMarketingPlan.com

For many of us, finding the time and commitment to complete a marketing plan for our Web sites is difficult. There are so many other obligations vying for our attention it is tempting to push planning to the back burner. Giving into that temptation, however, means putting your business at a disadvantage. Your marketing plan is the compass by which you navigate. As opportunities arise or your business environment changes, the objective and strategies in your marketing plan will point you toward the best action. Without a marketing plan, you risk becoming unfocused in your marketing and are only guessing what might be best for your business.

To be most effective, your Web site marketing plan should be a part of your business marketing plan. By aligning online marketing with your offline efforts, you can better achieve overall company objectives. Additionally, you will present a consistent style and message across all points of contact with your target audience.

Your Web site marketing plan’s focus will be partially determined by your site’s status. If you already have a site in place, your plan can focus strictly on marketing issues - how to most effectively market using your existing site. If you have a site that needs improvement, your plan should incorporate enhancements into the site’s design in conjunction with marketing activities (While you may not think of these enhancements as "marketing", in this case, they are instrumental to an effective plan.). If you do not yet have a site, you can create one while developing your Web site marketing plan, with your plan focused on launching the site. In any case, remember that your objective, strategies, and tactics will change over time as your situation and focus change.

Parts of a Marketing Plan

The Web site marketing plan is similar to a business marketing plan, but with a narrower focus. Completing a marketing plan includes developing strategies and tactics (also called action plans) that, when implemented, will help you reach your marketing objectives. Objectives, strategies, and tactics are each progressively narrower in scope.

The objective addresses the "big picture". In general terms, your objective answers the question "How will I overcome my main marketing challenge(s)?" If your company’s main site- related challenge is figuring out how to use your Web site to help build client business, for example, an objective for your Web site marketing plan could be "To enhance online client service as well as build site awareness and interest with clients."

Strategies support your objective. Your strategies define the general approaches you will take to meet your objective. For example, strategies to support the above objective could include 1) improve online communication, information, and education, 2) build awareness of and interest in your company on the Internet, and 3) communicate the Web site’s existence and advantages to existing clients.

Tactics are where the action takes place - these are the things you will do to bring your strategies to life. Tactics for strategy 2 in the above example (improve online communication, information, and education) could include 1) sharing experience and observations in your industry through participation in discussion boards, 2) offering an email newsletter, and 3) listing/submitting your site to targeted search engines and directories.

Marketing Planning Tools

The specifics of developing a marketing plan vary according to the source. All can be effective when used correctly. Some sites and software that can help you in developing your marketing plan are below.

Sites

eSOLO’s Marketing Action Plans

(http://www.esolo.com/mapslist.php3) can help you to come up with strategies and action plans (tactics) to support common marketing objectives.

The Web Site Marketing Plan’s Marketing Plan Resources page
(http://www.websitemarketingplan.com/sr3.htm) includes several links and descriptions of sites with marketing plan information.

Software
Each of these software titles takes a slightly different approach to developing a marketing plan.

- Plan Write® for Marketing(http://www.businessplansoftware.org/marketing_plan.asp)
- WebQuest Pro (http://www.webquestpro.com/)
- Marketing Plan Pro (http://www.bplans.com/marketingplans)

September 22, 2007

6 Ways to Get Unblocked

Filed under: Web Design

Solving Writer’s Block for Web Designers

By Jennifer Kyrnin

Web designers, like any creative person, can suffer from writers block. But because of our work, there are many ways you can learn to deal with the blocks and get unstuck. These six suggestions have worked for me to get new design ideas in the past and will work again.

Be prepared for procrastination to try to block you. When I’m working on a new design or article idea, I find that that’s when ideas for other projects will come up. For example, I might start thinking of ways to paint my office, about the wool I need to wash, or a possible location for a new kitchen garden. I realize that these are just ways of procrastinating, but they are also things I’d like to do. So, if I’m writing or working on a Web design, I write them down and continue brainstorming my current project. I’ve found that if I write down the things I want to procrastinate, they don’t press as much as they would if I try to simply ignore them.

Start in the middle. For some reason, many Web designers feel an intense need to start at the top of their Web page and design down. Yes, ultimately, you’ll have to think that way about the HTML or CSS, but when you’re working on a design, you should focus on the most important part first - and that’s not usually the navigation, branding, or advertising found at the top. When writing content, the same is true, I’ve found that if I start writing with a title, my articles are usually completely different than what the title says. So I have to write a new title when I’m done anyway.

Step away from the computer. I’ve found that it can get very easy to get hung up on technical issues like HTML or JavaScript when I try to do an initial design on the computer. While I do most of my rough writing drafts on the computer, I do most of my designs on paper first. For one thing, they’re easier to erase and scratch out. Plus, since I use scratch paper for most rough drafts, so if I decide I hate an idea, I don’t feel bad about throwing it out.

Take the time you need. Planning is one step in most projects that is both the most important and the least used. Most people, including Web designers, prefer to jump right in and start building things. If you prefer designing a page, you probably get out Dreamweaver or Photoshop immediately after starting a project. If you prefer developing pages, you probably jump right into the PHP or JavaScript to generate behaviors. But most Web design and development projects end up over budget, over time, or not meeting the requirements - and this is usually because the planning phase of the project was glossed over in favor of action. Take time with your planning and when you think you’re done, take a little more time. Planning won’t hurt your designs, but lack of planning will.
Ask for help. Don’t be afraid to ask for help, but be sure to find people who can provide you with constructive criticism. It doesn’t help if they are too effusive about how wonderful it is, but someone who can’t find anything good is also not a lot of help.

If you’re really stuck, do something else. The idea is to get your mind off of the problem you’re working on. This can allow your subconscious to think about it unobstructed. I can’t tell you how many times I’ve gone to sleep and woken up in the morning with the ideal solution completely formed in my head.

What have you done to break writer’s block? If you have additional suggestions, please let us all know.

Conditional SSI

Filed under: Web Design

by John Miller of Dynamicdrive.com

While many of you are familiar with SSI (Server Side Includes) and its tremendous usefulness as a server feature, did you know that the technology supports conditions? Imagine being able to give your SSI code logic, so it executes different commands, depending on variables such as browser type, time of day, referring URL, and whatever else can be accessed and compared in Perl. Something like that would be nothing less than revolutionary, and fortunately, possible! Just to review, SSI are "codes" you place on your page that the server picks up and executes. The most common use of SSI is to include a file on the page: <!–#include file="afile.htm" –>
The above command will cause the file "afile.htm" to be inserted and displayed, as if it were manually added to the page.

Adding Condition to the Mix
This is what we’re here for- to learn how to supply SSI with a little intelligence. Time to unveil the four flow-control statements of Server Side Includes: <!–#if expr="expression"–>
<!–#elif expr="expression"–>
<!–#else–>
<!–#endif–>
They work as you would expect with any if/else statements. In JavaScript, the above would be equivalent in logic to "if", "else if", and "else", respectively. The last command is an odd ball; it serves no particular purpose except that’s it’s needed at the end of each conditional SSI definition. Take a look at the following example, which embeds two different files onto the page, depending on whether the user is using Internet Explorer or not:

<!–#if expr="${HTTP_USER_AGENT} = /MSIE/" –>
<!–#include file="iebar.htm" –>
<!–#else –>
<!–#include file="defaultbar.htm" –>
<!–#endif –>
Output:
You are using IE!
Got your attention now, didn’t I? By using conditional SSI, with the environmental variable HTTP_USER_AGENT as the condition to test for, the above example allows us to display browser specific content in such a versatile way that no client side language (such as JavaScript) can match. It’s SSI with a brain baby!

Taking Things One Step Further
Let’s now build on what we have so far, and create a more refined example that discriminates not only between browser type, but browser version as well. How about a SSI code that differentiates between IE 4, NS 4, and neither? <!–#if expr="${HTTP_USER_AGENT} = /MSIE [4-9]/"–>
You are using IE 4 or above<BR>
<!–#elif expr="${HTTP_USER_AGENT} = /Mozilla\/[4-9]/"–>
You are using Netscape 4 or above<BR>
<!–#else –>
You are using something other than IE 4+ or NS 4+<BR>
<!–#endif –>
Output:
You are using IE 4 or above

If you’re not familiar with Perl programming, then parts of the above code undoubtedly look alien to you. Without this being a Perl tutorial, in a nutshell, regular expressions is used to extract out the relevant browser info in HTTP_USER_AGENT. The variable contains the following:

Mozilla/4.0 (compatible; MSIE 6.0; Windows NT 5.1; SV1; .NET CLR 1.1.4322; .NET CLR 2.0.50727)

Use a different browser, and note the difference in the output.

In Conclusion
We’ve introduced here in general how to implement conditional SSI. The examples shown above are just a peek into the possibilities…how smart your SSI codes are now depends on your knowledge of Perl programming. Either way, time to get crackin’!

September 19, 2007

Top 5 Tips to Creating an Effective Blog

Filed under: Web Design

Blogs have made a grand entrance into the marketing realm. Why? They can be a successful marketing tool if done rights.
Blogs have core components that increase their success such as content, distribution, and frequency, but you need more than that to get people to read it.

Popular blogs have one thing in common; an individual voice. A voice will not only gain readers, but it keeps them. Learn how to create your voice using these 5 blogging tips:

1. Create a Blog Personality
Don’t formulate your posts. Let your voice shine through. Give your blog a personality.
2. Be Consistent in Your Posts
Be consistent, when starting out try to post at least 3 times a week. Preferably every other day.
3. Keep It Simple
Don’t get caught up in length of your posts. Your posts don’t have to be long. They can be random thoughts or tidbits of news regarding your industry. The key is make them interesting.
4. Allow Comments
Allow comments. You can moderate comments, but comments create the viral effect by allowing your readers to interact with you. You will also want to research and comment on relevant industry related blogs.
5. Focus on Your Title
Titles draw traffic. Be creative. Not only do they capture the attention of potential readers, but those search engines love blog titles. A rule of thumb is to keep your title under ten words.

From Laura Lake

September 17, 2007

Your Choice of Web Site Color

Filed under: Web Design

by Scott Pamatat of DesignMore.com
 
A discussion forum at the Internet marketing challenge web site (http://www.marketingchallenge.com?13417) sparked the idea for this article. It is a great place to discuss ideas and receive informative suggestions and because of that I visit the forum often.
Many web designers overlook the importance of color when designing a web site. Color should be one of your first concerns when it comes time to start your web site design. If you don’t pay close attention to the colors you chose, your site you will end up either plain and boring or so chaotic it’s hard to look at. The color you use should only be chosen after careful consideration.

Unfortunately web browsers can only see 256 colors. Even that number is hindered because all browsers don’t share the same 256-color pallet. Currently web browsers only share 216 common colors. When designing key elements in your web site you should stay within the 216-color pallet.

If you go outside the 216 color pallet you start to use colors that do not exist within that browser. The browser has to mix the colors that do not exist. In order for the browser to display the color, it needs to take tiny dots from the colors native to that browser to come up with an approximate color. This is known as dithering. Some displays will distort the tiny dots to the point where the image is so speckled that it does not appear to be a solid color. This makes text very hard to read if it is placed over the dithered color. You should always use a browser safe color when using solid color as a design element. Some of the browser safe colors should be used with caution though.

Most of the eye operations are muscular and just like all other muscles it tires out. I will illustrate with an example. (This is a test I learned about 7 years ago and is very effective to get the point across). This is a simple test that should take only 45 seconds. If you do this short test, you will be better able to understand what I’m about to say. Go to this page and then come back. http://www.designmore.com/ctesta.htm

What did you see when you looked at the white box? Did you see a bluish green color? (If not go back and do the test over). No this is not a trick or hallucination. There is a simple explanation. Without getting too technical, I’ll tell you what just happened.

In the back of your eye there is a thin layer of tissue that contains millions of tiny light-sensing nerve cells called rods and cones. Cones respond to specific wavelengths of light. Your eye is filled with color decoding cones. When you looked at the red box the cones that detect the red wavelength become tired and fatigued. When this happens the opposite cones in your eye start to kick in. Hence the bluish green color you saw. Now that you know there is a scientific reason behind eye fatigue you should apply it to your web site.

I’m sure you have you noticed that caution signs are usually yellow. Pure yellow strains your eye more than any other color because of that, it is the first color your eye will fix on. Using these colors (I still advise you to use it sparingly) for banners and advertisements will receive more attention from the viewer’s eye. Once the visitor comes to your site there is really no reason you should irritate the visitor with bright colors. You have done a good job if they are viewing your site.

You should use yellow and red colors sparingly in your web site itself. Only use them in areas where you want the visitor to focus on. Do not make large parts of your web site with bright color. It might get your visitors attention but they will either consciously or subconsciously notice their eyes getting fatigued. This will make them not want to look at your web site for long periods of time. There are enough reasons why a visitor would leave your web site. You don’t need to add to that list by using irritating color.

Handy Hints for Web Designers

Filed under: Web Design

Article written by Manas Tungare of ManasTech

Web Designing is as easy as 1-2-3, claim some of the software tools on the market that "generate" your pages for you. Unfortunately, many web designers today have fallen prey to this marketing gimmick - and the results are obvious. Every now and then, one comes across a website that looks good with a particular browser and a particular screen-resolution; but view it with a different browser, and you can’t even read the plain text on the page. Worse still, given the number of operating systems that are used by netizens worldwide, these pages will never be seen properly by more than a half of the intended surfers.
Now let’s assume that this web page belongs to a site that sells stuff online. The very fact that half the users cannot even see the page, translates into losses worth half the amount straightaway (perhaps, even more!) I guess that makes a good case for the raison d’être of this article! Web Designing is, in my opinion, a cocktail of creative skills & technical prowess – and one is no less important than the other.

In the following lines, I have jotted down a few points that I noticed during my online journeys, important from the point of view of web designers. Some of them may be taken with a pinch of salt; for it is not possible to please everyone everytime. But most of them are simple enough to be used as a rule of thumb.

  1. A picture, they say, is worth a thousand words. A picture file, alas, is also almost as big. Images, no doubt, enhance the look of a page, but it is not advisable to go overboard in stuffing your page with a truckload of images. Most net-surfers use a dial-up connection, and the average time to load a page should be no longer than 5 seconds. If it’s longer, the surfer will most probably click away elsewhere. So, within this time, all the images on a page must be loaded as well. So, as a rough yardstick, keep the aggregate page size less than 30k.
    Another important point to note is that each file on the page requires a separate HTTP request to the server. So a lot of small images - even if they do not add up to a lot in terms of bytes - will slow down the loading a lot.
  2. Even when you must use images for navigation, please give a second thought to the users who will not be seeing those jazzy, fantastic & truly amazing buttons that you spent hours to design. Yes, I’m talking of the ALT text attribute of the IMG tag. Do not forget to provide an Alternate Text for each image that you use for navigation. (It may be left blank for certain images that are purely for aesthetic reasons, but let that be an exception, rather than the rule.) Though not obviously apparent, ALT text can help such users immensely.
  3. Modern browsers offer users a choice to turn off images. This gives an idea of how troublesome the unwanted images could be.
  4. A couple of more attributes that make your pages load faster are the HEIGHT and WIDTH attributes. Without these, the browser must wait for the image to download since it cannot know how much space to leave for them!
  5. Navigability & functionality come before artistic excellence. It is no use making your site a masterpiece of art if users cannot navigate around it - even after they reach the main page, they have no clue as to how to go where they want to go.
  6. Especially common, is a kind of navigation that some people call Mystery Meat Navigation. That means, that unless your mouse moves over an image, you have no idea where that link might take you. Only when the mouse hovers do you see the actual link. This is cumbersome because users need to move their mouse all over the place to find out which part is a link and which is not.
  7. Follow the K.I.S.S. principle: Keep it simple, stupid!
  8. Next is a very important practical suggestion: whenever your whole page is within a TABLE, the page cannot render (i.e., the page does not show on the screen) unless the entire table is downloaded. You might have noticed this on several websites, when there is no activity for a long time, and suddenly the entire page is visible. Hence, to avoid such a situation, what you should do is this: Split the table up into two tables one below the other, and let the top one be a short table that displays just the page header and a few navigation links. So now, immediately upon downloading this part of the page, users can see the page header – and this prepares them for the long wait ahead, as well as keeps them from leaving your site to go to other sites, in case of a slow connection.
  9. The ongoing browser wars have left only one casualty – the user. As a word of caution, stay away from all browser-specific functions. Because if a certain feature is supported by one browser, it will most definitely not be supported by another. Where you must use such features, it should not hamper the display of the page in the other browser which does not support such functionality. In other words, your page should degrade gracefully.
  10. Creating a new browser window should be the authority of the user only. Do not try to popup new windows to clutter the user’s screen. All links must open in the same window by default. An exception, however, may be made for pages containing a links list. It is convenient in such cases to open links in another window, so that the user can come back to the links page easily. Even in such cases, it is advisable to give the user a prior note that links would open in a new window.
  11. Keep in mind the fonts-challenged users too. The ultra-jazzy "Cloister Black MT Light" font that looks so amazing on your machine may well be degraded into plain old Times New Roman on your user’s machine. The reason? He/she does not have the font installed on his/her machine - and one thing’s obvious - there’s nothing you can do about the situation, sitting halfway across the globe from them.
  12. Stay clear of out-of-the-way hard-to-find fonts. Use plain vanilla fonts like Arial, Verdana, Tahoma, and Courier. If need be, make your jazzy fonts into an image and put that on the page. (and while you’re there, do not forget Tip #1.)
  13. A new design trick that is increasingly being used on the web has caught my fancy: It is a very functional navigation bar that guides you across all possible paths within the site. It looks something like this:
  14. Home > Section > Subsection > Page
  15. What better than to give your users a handy way of visiting just about any other page on your own site, and informing them where they are!
  16. Another new trend on the web is not all that inviting - various vendors come up with "revolutionary plug-ins" and undoubtedly, most amateur web designers jump up to spruce up their pages using them. The reality is that most people won’t have them installed, and wouldn’t care about it anyway. Come to think of it, have you seen plug-ins on any of the most popular sites, including Yahoo.com, Amazon.com or Google.com? It’s simply not the best thing to do. Mention must be made here of Macromedia’s Shockwave Flash plug-in, which has now made its way onto most computers today, and thus presents no harm in using vector animation on your site.
  17. Java is yet another often-misused technology on webpages. Use Java as a utilitarian programming language, not as a graphics front-end for your photos/images. There are various things you can do with Java; that does not mean you should do all of them. Java applets are known to run slower, so users experience a certain sluggishness in performance. And worse still, Java has been known to crash certain browsers. This is not something everyone likes, especially if it is done for the sole purpose of showing a set of images in a slideshow!
  18. The moral: Use it, but with discretion.
  19. Never underestimate the importance of those META tags. They can make all the difference between your users coming to your site and going to your competitor’s – just because they couldn’t find yours. Search Engines heavily rely upon the Keywords & Description Meta tags to populate their search database. And once again, use discretion in writing these. Including a huge number of keywords for the same page can spell trouble. The description should be a small, meaningful summary of the whole page that makes sense even when seen out-of-context of the webpage itself, say, in a listing of search engine results.

And the final point that summarizes all the points so forth: Write for all browsers, all resolutions, and all color-depths. If you show people pages that look best with their own browser and their own resolution, that makes them feel "at home", and you get a better response. Compare this with a website that proclaims "Viewed best with Browser X at a resolution of 1024x768." I’ll give you a choice between two options when you see such a page: download the suggested browser (which might well be over 50 Megs), then go get a new monitor that supports the high-resolution, and then adjust your screen setting so you get the perfect picture. Or simply click away to another site. Which do you prefer?

The web waits for no one. And furthermore, the user is king. Try your best to keep the user happy. And to keep all users happy. For, a good website is like a good storefront - it can mean all the difference between a casual surfer and a serious customer.

Get free blog up and running in minutes with Blogsome
Theme designed by Jay of onefinejay.com