Management Resources and Information HOME |BUSINESS-ON-LINE |BODY LANGUAGE | PERSONAL-STRATEGIC PLAN | MANAGEMENT-TECHNOLOGY | TIME-MANAGEMENT | SPEED-READING | PUBLIC-SPEAKINGCOPYWRITING | MANAGEMENT-BOOKS | POWER-OF-MIND | BUSINESS CREATIVITY | FOREX-TRADING | BUSINESS-PLANNING | MANAGEMENT-ARTICLES | PEARLS-OF-MANAGEMENT-WISDOM | FEATURED-ARTIST | NEWS | SUCCESS-MANUALS |TRAINING-PROGRAMS | SELF IMPROVEMENT FOR MANAGERSONLINE MEETINGS | RESOURCES | PLAY-BETTER-GOLF | MANAGEMENT-TIMES | SALES-SUCCESS | LEARN SPANISH | MONEY&EMPLOYMENT | MOTIVATIONAL READING | BOATING FOR BEGINNERS | FLIGHT SIMULATOR | ABOUT-INFOHATCH | SITE-MAP

 

Web Design Fundamentals

 

Site Build It!

Web Design Fundamentals

The Importance of A Good Design
Is It Easy to Create Your own Website? What is HTML?
Good Design Practices
Web Design Elements You Should Avoid Having on Your Site
5 Important Rules in Website Design
Pros and Cons of Flash-based Sites
Reducing Load Time Through Image Optimization
 

The Importance of A Good Design

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.

Imagine if you are running an offline company. Would you allow your salespersons to be dressed in shabby or casual clothes when they are dealing with your customers? By making your staff wear professionally, you are telling your customers that you do care about quality. This works simply because first impressions matter.

Similarly, the same case is with your website. If your website is put together shabbily and looks like a 5 minute "quick fix", you are literally shouting to your visitors that you are not professional and you do not care for quality.

On the opposite, if you have a totally professional looking website layout, you are giving your visitors the perception that you have given meticulous attention to every detail and you care about professionalism. You are organized, focused and you really mean business.

On the other hand, you should also have anything related to your company well designed. From business cards to letterheads to promotional brochures, every little bit matters. This is because as you grow your business, these items become the face of your business. Once again, think of the "salesperson dressed shabbily" analogy, and you will get the point.

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


Web Hosting Service
affiliate_link

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's 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.

Coding the HTML language might be a bit tough for some people, so we can actually purchase programs, such as Macromedia Dreamweaver, or even Microsoft FrontPage. These programs are solely created to help individuals in designing professional WebPages/websites.

Furthermore, one could also gain 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.

Books and magazines contain guides that can help in offering tutorials and ways to put up our own websites. Even online tutorials are credible, as in the modern world, information technology is the best and most cost efficient way in retaining knowledge, especially in this particular field.

So, you could start and build one right away. If you enjoy coding, it might even become a favorable past-time.


Good Design Practices

Your website is where your business resides -- it's like the headquarters 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.

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 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.

Web Design Elements You Should Avoid Having on Your Site

As a web designer, you should design your websites to give your visitors the greatest ease of use, the best impression and most important of all a welcoming experience. It doesn't matter if you had the greatest product in the whole world -- if your website is poorly done you won't be able to sell even one copy of it because visitors will be driven off your website by the lousy design.

When we're talking about a "good design", we're not only talking about a good graphical design. A professional web design will be able to point out that there are many components which contribute to a good website design -- accessibility design, interface or layout design, user experience design and of course the most straightforward, which is graphic design.

Hence, we have highlighted some features of the worst web designs we've come across. Hopefully, you will be able to compare that against your own site as a checklist and if anything on your site fits the criteria, you should know it's high time to take serious action!

1) Background music

Unless you are running a site which promotes a band, a CD or anything related to music, we would really advise you to stay away from putting looping background music onto your site. It might sound pleasant to you at first, but imagine if you ran a big site with hundreds of pages and every time a visitor browses to another page on your site, the background music starts playing again. If we were your visitor, we'd just turn off our speakers or leave your site. Moreover, they just add to the visitors burden when viewing your site -- users on dial up connections will have to wait longer just to view your site as it is meant to be viewed.

2) Extra large/small text size

As we said, there is more to web design than purely graphics -- user accessibility is one big part of it too! You should design the text on your site to be legible and reasonably sized to enable your visitors to read it without straining their eyes. No matter how good the content of your website or your sales copy is, if it's illegible you won't be selling anything!

3) Popup windows

Popup windows are so blatantly used to display advertisements that in our mind, 90% of popup windows are not worth any attention so we just close them on instinct every time each one manages to pass through popup blocker (yes, we do have one like many users out there!) and, well, pops up on our screen. Imagine if you had a very important message to convey and you put it in a popup window that gets killed most of the time it appears on a visitor's screen. Your website loses its function immediately!

In concluding this article, let us remind you that as a webmaster your job is to make sure your website does what it's meant to do effectively. Don't let some minor mistakes stop your site from functioning optimally!

5 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 are five important rules of thumb to observe to make sure your website performs well.

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 valuable 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 auto-play 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 on your website. If you insist on adding audio, make sure they have some control over it -- volume or muting controls would work fine.

Pros and Cons of Flash-based Sites

Flash-based sites have been a craze since the past few years, and as Macromedia (Adobe) compiles more and more great features into Flash, we can only predict there will be more and more flash sites around the Internet. However, Flash based sites have been disputed to be bloated and unnecessary. Where exactly do we draw the line? Here's a simple breakdown.

The good:

Interactivity

Flash's Action script opens up a vast field of possibilities. Programmers and designers have used Flash to create interactive features ranging from very lively feedback forms to attractive Flash-based games. This whole new level of interactivity will always leave visitors coming back for more.

A standardized site

With Flash, you do not have to worry about cross-browser compatibility. No more woes over how a certain css code displays differently in Internet Explorer, Firefox and Opera. When you position your site elements in Flash, they will always appear as they are as long as the user has Flash Player installed.

Better expression through animation

In Flash, one can make use of its animating features to convey a message in a much more efficient and effective way. Flash is a lightweight option for animation because it is vector based (and hence smaller file sizes) as opposed to real "movie files" that are raster based and hence much larger in size.

The bad and the ugly:

The Flash player

People have to download the Flash player in advance before they can view Flash movies, so by using Flash your visitor range will decrease considerably because not everyone will be willing to download the Flash player just to view your site. You'll also have to put in additional work in redirecting the user to the Flash download page if he or she doesn't have the player installed.

Site optimization

If your content was presented in Flash, most search engines wouldn't be able to index your content. Hence, you will not be able to rank well in search engines and there will be less traffic heading to your site.

Loading time

Users have to wait longer than usual to load Flash content compared to regular text and images, and some visitors might just lose their patience and click the Back button. The longer your Flash takes to load, the more you risk losing visitors.

The best way to go is to use Flash only when you absolutely need the interactivity and motion that comes with it. Otherwise, use a mixture of Flash and HTML or use pure text if your site is purely to present simple textual and graphical information.

Reducing Load Time Through Image Optimization

Even though more and more Internet users switch to broadband every year, a large portion of the web's population is still running on good old dialup connections. It is therefore unwise to count them out of the equation when you're designing your website, and a very major consideration we have to make for dialup users is the loading time of your website.

Generally, all the text on your website will be loaded in a very short time even on a dialup connection. The culprit of slow-loading sites is mainly large images on your website, and it is very important to strike a delicate balance between using just enough images to attract your users and not to bog down the overall loading time of your site.

You should also go to a greater length and optimize every image on your site to make sure it loads in the least time possible. Use image editing software to remove unnecessary information on your images, and thereby effectively reducing the file size of your image without affecting its appearance.

If you own Photoshop, it will be obvious to you that when you save an image as a JPEG file, a dialog box appears and lets you choose the "quality" of the JPEG image -- normally a setting of 8 to 10 is good enough as it will preserve the quality of your image while saving it at a small file size. If you do not have Photoshop, there are many free image compressors online that you can download and use to reduce your image's file size.

On the other hand, you can opt to save your images in PNG format to get the best quality at the least file size. You can also save your images in GIF format -- the image editing software clips away all the color information not used in your image, hence giving you the smallest file size possible. However, saving in GIF format will often compromise the appearance of your image, so make your choice wisely!

You can receive valuable insights, techniques and information if you sign up for our FREE Infohatch Business On Line Internet Marketing course below:


Back to Business On Line Page


 

Custom Search

HOME | PERSONAL-STRATEGIC-PLAN | MANAGEMENT-TECHNOLOGY | COPYWRITING |TIME-MANAGEMENT | SPEED-READING | PUBLIC-SPEAKING | BODY LANGUAGE | BUSINESS CREATIVITY | FOREX-TRADING | BUSINESS-PLANNING | MANAGEMENT-ARTICLES | PEARLS-OF-MANAGEMENT-WISDOM | NEWS | SUCCESS-MANUALS | TRAINING-PROGRAMS | SELF IMPROVEMENT FOR MANAGERS | BUSINESS-ON-LINE | ONLINE MEETINGS | RESOURCES | PLAY-BETTER-GOLF | MANAGEMENT-TIMES | MONEY&EMPLOYMENT | SALES-SUCCESS | MARKETPLACELEARN SPANISH | MOTIVATIONAL READING | BOATING FOR BEGINNERS | FLIGHT SIMULATOR | ABOUT-INFOHATCH | SITE-MAP

Send mail to webmaster@infohatch.com with questions or comments about this web site.
Copyright © 2004-2012 Infohatch by DMS, All Rights Reserved.
Last modified: 01/29/12