Why Good Website Navigation Is Important ?

Web surfers are basically an impatient bunch and if a website is hard to figure out because the links are not obvious, they will click away never to return. Website navigation is one of the most crucial elements in determining the effectiveness of a website. This article discuses the basic principle of designing website navigation. 

To be effective website navigation must first and foremost make sense to the average person. While there is always room for creativity, well-designed websites tend to have similar navigation layouts. 

As a web designer you must always keep in mind the basic purpose of the website and the intended audience when designing navigational elements. Most websites exist to either inform the visitor about a product or service or to actually sell the product or service. Therefore there are some basic guidelines to follow: 

Make sure all navigational elements are clearly links by using standard conventions for links such as buttons, menus, underlining the text or changing color on mouse. Resist the temptation to use clever or ambiguous names for links. 

When using non-conventional links, explicitly tell the visitor that this is a link. For example, suppose you design a web page where you want to use a map showing several different cities and want to let the user click on the city name to pull up information about that city. Just make sure you tell the user to click on the city name to get more information about that city. 

Remember the “Three Click Rule” that most professional web designers use. Studies have shown that most users will not click more than three links to get to the information they want. So every page on your website should be reachable within three clicks. 

I do not recommend using a flash movie or other type of splash page on your website. Keep the web page design simple yet attractive. But if you do decide to use one, make certain you use the META REFRESH tag to take the visitor automatically to your home page after a few seconds and provide a clickable, clearly marked button or link so the visitor can skip the entry page and go directly to your home page otherwise a large percentage of visitors will just click away never to return. Remember most visitors are looking for information not entertainment. 

Navigation Element Locations 

Top Menus – a top of the page menu bar is usually located directly below the page header graphic that contains the site logo. These menu items may be single links, drop down menus, or expanding menus. Each menu item can be represented by a graphic or just text. In ether case a hyperlink is associated with each item that the visitor can click on to get to the information described. 

Left Side Navigation – left side navigation is typically implemented as either a column or text area on the left top portion of the webpage. Like the top menu, each item can be a single link or an expanding menu. 

Right Side Navigation – right side navigation is not used that often, but when used, it is implemented as a column or text area on the top right side of the webpage. Most designers use this area for advertisements rather than site navigation. 

Bottom Menus – bottom menus can be either a menu bar or footer. Menu bars use either graphics or text links while footers almost exclusively use text links. 

Important Navigation Elements 

Internal Page Links – Every page on the website should be within two or three clicks from the home page. Important pages should be ONE click away. The type of website will determine which links are more prominently displayed. 

Login Boxes – login boxes should be prominently displayed. Common locations are top left, top right or inside the page header. 

Shopping Carts – if you use a shopping cart to sell your products, you should prominently display a view cart button on each page. The most commonly used location is the top right side just below or as part of the header. 

Order Buttons – if you use individual order buttons they should be large and visible. The fewer clicks it takes to get to your order page, the more orders you will get. 

Breadcrumbs – breadcrumbs are both links and a graphical representation of where you are in the site. Breadcrumbs are usually located at the top left of the page just under the header. Each word is a link back to the previous page. They are in the form 

       Home-> Articles-> Marketing 

External Links – external links can be used anywhere but are most frequently used inside the text areas on a website. They may be references to more information located on another site, to recommended products, or to almost anything else. 

Advertisements – advertisements are usually either a graphic or text with an associated hyperlink. Ads can be placed anywhere on a webpage but are usually used just under the header banner, down the right hand side of the page, under navigation elements on the left margin, across the bottom of the page or even interspersed within the test areas of the page. Studies show that ads “above the fold” are more effective. 
(“Above the fold” refers to the area of a webpage that is visible without having to scroll.) 

Downloadable Items – if you offer downloadable items such as audio, video or pdf files, make sure that you tell the user haw big the file is and whether they need an application to use the file. If they do an application, provide a link to the application. For example, provide a link to the free Acrobat reader if you offer pdf files. 

Site Map – A site map is a good way to layout your entire site for your visitor. (Search engine spyders like them too.) It is just a hierarchical listing of every page on your site with a clickable hyperlink to that page. 

Summary 

A good navigation system can increase the numbers of pages viewed by each visitor. This in turn can increase signups, customers, sales, members or whatever it is your site is designed to do and make your website more successful.

3 Elements of SEO That Are Best Run Alongside Website Design

Find out why it can be beneficial to start SEO work early in a websites development.

Ensuring that a website is properly optimised for search engines is one of the most important steps that an online business will take. Until a business manages to become renowned online (such as amazon, ebay, etc) a huge amount of their traffic will be derived from search engines. Due to this it is vital that the website appears near the top of search engine results pages. Despite the fact that most business owners are aware of the importance of achieving a high ranking in the big 3 search engines (Google, Yahoo and Live) a huge number of them don’t even consider search engine optimisation until they have either launched a website or are preparing to. This article aims to explain why it can be hugely beneficial to start an SEO campaign at the same time as, or slightly before, the website is being designed.

Keyphrase Selection

One of the most important steps in the search engine optimisation process is the selection of keywords. There are several important aspects to look for in a keyphrase that is likely to prove successful. Firstly it is vital that enough people actually search for a particular term. Secondly it is necessary to analyse the competitors that already hold the page one rakings for that phrase. If the top 20 results in the major search engines are held by dominant authority sites with high pagerank ratings it is extremely unlikely that a new website will be able to have a strong impact. Finally the keyphrase has to be considered in relation to how well it relates to the page that it will be linked to. For example, for businesses it is integral that they not only generate traffic but also that the traffic is likely to convert to sales. Typically highly generalised keyphrases will generate traffic that is looking for information rather than products or services so it is worthwhile looking into more specific long-tail keyphrases.

When designing and building a website it is enormously beneficial if the keyphrases have already been selected. This allows the developer to tie the different sections of the website (or product categories for e-commerce sites) to the keywords making each of these sections far easier to optimise for in the long run.

On-site SEO

One of the first steps that an SEO specialist will take when beginning to optimise a website is to analyse the website and create a list of recommendations on what can be improved to give the site the best chance at achieving high rankings. While often these changes are relatively straightforward to implement after a website is completed it makes far more sense if these recommendations are made early to allow the designer to implement them on their initial build. By doing this the owner of the site can save the considerable amounts of time and money that would have been incurred by writing and then rewriting the code and content on each page.

Copywriting

Another reason for starting SEO before a site is completed is that the copy on the site can be written with search engines in mind. While it is obviously important that the website is written for its human visitors first and foremost there are some straightforward SEO techniques (such as utilising the keyphrase within the text and linking to other relevant pages on the site using keyphrase appropriate anchor text) that can help boost a websites ranking. By figuring out the keyphrases early and writing SEO friendly content from the start a lot of the time and money that is often spent redrafting content can be saved.

Ultimately while it is perfectly possible to embark on an SEO campaign after a website has been completed it usually makes far more sense to start it early and then build the site with the SEO in mind. This can save the considerable amount of time that rewriting Titles, headers, descriptions, content, etc can take and result in a website that is ready to launch with the highest potential to rank highly.

Web Design: Is your Website User Friendly?

It is important to pay attention to little details that make the site easier to use by visitors. Sometimes small details make the difference, and the user likes our site better than other sites, just because he feels comfortable navigating it, and finds what he wants easily. Of course, it depends on the audience you expect for your website. For instance, if you have a website for professional designers, then you do not need to keep it that simple. Users will find their way and probably enjoy that sophisticated and strange menu system that is a piece of art. But if you expect a general audience, it is better to keep things nice and simple. The site usage should be intuitive. This is a list of several aspects you should consider:

· Let the user adjust the font size, avoid using fixed font sizes in your stylesheet. If you use fixed fonts, at least make them big enough so they can be read by people with sight problems.

· Make the forms clear and avoid crowded pages. Insert text hints when necessary so users always know what they have to input in each field. You may also use a small help icon next to the form field that users can press to get a pop-up with more information about the field usage.

· If you use menus, make sure they are easy to use. It is better if they are not too sophisticated if the site is for a general audience.

· Use the ALT and TITLE attributes in images. This will also help you with positioning your site in search engines.

· Make sure the site content is easy to access. This means that you placed the pages in the logical menus or submenus. Try to think as the user would think. You may ask someone else to use the site and give you feedback, since it is hard to realize if content is easy to access for others.

· Minimize the number of clicks to get to destination pages. Try not to nest pages inside menus, then submenu, then submenu… .Two or three levels should be enough for most cases.

· Contact Us page should be accessible from all pages. Include a form in the page so users can send you comments. If they found trouble using the site, they will probably tell you and you can fix the problem for future users. It is also a good idea to include a "Comments about this website" link in all pages footer so users can send a message to the webmaster.

· Choose the colors wisely. Different color schemas may help identify different areas of the site, for example.

· Make sure text is easily readable. Do not use too similar colors for text color and background.

· If you have long pages, insert Back to Top links in the page body.

· Keep design consistent throughout the site. This also helps you define an identity for your website.