| A very important point to consider while
| |
| | browser versions may not support drop-down
|
| designing a website is proper navigation.
| |
| | menus, and therefore a small percentage of
|
| You must ensure that potential clients or
| |
| | people may not be able to navigate your
|
| customers are able to find the information
| |
| | website. Even more important though, is
|
| they are looking for without too many
| |
| | the fact that search engines will not be
|
| clicks. As a quick rule of thumb, visitors
| |
| | able to navigate and index your site if
|
| to your site should be able to visit all
| |
| | there is no text based navigation.
|
| your pages by using, at most, 3 clicks.
| |
| | Another concern is accessibility by
|
| This is also important when considering
| |
| | assistive technologies. For example, blind
|
| search engine optimization (SEO) because
| |
| | Internet users literally read the code of
|
| search engines will only spider (or index)
| |
| | your page. Therefore, if a navigation menu
|
| pages that are 3 clicks deep into your
| |
| | is image based or uses image maps,
|
| site. Not only does proper navigation
| |
| | alternate text must be used to allow the
|
| allow users to find information they are
| |
| | user to properly navigate the website. To
|
| looking for, but it also allows search
| |
| | make things easy, no matter what type of
|
| engines to spider (or index) the
| |
| | navigation I choose for a client's
|
| information they are looking for. This is
| |
| | website, I always include text-based
|
| essential if you want high quality search
| |
| | navigation links at the bottom of every
|
| engine traffic directed to your website.
| |
| | page to ensure that they are accessible to
|
| Different types of websites employ
| |
| | all Internet users and search engine
|
| different navigation styles, so it is
| |
| | spiders.
|
| probably best to visit websites similar to
| |
| | A Few Important Tips
|
| your own to see which navigation structure
| |
| | - Plan your site navigation structure
|
| they have chosen. The most common
| |
| | before designing your website to ensure
|
| locations for your navigation menu are
| |
| | that you are not forgetting any page
|
| either on the left side of the page or at
| |
| | links. It may be cumbersome to fix every
|
| the top of the page. When internet users
| |
| | page you have created because you a
|
| view a website, they do so using what is
| |
| | missing a link or two.
|
| termed as a "Z scan". As soon as a page
| |
| | - The navigation menu must be clean-cut
|
| loads, most people scan from the top-left,
| |
| | and uniform.
|
| across to the top-right of the page, then
| |
| | - Do not make the user scroll down the
|
| down to the lower-left, and eventually
| |
| | page to see the navigation menu.
|
| across to the lower-right of the page. So,
| |
| | - If you have too many links, use
|
| it makes the most sense to locate your
| |
| | drop-down menus or create a site map.
|
| navigation menu in the area where the user
| |
| | - The navigation structure should be
|
| is going to first look.
| |
| | flexible enough to allow the inclusion of
|
| Smaller sites usually only require a
| |
| | a additional links at a later date.
|
| static menu on either the side or top of
| |
| | - Use short, clear and concise words in
|
| the page. However, website that contains
| |
| | your links so your customers know exactly
|
| 10 - 15 topics on different pages may
| |
| | what type of information that page will
|
| require a drop-down menu. These menus may
| |
| | contain.
|
| use DHTM, JavaScript, or some other
| |
| | - Make sure every page has a link back to
|
| programming language. When the user's
| |
| | your homepage. This can be achieved by
|
| mouse moves over a main topic category,
| |
| | providing a "Home" link in the navigation
|
| boxes containing subcategories will
| |
| | structure, and / or linking your logo
|
| drop-down, allowing the user to quickly
| |
| | image to the homepage.
|
| find the information they are looking for.
| |
| | - For larger sites, breadcrumb trails can
|
| I f this type of menu is used, it is best
| |
| | be used to let the user know what section
|
| to also include text-based navigation in
| |
| | of the website they are in.
|
| another location on the page. Older
| |
| |
|