PDA

View Full Version : Navigation Element Locations



EmmaPopi
02-06-2009, 07:09 AM
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.

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

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 Flash Web Design (http://www.intellixmedia.com/flash-web-design.htm) site is designed to do and make your website more successful.

eltracer
05-26-2009, 07:18 AM
The browser should hide navigator elements to don't dissipate user. It also will reduce space usage when user read the page. Attachment including only prototype. It don't works at they should... But you can look at the idea. My idea is connected with new tab ideas. When user open a new tab, it contains bookmarks. Browser should display urlbar and history above(z-order) the side.
-------------
bad credit mortgage repair (http://www.adverse-mortgage-centre.co.uk/bad-credit-mortgage-repair.html)
debt elimination (http://www.getoutofdebtfastguide.com/)

slovapes73
10-26-2009, 03:06 AM
Emtucifor wrote:At page load, I want the div to not show. display:none doesnt work because then the element cant be displayed at all even with element.style.display=inline correct me if Im wrong.

D.poivy
10-30-2009, 05:05 AM
display:none will remove an element from the page flow altogether as if it werent there to start with, removing display:none will put it back to the default layout - which should return it to how it was before, unless you have defined specifically that it should be a block element etc. e.g. a div is a block element by default, but a span, or <a> are inline elements by default - hence why you might get layout issues if you set it to display:block or display:inline when it isnt by default. Ricks approach is similar to how I have done it in the past and the time before js libraries,.. which solve all these little problems for you

ranu888
01-06-2010, 11:04 AM
Designing a website you should pay attention to a lot of its elements as each of them can make or break your page. One of the crucial features which is responsible for your website effectiveness is its navigation as it influences visitors attitude towards your page greatly. It is very important for you to provide a user with convenient sense of direction while they browse your website pages,otherwise they will just leave with no wish to return.

For you to implement clear navigation that won’t confuse the visitors surfing your online presence you should learn its main elements and proper location first.

1. Top Menus. This is a menu bar which is located just below your site logo header which can look as single link, expanding or drop down menu. You may present the top menu whether as a text message or some graphics, or provide hyperlinks which will lead a visitor to further information.

2. Right Side Navigation. This part is not crucial, but if you decide to use this element it will appear as a column on the website top right side. This section is often used for advertisements.

3. Left Side Navigation. Can be implemented as a column or text on the left top section of the page. Left side navigation is similar to the top menu and can exist as an expanding menu or just a single link.

4. Bottom Menu. This is your website footer which is known to use text links, or a menu bar which implies either text or graphic images.

5. Login Box. You need to provide your website visitors with login boxes so they can easily enter the members area. Remember that users may get really irritated when they can’t find where to login so this section must be well seen. Usually login box is situated on the top left or top right of the page.

6. Breadcrumbs. These are the links and graphics that show your visitors on which section of the site they are at the moment. The links are usually placed under the header of your page and give a possibility to go back to previous pages.
_____________________________________________
Mitsubishi Eclipse Turbocharger (http://www.turbochargerpros.com/mitsubishi_eclipse_turbocharger.html)
mechanic salt lake city (http://www.slcautorepair.com/)