Tips for Online Business

In web designing, design is more than just using HTML tags on a web page. The principles outlined below will help you create a more useful and effective website.

Balance

One of the most basic principles in web designing is balance. It is the distribution of the light and heavy elements on a page. It shows one to layout web pages so that they will work effectively. It is also a visual interpretation of design gravity. Remember that darker and larger objects appear heavier than lighter and smaller objects.

Balancing designs can be done in three ways:

Symmetrical Balance – done by placing elements in an even manner

Asymmetrical Balance – more challenging to design because they don’t have elements that match across the designs centerline

Discordant or off-balance – designs that suggest more action and motion

Contrast

When people encounter the word contrast, color is the first thing that comes to mind. However, contrast is more than just a difference in color. There can be contrasts in shapes, sizes and even textures. It is an accentuation of element differences in a design. When you apply contrast in a web design, think beyond or more than just colors. Think about how you can attract your readers in terms of contrasting font sizes, shapes, images and text styles.

Moreover, contrast in web design can be done in four ways. It can be done by

Changing of fonts
Providing links
Using different sizes of images and elements
Using contrasting colors

Emphasis

The eye is drawn to what is emphasized in a design. Though it is very tempting to give emphasis on everything in your website, as a designer you should determine element hierarchy and apply emphasis accordingly based on the hierarchy.

With emphasis, you make the most important element stand out in your design. To include emphasis or dominance in your design, try doing the following ways:

Use semantic mark up that will provide some emphasis even when there are no styles
Changing of fonts or images
Use of contrasting colors

Rhythm

Rhythm is also called repetition. It allows the design to build an internal consistency which helps the viewers to understand it easily. It is said that the whole design can only be understood once the brain has recognized the pattern in the rhythm. Furthermore, rhythm instills a sense of order in the design because it seldom occurs on its own. Due to this, viewers become attracted and therefore tend to investigate further.

To include rhythm in your web design, you can repeat actual HTML texts, add images several times, use background-repeat property and repeat navigation elements of your design.

Unity

In design, unity is also termed as proximity. It is the method of keeping same elements together and keeping different elements apart. It provides cohesiveness to designs and is said to pull elements together. It is primarily achieved through layout placement but can also be accomplished with the use of padding and margining of the elements.

Unity can be implemented through adjusting the layout of elements, changing the text spacing and playing with the box properties to influence the padding and margins.

When designing something, a designer should first go through the basics of designing. Whether he is designing a print design or web design, he must know the dos and do not's. The following items will help you know the basics of web designing as well as some techniques that are specific to coming out with the best web layout.

1. Create a design that seems friendly.

There are actually a lot of web designs that scare people away and not attract them. If you want people to return to your website, make it soothing and light. Keep your site as friendly as possible.

2. Create a great homepage

When designing your website, you should keep in mind to conceptualize a homepage that would attract your viewers. Remember that the first page that your customers see can also be the last. So learn to create a page that will attract your visitor’s attention and then draw them deeper into your site.

3. Keep in mind the principles in designing web sites

Remember to apply your design principles such as balance, contrast, emphasis, rhythm and unity. This will serve as your guide and will help you conceptualize a good web design.

4. Think small in terms of graphics

Slow pages can be really very annoying. Whether you like it or not, one cause of slowing the pages is large graphics. To avoid such problem think of using images with a size of 10-12 kb.

5. Use graphics that fit the content

Just because you have a wonderful picture of you and your boyfriend doesn’t mean that you should include it on your website. Use images that are appropriate and that connect with your site’s content.

6. Don’t use blinking images

There have been studies proving that blinking images actually annoy people. If you want to use them, though, use them sparingly. You wouldn’t want your site viewers to leave your page just because of an annoying blinking image.

7. Stay with standard layouts

Try to use a layout that is simple as possible. The 3-column layout might sound corny and boring but it helps to keep your readers stay where they are and keep reading your site’s contents. Keep in mind that readers and site viewers stick with things that are simple and easy to understand.

8. Use standard fonts and limit the number of different fonts

Use standard fonts such as Arial, Verdana, Geneva, and Helvetica. They might seem too familiar but they look better on most browsers. Now, you don’t have to worry whether your fonts will work or not.

9. Don’t be greedy

Though ads help you make money by posting them on your site, keep in mind that people visit your site because of their perceived content and not because of the ads that you put in it. For all you know, these ads may drive your viewers away, if they are too many, and could possibly make you lose money.

10. Remember your readers

Understand that, unless you’re writing a site for yourself, your site’s content should include topics that your viewers might want to read.

Different issues can’t be avoided even in web designing. Due to conflicts between differing goals and web design methods, conflicts arise. Some of them are listed below.

Liquid vs. Fixed Layouts

Web designers do not have control over everything when designing a web site. Some of the factors that they do not have control over are browser window (the web browser used), used input devices (such as mouse, touch screen, voice command, and text) and the size and characteristics of fonts available.

However, some designers choose to control the element’s appearance on screen with the use of specific width designations. This may be done with the use of HTML table-based design or CSS. Fixed width design happens when images, texts and design layouts do not change as the browser changes. Supporter of this design prefer to control the look and feel of the site as well as the placement of objects on the page. However, other designers use liquid design, as in Wikipedia. In liquid design, the design moves so that the content will flow on the whole screen or a portion of it. The supporters of this design wishes to use all the available spaces on the web.

CSS versus tables

During the days where Netscape Navigator 4 was the most popular browser, Web designers use tables to layout pages on the web. This was considered as the practical solution then. However, popular as it is, it requires dozens of nested tables even for simple designs.

With the emergence of dominant browsers such as Internet Explorer (which became more compliant to W3C), designers started to turn their attention in using CSS. Proponents of CSS say that tables should only be used for tabular data and not for page layout. In CSS, on the other hand, HTML returns to a semantic set-up. With this, search engines are able to understand what is happening in a web page. But one major downfall of CSS is the fact that control is essentially abandoned because each browser has its own trait which leads the page to have a different display.

So to avoid this stand off, you have to decide firsthand on the approach you will take when designing that webpage, here are some of the key elements you have to bear in mind:

Website Planning

It is important to plan on the kind of website that you would be establishing. Keep in mind the audience or your target market, as well as the purpose for creating the site and lastly, its contents.

Audience

The key step to website planning process is defining your target market or audience. Your audience is the group of people you visualize as the ones who would most likely visit your website. These people will be visiting your website for a purpose so it is beneficial to know the things they are looking for. To help you decide on this, you should clearly define the goal of the site and also understand what people want to feel or do when visiting your website.

Looks vs. Function

Some designers pay more attention on how the site looks rather than on how it works. Some even rely on advertisements, so that clients will find their website, instead of search engines. On the other hand, SEO’s or Search Engine Optimization consultants are concerned with how a web site works, textually and technically. As a result, designers and SEO’s end up having fights because of the differences of their concerns.

Fact 1: We can’t deny the fact that when browsers enter a site, they look for something that is relevant to their needs. If they ended in a particular site through advertisements, then they would expect to see something related to that ad.

Fact 2: On the other hand, when a search engine scans a site’s contents, it looks for contents which are useful enough for other sites to reference. It expects to locate a content that is consistent with the keywords.

Fact 3: Moreover, visitors who go to a shopping cart would expect to find photos with high quality, a variety of applicable views and lastly, a concise and clear description and costs. They also expect that the cart should work in all types of browsers.

But sad to say, some viewers do not find what they need in a website or sometimes they have a hard time going around the site. The following things should make you aware on the things why web sites fail.

One fact that web designers must know is that people wouldn’t enter your site unless they know their way around it.

Due to this concern, web designers must take into consideration that they need to conceptualize user friendly and easy to understand websites. For most customers or viewers, very extravagant design won’t matter as long as they don’t get lost in your site.

Your competitors are just a click away

When designing your web site, think very carefully on things that could give you a plus over your competitors. Think of the things that you can offer your customers in order for them to stay on your site and choose you above all else.

People hate slow websites

Designers must understand that searchers can be very impatient when surfing through sites in the Internet. Therefore, designers must find a way to minimize the slowness of websites and at the same time offer viewers with quality contents.

Searchers look for relevant information

Dr. Jim Jansen of Penn State’s School of Information Sciences and Technology said, “A web site has to be relevant to a searchers needs. Otherwise, by the time three minutes have elapsed, 40 percent of searchers will have moved on. While some may have found what they wanted, others may simply have given up and move to a different site." When designing web pages, designers can’t help but become graphic artists with the aim to make your site look great but sometimes lacking in information. Therefore, remember that while it is important to make your site attractive, it is equally important to place in your site the information that visitors need.

Sites should have clear abstracts

The first thing that appears on the result page as an answer to a search engine query is the site’s abstract. The abstract explains everything about your site. According to a study done by Penn State, more users or searchers can be drawn to a site with the use of an abstract. That is if the abstract is informative enough and gives relevant and enticing information about the site. Dr. Jim Jansen said, "For site developers, if you want to be looked at, it is absolutely critical that the abstract be crystal clear about the purpose of your Web site."