Web Design Process

September 1st, 2010

There are numerous steps in the web site design and development process. From gathering initial information, to the creation of your web site, and finally to maintenance to keep your web site up to date and current. The exact process will vary slightly from designer to designer, but the basics are generally the same. The first step in designing a successful web site is to gather information. Many things need to be taken into consideration when the look and feel of your site is created. This first step is actually the most important one, as it involves a solid understanding of the company it is created for. It is important that your web designer start off by asking a lot of questions to help them understand your business and your needs in a web site.

Using the information gathered from phase one, it is time to put together a plan for your web site. This is the point where a site map is developed. This serves as a guide as to what content will be on the site, and is essential to developing a consistent, easy to understand navigational system. The end-user of the web site must be kept in mind when designing your site. Drawing from the information gathered up to this point, it’s time to determine the look and feel of your site. Target audience is one of the key factors taken into consideration. As part of the design phase, it is also important to incorporate elements such as the company logo or colors to help strengthen the identity of your company on the web site. Your web designer will create one or more prototype designs for your web site. This is typically a .jpg image of what the final design will look like. In this phase, communication between both you and your designer is crucial to ensure that the final web site will match your needs and taste. It is important that you work closely with your designer, exchanging ideas, until you arrive at the final design for your web site.

The developmental stage is the point where the web site itself is created. At this time, your web designer will take all of the individual graphic elements from the prototype and use them to create the actual, functional site. This is typically done by first developing the home page, followed by a “shell” for the interior pages. The shell serves as a template for the content pages of your site, as it contains the main navigational structure for the web site. Once the shell has been created, your designer will take your content and distribute it throughout the site, in the appropriate areas. Elements such as interactive contact forms, flash animations or ecommerce shopping carts are implemented and made functional during this phase, as well.

A good web designer is one who is well versed in current standards for web site design and development. As part of testing, your designer should check to be sure that all of the code written for your web site validates. Valid code means that your site meets the current web development standards – this is helpful when checking for issues such as cross-browser compatibility as mentioned above. Once you give your web designer final approval, it is time to deliver the site. An FTP (File Transfer Protocol) program is used to upload the web site files to your server. Most web designers offer domain name registration and web hosting services as well. Once these accounts have been setup, and your web site uploaded to the server, the site should be put through one last run-through. This is just precautionary, to confirm that all files have been uploaded correctly, and that the site continues to be fully functional. This marks the official launch of your site, as it is now viewable to the public.

How Web Technologies are shaping education?

September 1st, 2010
Much has been written on Read/WriteWeb about the effect that web technologies are having on commerce, media, and business in general. But outside of the ‘edublogosphere’, there’s been little coverage of the impact it is having on education. Teachers are starting to explore the potential of blogs, media-sharing services and other social software – which, although not designed specifically for e-learning, can be used to empower students and create exciting new learning opportunities.
The experience of e-learning for many has been no more than a hand-out published online, coupled with a simple multiple-choice quiz. Hardly inspiring, let alone empowering. But by using these new web services, e-learning has the potential to become far more personal, social and flexible.
The traditional approach to e-learning has been to employ the use of a Virtual Learning Environment (VLE), software that is often cumbersome and expensive – and which tends to be structured around courses, timetables, and testing. That is an approach that is too often driven by the needs of the institution rather than the individual learner. In contrast, e-learning 2.0 takes a ‘small pieces, loosely joined’ approach that combines the use of discrete but complementary tools and web services – such as blogs, wikis, and other social software – to support the creation of ad-hoc learning communities.

Much has been written on Read/WriteWeb about the effect that web technologies are having on commerce, media, and business in general. But outside of the ‘edublogosphere’, there’s been little coverage of the impact it is having on education. Teachers are starting to explore the potential of blogs, media-sharing services and other social software – which, although not designed specifically for e-learning, can be used to empower students and create exciting new learning opportunities.
The experience of e-learning for many has been no more than a hand-out published online, coupled with a simple multiple-choice quiz. Hardly inspiring, let alone empowering. But by using these new web services, e-learning has the potential to become far more personal, social and flexible.
The traditional approach to e-learning has been to employ the use of a Virtual Learning Environment (VLE), software that is often cumbersome and expensive – and which tends to be structured around courses, timetables, and testing. That is an approach that is too often driven by the needs of the institution rather than the individual learner. In contrast, e-learning 2.0 takes a ‘small pieces, loosely joined’ approach that combines the use of discrete but complementary tools and web services – such as blogs, wikis, and other social software – to support the creation of ad-hoc learning communities.

How Just About Anyone Can Skyrocket Their Website To The Top Of Google

August 29th, 2010

If you are 100 percent committed and serious about getting a top ranking on Google then you need to keep reading to learn how SEO professionals get top rankings on Google and how virtually anyone else online can copy what they are doing to achieve the same results.

There are two types of website search engine optimization – there is on page optimization and there is off page optimization. Both of these are important, however, on Google it is your off page optimization that is ultimately going to make a huge difference to your rankings and mean the difference between appearing 10 pages deep on Google and appearing in the idolised top 3 positions.

Let me take a moment to explain what off page optimization is. It’s not so much what appears on your website but, in fact, what appears on other websites about you. It is your reputation and how the search engines actually believe other websites perceive you. Off page search engine optimization includes how many websites link back to your site, which websites actually link back to you, the Google page rank or PR of the websites linking back to you, the actual title of the pages linking back to you, the anchor text used in the link back to your site, the number of links on the website that’s linking back to you and the type of links they have on their own links page. Even the IP address of websites linking back to you is of importance to Google.

Let’s say, for argument sake, your main keyword is RV accessories. In order to achieve the best off page optimization results you would need to carefully analyse in depth the top 10 ranked websites for your chosen keyword RV accessories. The goal here is to analyse and duplicate precisely what these top 10 websites are doing and if possible do it better. By being in the top 10 in Google these websites have given Google precisely what they are looking for. These top 10 websites have now made your task so much easier. In fact, by duplicating what these websites have done you can actually outrank these top 10 websites.

Let’s say that you wanted to analyse the number 1 website on Google for safe weight loss. What you need to look at when looking at the number 1 website are the items that I have already mentioned like the number of websites linking back to this site, the page title of websites linking back to this site, the number of links they have on their page, their Google page rank, the IP addresses of the websites linking back to them.

To find out which websites link to this number 1 site type in Google link:www followed by the rest of the url. Google will then bring up the number of pages linking back to this number 1 site.

Now it’s important to analyse in more detail the websites that are actually linking to this website. You do this by getting the page rank for some fo these websites. It’s easy to learn the page rank of a website by using the free Google toolbar. You can download it here http://toolbar.google.com.

You will want to get sites linking back to you that actually have your main keyword in the title. Use your main keyword as your anchor link on the links pages you submit to. It’s also important to analyse the number of total links and the quality of the links on the websites linking to the number 1 website. You will want to get links from pages with as few links as possible on that links page for best results.

Authority websites are highly regarded by Google so if you can find an authority website that is linking to the number 1 site then try and exchange links with them also. Use this free tool at http://www.andyhagans.com/tools/hubfinder. It is also important to get backlinks from other websites from as many different IP addresses as possible. To find out IP addresses of websites go to http://www.webrankinfo.com/english/tools/class-c-checker.php.

Once you analyse the top site then take some time to analyse at least 5 to 9 sites that rank underneath it. Yes, it takes a lot of time on your part and quite a bit of dedication but in order to rank as high as possible on Google you must know exactly how these top websites are using off page optimization because this is just the thing that is getting the top rankings that most website owners can only dream of.

Of course, you can personally analyse websites manually or automatically for a fraction of the cost of an SEO consultant that virtually does everything I have just shared with you at the touch of a button. Of course it is not critical to use a software program, although it does save a great deal of time and frustration. What is most important is that you spend time analysing your top ranking competitors through whatever means possible to you at this point of time.

What Makes a Great Website Design

August 24th, 2010

What constitutes a good website design? Does it showcase your design prowess? Does it prove what a brilliant graphic designer you are? Does your web design fetch you designing awards? Or does your website design exist to establish a platform for you and your visitors to interact with each other unhindered by usability glitches? I think the last point is the most important factor that establishes the basic difference between a successful and an unsuccessful website.

Although the perception of good website design changes from person to person, there are some established conventions that you can follow and these conventions can make sure that your website reaches out to all possible people. When you are designing your website, especially these days, you have to be constantly conscious of the fact that there are numerous browsers
and numerous devices that people may use to access your website. No longer do people browse the Internet just through their PCs and laptops; there are many handheld devices
that can directly connect to the Internet and enable people to browse your website; people can even browse your website using their mobile phones. And gone are the days when people used just the Internet Explorer as their primary Internet browser.

Your website design also depends on what you are planning to showcase through your website: will you include videos, images just text or maybe a mixture of all three? You have to design your website accordingly. If it is merely text that you plan to publish then try to make it as less graphical as possible as people coming to your website will be interested in your text and not your images and videos. Similarly a website showcasing your Flash animation expertise will expect lots of Flash work so you needn’t worry about making your website textually accessible.

So when you are designing your website you have to take all these parameters into consideration. But does it mean that you’re always accommodating browsers and devises and do not focus on your own business, whatever that is? No, I’m not suggesting that. Just take care of the following website design guidelines and you will make sure that 95% people (well, there will always be those odd 5% who can never browse the web easily no matter what they try) surfing the Internet can access your website:

1) Create a lighter design. Where possible do not overuse either Javascripts of Flash that effect the major functionality of your site, including menus. For instance if there is some crucial information on your website and people need to access that information before doing business with you then don’t make that information accessible only through a JavaScript on an image file or a Flash animation. It goes without saying that possible you important text should be available as text and not images, if this is not possible then you need to consider image replacement techniques.

2) Don’t use colors that cause strain to the eyes. If you want people to come to your website again and again and consume your content or do business with you then you must make their stay over your website as pleasant as possible. No matter how awesome your design looks if the color combination’s are strain-full, after a while they will tire of your website and stop coming. Always take care that your background behind the text is far lighter than the text, and vice versa.

3) Plan a carefully considered (from the users perspective) navigation system. If you have multiple pages on your website then there should be a prominently defined navigation system that is easily accessible to everybody. As mentioned above don’t let your navigation depend on images, JavaScripts, or Flash animation. If possible create just a text-based navigation bar. With CSS designing you can create great looking navigation bars.

4) Design your website using CSS because then you can make your content and your navigation bar appear in a linear fashion. Since all the layout-related placements take place through CSS definitions no matter how your text appears texturally, graphically it will appear as a pleasant layout. The CSS designing techniques also enable you to dabble with intricate layouts without making your website inaccessible. CSS designing will always help you arrange your main content before the navigation link despite making it visually appear beneath the navigation bar or to the right of it.

Follow these basic web design principles and you will have a good website design to boast of. Never forget that the main purpose of your site design should be to create a good user experience for your visitors, the design is not there to indulge your design whims and fanciesFree Web Content, so do not get caught up in the temptation to over complicate things unnecessarily.

Online Marketing Strategies

August 3rd, 2010

If you own a website or other business on the internet, you need customers. Amazing revelation, huh? With all the competing websites, how do you get them to find your site or your email responder, newsletter list?

You need to have some good strategies, and lots of study, for marketing an online business. One of the most used strategies for marketing an online business is learning to get a high search engine ranking. If you don’t rank highly you will have difficulty being found.

There are some key methods for high ranking. Start by keeping everything on your site relevant to the subject. Read the previous sentence again please. It is worth many thousand of dollars in training and hundreds of hours of learning time to you. This makes good sense anyway because once the customer has found you, you want him or her to stick around. Right?

If you were to pay me a $1,000 for one day of internet marketing training the first thing I would teach you would be the next three paragraphs below;
Article marketing is a powerful way to promote your site. Make a list of 1 to 10 on a sheet of paper and write one very brief point of your website by each number, then stop! Come back the next day and start writing a sentence or two after each numbered point already written, then stop again.

Come back the next day and relax and write another sentence or two after each sentence already written, based on your experience and knowledge. Then stop again. Come back the next day and make corrections.

You can do this. This is very powerful. Polish it up a little the next day and you have a wonderful article and picture of your site that can be sent to article directories all over the place that will give you plenty of very low cost publicity that you could never get otherwise.

Choose a domain name and website title that fit well with your business keywords. Your title should be easy to remember and oh so pertinent to your web site subjects. Got it? Forgive me for repeating but the above is drop dead important.

Links to your website make a difference in search engine rankings, so contact sites that offer information complementing yours and ask for reciprocal links. If they use yours, you use theirs. If they do not use yours, do not use theirs. No exceptions. Be aware that this information will change as search engines redesign their methods for relevant results. You now know that the internet is always changing.

Another strategy for marketing an online business is to use pay-per-click advertising. This can be a fast way to get listed high in the search engines. There are several providers of pay-per-click advertising. It pays to check out a variety to see which suits your needs the best. Testing, over and over, is imperative for success.

Weblogs are a newer source for marketing an online business. They tend to rank well, and consumers like them. Use your blog to talk about your industry or cause and provide links to your website. Blogs add a lot to your marketing program and can be fun to write.

Marketing your online business, constantly, is essential for success. You never stop doing it. Use all the marketing strategies at your disposal, wisely and honestly, and watch your traffic grow.

Funny Web Design Client Quotes

July 29th, 2010

Somedays when I am having a bad day or dealing with a ‘client from hell’ which can really stress me out I browse some of the quotes submitted at Clients from Hell and it makes me think that maybe it’s not so bad. After all they do pay the bills (even if they don’t always pay on time!)

If you work in the design and freelance world then some of these quotes will probably sound like nightmare clients you have had to deal with and maybe you have some examples that are like this or maybe much, much worse.

These 26 examples just made me chuckle and shows that I am not alone.

The site is broken. When I’m on the home page and I click the back button, it takes me to another site.

If you’re going to charge me 40$ an hour to make my website I would like to install a camera in your office so I’m 100% sure you don’t bill me for hours where you’re not working.

Client: “I want it to be like Facebook”
Me: “Did you have a budget in mind for this project?”
Client: “I need to get it done for under $500

Can you include a splash intro animation that turns the screen into a mirror so they can see themselves? We really want to push the metaphor.

I need you to make the website black and white but include as much color as possible.

Can you make our website track their webcams? I want to make sure that anybody on our site aren’t creepy-stalker types.

Client: “I need you to design me an internal company newsletter”
Me: “I’ll need the logo, brand guidelines, any relevant graphics and text.”
Client: “You’re not licensed to use them”

We’re looking for a high-exposure designer for our site. We want some flash stuff, maybe even some other interactive features. I can only afford a one-time $25 payment upon completion/upload of the site, however it’s a great way to add a fun, popular business to your portfolio

We have no budget for this ad, but the good news is that we are definitely sure that we want to work with you.

I need to get moving, anyway you can do some work on this on your vacation. That’s a long vacation, I bet you’ll get bored anyway, and this is back-and-forth via email, not phone, so it shouldn’t cause you any stress.

Most of our photos are all white people, but we need to show more diversity, and we don’t have the budget for another photoshoot. But I’m sure you can just change them to various races, I mean, that’s what a graphic designer does, right?

Here, I really like Apple’s logo, so I’ve taken their logo and put our name under it.

Your hourly rate is okay, as long as you don’t need more than an hour. And you can show me how you did it so I can do it on my own next time.

Make sure it’s not too edgy, not too flashy, not too much detail, not classical/traditional, not too complex, exciting, but not all over all over the place, efficient but fun, clean, fresh, modern, up beat, contemporary, high readability, smooth, shapeless, timeless, not outdated, but simple.

That other website is stealing our business. Can you make it so that when someone types in their address they come to our site?

Above all, when you redesign the website, I don’t want any HTML in it. I’m tired of dealing with all the hassles of HTML

Client: “Well, how big is your computer?”
Me: “My, uh… How big?”
Client: “Yeah. How big? Is it big enough to handle a big sign?”
Me: “Well it’s a newer MacBook Pro so, like I said, I shouldn’t have any trouble.”

Client: “No, like how many inches?”

Me: “Um, well… It has a 17-inch screen.”

Client: “Well that won’t work. We need something that’s thirty or forty inches wide. It’s a big sign.”

Can you show Joanne [client’s secretary] how you designed our business cards. I don’t want to pay you for doing them.

Our client’s competitors has put something on their website that we don’t like, can you take it off there?

The woman in this photo is perfect, but she needs to be disabled. Can you photoshop her so she only has one arm?

JPG screenshots of a new website design were sent to the client. Her only feedback was, “I try to click the menu, but nothing happens”

The CEO will be in town tomorrow so if you could get the whole site done by then that would be great.

We need our website to work regular business hours; from 9am to 5pm, Monday to Friday.

Client: “I’ve sent the image. I can’t wait to see the final product.”
Me: “This image is 115px x 148px at 72dpi. Typically we need images around 1000px and higher with around 150+dpi.”
Client: “Can’t you just Enhance the images like they do in CSI.

I think this looks good but I’m going to have my daughter look at it too. She’s got a good eye for this stuff and she just did the cover for her high school’s yearbook…

I have printed it out, but the animated GIF is not moving?

Successful Business Website Presence through Professional Web Design and Online Marketing

July 26th, 2010

Today it’s very important to take your business online and you need to get a professional website created for the same. There are lots of mistakes which designers do. Just follow these steps to avoid them:

1. Target Audience: While starting the website please make sure that you have your focus clear on the kind of audience you are targeting, their demographics, what are their tastes etc. All this information will help a designer to analyse the following:

a. Features of the Website

b. Focus on particular areas

c. Colour Combination

2. Sitemap: Sitemap is one of the most important elements in website designing. Till the time website is not well structured it’s of no use as user might find it difficult to browse the website. Always plan the sitemap according to user requirements

3. Interactivity: Your website should be interactive for the users. Earlier companies use to have a brochure website but in today’s environment you need to interact with the users through Forums, Newsletters, Blogs etc.

4. Images & Textual Content: Content and images on the website should be clearly visible and easy to read. Images used in the website should be meaningful and professional and should relate to the text. Fonts should be big in size. A clean website and soothing colours will entice user to go through all major portions of the website

5. User Friendly: Websites are for users and it should be designed in such a manner that everyone finds it easy browse

Web Site Design Keys

July 23rd, 2010

Web site design is the process of designing a template or web site on the internet. This is used for many different types of web sites. Each web site design is unique and individual to the particular site in question. The site designer will begin by asking you some basic questions about the site and based on the answers, will begin to build a site for you and your particular product or service. All designs will be passed to you for approval and any changes asked for will be made into the site.

There are also web sites that will allow you to be the web site designer. Places such as Homestead, Angelfire and GeoCities will allow you to design your own web site. If you are a small business, it may be advisable to either consult with the designer at the place that hosts your site, or consult a web site designer. A poorly designed and made site will drive away traffic and cost you sales, time and money. This is why a web site designer needs to be called in, to make the site look professional and clean. This is a must when selling on the internet.

When you are looking for a web site designer, please bear in mind the following: How many of these sites have the designer done? Are they reputable? Can you talk to clients of this web site designer? These questions will need to be answered. Take time to research the designer in question. This is a must to take action on. As with anything else, there are cons out there willing to take your money and leave you to hold the bag. Sufficient research will net you the honest ones out there.

Make certain that you receive everything in writing. This way will protect you in case of a fraudulent web site designer that skips out on you. The contract can and will be enforced. It is no longer acceptable to have a gentleman’s agreement in this age. For your protection, a written contract is necessary to protect both yourself and your business. That fact cannot be stated enough. With the advent of the Digital Age, comes the need for protection in any and all business matters at hand. With a written contract, there will be no dispute over what is ordered and what is not.

Once you have found your web site designer and fleshed out the contract, then work can begin on producing your site. The time limits will be specified in the contract. Once work is completed, the designer will contact you and submit the final design for approval. Once approved and paid, then the site is yours and can go live immediately. Once your site is live, then the orders can commence and your business will flourish and grow. Having a well developed functioning web site is crucial in the constant struggle for the consumer’s hard earned dollar.

Importance Of W3 Standards

July 17th, 2010

With the burgeoning popularity of the internet, new developmental tools are created daily. With these tools come new challenges, marketing, design, cross-browser transitions, etc. These can be a daunting task for those web gurus who aren’t well-versed in the W3 Standards. W3 (w3schools.com) is a resource for webmasters and programmers who want the most for their viewing public.

There are numerous technologies used by programmers (ASP, PHP, and Javascript to name a few), but this article will focus solely on XHTML and CSS. W3 has a set of standards for both of these technologies, and making a website W3-compliant ensures that most all viewers will see the site exactly the same way (no matter what browser they’re using). Validation also helps with Search Engine Optimization (SEO) because clean code means easier search-engine spidering. Cascading Style Sheets, or CSS, is a technology often used in sites with many pages to make aesthetic changes easier. The style sheet is an exterior file that runs interdependently with the HTML (or outputted HTML) of a site. The style sheet serves as a template for the entire site’s color and font schemes, while also controlling borders, sizes, and more. Being able to edit a single file, instead of 100s of changes in many files saves time and precious web design dollars. Validation is imperative to get the most out of a website. That is, a user can upload or copy-and-paste their CSS file to the W3 site, and they’ll be given a list of any errors it contains.Another of the technologies becoming more popular is Extensible Hypertext Markup Language, or XHTML. XHTML is an extension of HTML 4.0, and, while in its infancy, has become quite prevalent. XHTML conforms to standards moreso than HTML.

As such, it is more search-engine and user-friendly:XHTML documents conform to XML. XML Tools can double as XHTML tools.XHTML is an extension of HTML 4.0. It is more user-friendly and streamlined than HTML.XHTML is a combination of HTML and XML in that it can run scripts and applets that use both the HTML and XML DOM (Document Object Model).

As XHTML grows, XHTML 1.0 documents will be able to interoperate among other XHTML documents making it a more browser transitional language.To conclude, using the standards of web development lined out by the W3 is imperative for users to get the most out of a site. Often, making a webpage W3-compliant is the first step of SEO, a marketing tool to get the most out of your advertising dollar. Validation is easy, and can be completed if a user has a basic knowledge of HTML-editing and FTP (File Transfer Protocol). Using these tools, coupled with the set of W3 standards can save a lot of money and help the site’s overall functionality.

Website Conflict: Design vs. Marketing

July 9th, 2010

Let’s continue with the start-up, Scenario 1, which we were covering in Part 1 of this series. The web designer supplies no sales copy at all, so you have no content for your website or for the products that are at the wholesale warehouse. Also, you don’t need to submit your site every month – for a multitude of reasons, and you don’t need to have your site listed in 2,500 search engines.

If you have your site respectably listed with Google, Yahoo, MSN, AOL, Netscape, and Alta Vista – that is a huge amount of traffic. It is arguable that you could be listed in another ten more of the top search engines, but 2,500 is ludicrous and will not bring in any significant traffic. Google, alone, is a juggernaut and brings us much more than 50% of our current traffic.

One more thing about services that constantly submit your site to the search engines, without changing any of the content; this is a form of spamming. The major search engines may penalize your ranking or ban you all together. Please consult with a qualified SEO expert, before getting repeatedly submitted to thousands of search engines that you don’t need.

Scenario 2: A copywriter who lets his web designer dictate how his sales copy should look. Yes, this is a true story, and there are so many pretty colors on the page, you can’t read the black type over them. Believe it or not, he also brokers web design services, and has web design listed as one of his services.

Again, does anyone smell a fire? If you can’t read a web page, you should run as far as you can from the web designer. If a business website doesn’t effectively sell, it’s either the sales copy, or the web design that’s not working; it’s that simple – but you can avoid the problem by letting a competent copywriter have the last say.

You don’t need a lot of color to have a great website that sells. Black print, on a light background, will do fine, and is easier on the eyes. Blue for hyperlinks is user-friendly and easily recognized. Bolding a headline, or sub-headline, is good. Using bullets, or check marks, to point out benefits, will help point the reader to what’s in it for him or her.

Break up your paragraphs and air out your copy. You can use yellow for highlighting and for a background in your boxes. Use boxes for testimonials or very strong points. Using red in reserve for headlines, and sub-headlines, will draw eyes, so make sure you are drawing attention to something very important.

All of the above-mentioned web sales copy techniques are conservative, and all of them are highly effective on the Internet. Have a few people read the website to see what “buttons get pushed.”

Lastly, please remember, if you want your site to sell, “content is King,” and sales copy overrides design every time.