Web Site Design Principles

1 - I can do better 2 - Jury's out 3 - Pretty darn good 4 - Splendiferous 5 - Awesometastic by 3 people | Log in to rate

Ranked #19,063 in How-To, #200,487 overall

Good Website Design Practice

Your website is where your business resides -- it's like the headquarter of an offline company. Hence, it is important to practice good design principles to make sure your site reaches out to the maximum number of visitors and sells to as many people as possible.

Your website is the hub of your online business; it is the virtual representation of your company whether your company exists physically or not. When you are doing business online, people cannot see you physically like how they could if they were dealing with an offline company. Hence, people do judge you by your covers. This is where a good design comes in.

Make sure you have clear directions on the navigation of your website. The navigation menu should be uncluttered and concise so that visitors know how to navigate around your website without confusion.

Reduce the number of images on your website. They make your site load very slowly and more often than not they are very unnecessary. If you think any image is essential on your site, make sure you optimize them using image editing programs so that they have a minimum file size.

Keep your text paragraphs at a reasonable length. If a paragraph is too long, you should split it into separate paragraphs so that the text blocks will not be too big. This is important because a block of text that is too large will deter visitors from reading your content.

Make sure your website complies to web standards at http://www.w3.org and make sure they are cross-browser compatible. If your website looks great in Internet Explorer but breaks horribly in Firefox and Opera, you will lose out on a lot of prospective visitors.

Avoid using scripting languages on your site unless it is absolutely necessary. Use scripting languages to handle or manipulate data, not to create visual effects on your website. Heavy scripts will slow down the loading time of your site and even crash some browsers. Also, scripts are not supported across all browsers, so some visitors might miss important information because of that.

Use CSS to style your page content because they save a lot of work by styling all elements on your website in one go.

Five Important Rules in Website Design 

When it comes to your website, extra attention should be paid to every minute detail to make sure it performs optimally to serve its purpose. Here

1) Do not use splash pages

Splash pages are the first pages you see when you arrive at a website. They normally have a very beautiful image with words like "welcome" or "click here to enter". In fact, they are just that -- pretty vases with no real purpose. Do not let your visitors have a reason to click on the "back" button! Give them the value of your site up front without the splash page.



2) Do not use excessive banner advertisements

Even the least net savvy people have trained themselves to ignore banner advertisements so you will be wasting valuable website real estate. Instead, provide more valueable content and weave relevant affiliate links into your content, and let your visitors feel that they want to buy instead of being pushed to buy.



3) Have a simple and clear navigation

You have to provide a simple and very straightforward navigation menu so that even a young child will know how to use it. Stay away from complicated Flash based menus or multi-tiered dropdown menus. If your visitors don't know how to navigate, they will leave your site.



4) Have a clear indication of where the user is

When visitors are deeply engrossed in browsing your site, you will want to make sure they know which part of the site they are in at that moment. That way, they will be able to browse relevant information or navigate to any section of the site easily. Don't confuse your visitors because confusion means "abandon ship"!



5) Avoid using audio on your site

If your visitor is going to stay a long time at your site, reading your content, you will want to make sure they're not annoyed by some audio looping on and on your website. If you insist on adding audio, make sure they have some control over it - volume or muting controls would work fine.

Usability And The Importance of a Sitemap 

Improve Usability of Your Website.

No matter how brilliant your website design is, if it is hard to reach the content of your site then your site is as useful as an empty shell. Here are some tips to improve the usability of your website to ensure it serves its functions optimally.

The first method is to make sure the typography of your content is suitable. If you have large blocks of text, make sure to use CSS to space out the lines accordingly. The longer a single line of text is, the greater the line-height of each line should be. Also, make sure the font size of your text is big enough to read easily. Some sites have 10-pixel-tall text in Verdana font; while that may look neat and tidy, you have to really strain your eyes to read the actual text.

Make it easy for visitors to find content that they want on your site. If you have thousands of articles on your site and a certain visitor wants to find one single article from that pile, you have to provide a feasible means to enable visitors to do that without hassle. Be it an SQL-driven database search engine or just a glossary or index of articles that you have, providing such a feature will make sure your visitors can use your site with ease.

Ensure that your site loads fast if you do not want to lose visitors. Most internet users will leave a website if it doesn't load completely within 15 seconds, so make sure the crème de la crème of your website is delivered to the visitors as soon as possible to retain their attention.

Last of all, test each and every link on your site before it goes online. There is nothing more effective in tarnishing your professional image than broken links, so be very careful about that.


The Importance of a Sitemap

A sitemap is often considered redundant in the process of building a website, and that is indeed the fact if you made a sitemap for the sake of having one. By highlighting the importance of having a well constructed sitemap, you will be able to tailor your own sitemap to suit your own needs.

1) Navigation purposes

A sitemap literally acts as a map of your site. If your visitors browses your site and gets lost between the thousands of pages on your site, they can always refer to your sitemap to see where they are, and navigate through your pages with the utmost ease.



2) Conveying your site's theme

When your visitors load up your sitemap, they will get the gist of your site within a very short amount of time. There is no need to get the "big picture" of your site by reading through each page, and by doing that you will be saving your visitors' time.



3) Site optimization purposes

When you create a sitemap, you are actually creating a single page which contains links to every single page on your site. Imagine what happens when search engine robots hit this page -- they will follow the links on the sitemap and naturally every single page of your site gets indexed by search engines! It is also for this purpose that a link to the sitemap has to be placed prominently on the front page of your website.



4) Organization and relevance

A sitemap enables you to have a complete bird's eye view of your site structure, and whenever you need to add new content or new sections, you will be able to take the existing hierarchy into consideration just by glancing at the sitemap. As a result, you will have a perfectly organized site with everything sorted according to their relevance.



From the above reasons, it is most important to implement a sitemap for website projects with a considerable size. Through this way, you will be able to keep your website easily accesible and neatly organized for everyone.

Search Engine Friendly Pages 

There is no point in building a website unless there are visitors coming in. A major source of traffic for most sites on the Internet is search engines like Google, Yahoo!, MSN, Altavista and so on. Hence, by designing a search engine friendly site, you will be able to rank easily in search engines and obtain more visitors.

Major search engines use programs called crawlers or robots to index websites to list on their search result pages. They follow links to a page, reads the content of the page and record it in their own database, pulling up the listing as people search for it.


If you want to make your site indexed easily, you should avoid using frames on your website. Frames will only confuse search engine robots and they might even abandon your site because of that. Moreover, frames make it difficult for users to bookmark a specific page on your site without using long, complicated scripts.

Do not present important information in Flash movies or in images. Search engine robots can only read text on your source code so if you present important words in Flash movies and images rather than textual form, your search engine ranking will be affected dramatically.

Use meta tags accordingly on each and every page of your site so that search engine robots know at first glance what that particular page is about and whether or not to index it. By using meta tags, you are making the search engine robot's job easier so they will crawl and index your site more frequently.

Stop using wrong HTML tags like to style your page. Use CSS (Cascading Style Sheets) instead because they are more effective and efficient.
By using CSS, you can eliminate redundant HTML tags and make your pages much lighter and faster to load.

Create You Own Website or Outsource 

Is It Easy to Create our own Website? What is HTML?

Creating a website is not so much a feat, if we compare it to the education of other technical skills. Most people tend to give up and pack their bags as soon as they hear the word "programming" and "technical". They think it is too much of a hassle to actually learn a whole computer "language". HTML, the most basic computer language in building websites, is actually pretty simple to understand, as long as we have the interest in learning new things.



What is HTML?

HTML is the acronym for Hyper Text Markup Language. For learning purposes, just think of it as a language that the computer understands. For example, as humans, we were taught different languages; i.e. HTML as a language, is mostly and specifically used to create a website. The web browser, such as Microsoft Internet Explorer or Mozilla Firefox, will then decipher and interpret the code or rather, language(HTML), and display it in a way we can understand it, just like in a basic webpage.



Coding.

At this point in time I don't advise to create websites from scratch, I will suggest gaining access to online web-builders, website builders that are inbuilt and can be directly controlled from the net. There are many different and specific builders online.

Using web-builders doesn't exclude to learn basics of HTML. Doesn't matter how good is the web-builder you are using it will be cases in which you want to do something new, different, out of the box.



xSitePro2 This is what I recommend : xSitePro2 it Is A Total Site Management Tool You Can Use To Design Professional Websites.

XSitePro in an incredibly powerful, full-blown web site development tool, perfect for the following users:
1) Complete Beginners
2) Affiliate Marketers
3) Business Owners
4) Adsense Site Builders
5) Power Users
6) Website Designers
7) Educational Users
8) Information Marketers

I have used versions 1 and 2 to design my own WebSites in the last almost 3 years and I am grateful for this handy tool created by Intellimon InfusionSoft.
Click on image, enjoy the tool, and you thank me later!.


I also recommend the FREE Affiliate Masters Course at SiteBuilt it! Just Click on Image.

Affiliate Masters Course

If You Enjoy, Let Me Know! 

submit

by Michey

  This is Michey, an Internet marketer, Digital Product writer, Web 2.0 enthusiast.

Squidoo Giant



Find me on Tagfoot, click now:



http://www.mc-ebay-resour...

(more)

Explore related pages

Create a Lens!