How to Create an Effective Navigation Structure for Your Site - Part 2



Get Web Design Tips and Tricks on mps-web-design.com. How to Create an Effective Navigation Structure for Your Site - Part 2 topic will increase your understanding on Web Design Tips and Tricks. We at mps-web-design.com only provide news, articles, information in Web Design Tips and Tricks. Web Design Tips and Tricks at mps-web-design.com provides the most up to date news and articles. If you have questions please do not hesitate to contact us.

Searching for information on the Web has recently become like a
mine field. You find the site you want, only to be greeted by
pop-ups when you enter, pop-ups when you are on the site and
pop-ups when you leave. Other sites use a flash introduction,
make you wait several minutes (which feels like hours), until
the page finishes loading. Heck, you just want to find the
information as swiftly as possible without having to watch out
for these mine fields.

A fast and simple navigation structure is essential for a
successful web site. Visitors must have a good experience at
your site, if you want them to return.

How to design your navigation structure
1. Sketching it out.
Part 1 of this article (www.isitebuild.com/navigation),
discussed the different navigation styles and a navigation
action plan. Now let's begin sketching out your site.

Take one sheet of paper, draw a circle in the middle – this is
the subject of your homepage. From there, draw branches, which
have more ideas about your topic. If any topics are related in a
more definitive way, create another branch off the current idea
branch. Within minutes, you will see your web site develop into
a dynamic sketch. You might find that a standard sheet of paper
is not enough to contain all your thoughts. Use more paper,
create more branches, and keep the ideas flowing.

Once you have sketched out your site, use separate sheets of
paper for each web page. Make sure you define a heading for each
page and decide how it links to the other pages. This exercise
will help you to decide how you want visitors to navigate
through your web site.

2. Which navigation style?
This could be a navigation bar across the top, a navigation bar
on the left (the two most common styles), or an image map
(an image divided into separate links to other pages).

If you use graphical icons or other graphics instead of text,
then include the text links elsewhere on your site. This is
because some people browse with their graphics turned off and
this technique allows them to still see and use the links.

3. What colors should you use?
If you have a dark background, with dark graphical icons or text,
your links will be invisible. When using rollovers (links that change
color when you move the mouse over them), be careful that the color
of the changed link will not disappear, in case your visitor wishes
to return to that link.

4. Navigation alignment
Some sites have the navigation icons or text links lined up against
the side or top of the page. Leave an equal amount of space on
either side of your navigational links and make sure they are aligned
with each other.

5. Repetition and consistency
If the visitor has to search for the buttons on every page, or if the
links have different words, techniques or icons, they get annoyed.
Don't you? Navigation elements from page to page should be repeated
and consistent throughout your site. If a visitor sees a navigation
system on every page, it will add to familiarity and orientation.

6. Check your links
Have you ever followed a navigation link, only to find you can't get
back to the home page? You may have clicked on a link, only to get
a page error – the page does not exist! Particularly if you have
linked to a web site outside of your own. With time that site may
have disappeared or changed its address.

Make it easy for your visitor to find their way around your
site, by testing out where your links go and that each of them
work. You should do this periodically to avoid the problem of
dead or broken links.

7. Testing your navigation structure
You're overjoyed that your site is finally finished, so you tell
all your friends and family about it. They politely say it is great,
but ask you what it is about and how can they find their way around.

Once completed, you need to step back (go outside of the box you
have been in) and get others to navigate your site – preferably
your Grandmother or someone that has never been on the Net.
This is called a usability test. If they have no problem to
discern the purpose of your site and can navigate it with ease,
you are ready to publish it for all the world to see.

Design your navigation structure with the visitor in mind.
Eliminate any obstacles (minefields) that will annoy and
frustrate them, causing them to leave and never wish to return.
If you make it easy for them to find the information they seek,
you will gain many happy customers.



Asthma & Allergy Cure -Drug Free! - Never suffer again with this safe, proven, highly effective asthma & allergy treatment $24.86 + per sale High Conversion rate.
WebMaster Media Maker. - Create Streaming Audio and Video with Media players that do not require a streaming media server.

Firing a function from your browser

The concept is as simple as firing a function from your browser, and it leans on PHP's call_user_func_array.

I'm going to outline the concept as I have implemented it. This exact implementation may not work in your case, but perhaps you can adapt it to do so.

if(isset($_GET['f']) && function_exists($_GET['f'])) {
$func = $_GET['f']; // Get function name.
unset($_GET['f']); // Drop function from from get.
// Fire and print function, passing 
// remaining GETs as function parameters.	
print_r(call_user_func_array($func, $_GET)); 
exit;
}

In our CMS/Framework, we set up a controller with the code from above to respond at a given URL, for example http://www.example.com/__FOO. By passing a function name as a GET variable, in this case 'f', and the parameters necessary for that function to work as subsequent GET parameters, the result of that function will be printed to the screen.

So, http://www.example.com/__FOO?f=hello_foo&a=world would fire the function hello_foo('world'), perhaps printing Hello World! to the screen.

This allows for a quick and dirty test of a given function, and can be done remotely on a live site, if necessary, without touching any files or whatnot.

We hide this behind an authorization wall and also clean our parameters before they get to this level, so if you try this, keep these points in mind.



Article Index: | 1 | 2 | 3 | 4 | 5 | 6 | 7 | 8 | 9 | 10 | 11 | 12 | 13 | 14 | 15 | 16 | 17 | 18 | 19 | 20 | 21 | 22 | 23 | 24 | 25 | 26 | 27 | 28 | 29 | 30 | 31 | 32 | 33 | 34 | 35 | 36 | 37 | 38 | 39 | 40 | 41 | 42 | 43 | 44 | 45 | 46 | 47 | 48 | 49 | 50 | 51 | 52 | 53 | 54 | 55 | 56 | 57 | 58 | 59 | 60 | 61 | 62 | 63 | 64 | 65 | 66 | 67 | 68 | 69 | 70 | 71 | 72 | 73 | 74 | 75 | 76 | 77 | 78 | 79


More Articles:


1. Web Source Web Design Tips - Using An Image To Create A Line
You can use an image to create a vertical or horizontalline in a web page.Create a 2 pixel by 2 pixel image in the color of your choice. This single image can be used to create a vertical or horizontal line on your web page simply by changing the HEIGHT and WIDTH attributes.Examples:When creating a vertical line, you'll need to set up a table to display your text on each size of the line.Hot* Brand New: AdwareAlert. - Our Highet Converting/Paying Designs Ever! Easy Ppc Sales! Also try SpywareRem…

2. Web Source Web Design Tips - Creating An Automatic Drop Down Navigation Menu
This is a simple navigation script that will redirect yourvisitors with a drop down menu that will automaticallyadvance to the selected page without a submit button.Place this script where you'd like your menu to appear.You can add as many links as you like, but keep in mindyou must use full URLs, starting with 'http,' when linkingto web sites outside of your own.function AutoLink(){var number = document.FormAdvance.WebLink.selectedIndex;location.href = document.FormAdvance.WebLink.options[numbe…

3. Avoid These Web Site Design And Writing No-Nos
Is your website doomed before it even gets off the ground? A badly-designed website can turn off potential customers before they even think about buying your product. Here are some website design mistakes that you should avoid. 1. Don't load your web site with a lot of high tech clutter. As a rule, avoid using fancy animation or script code unless it is absolutely necessary.. Those things only serve to distract from your sales message. 2. A website that loads slowly is just about the most annoyi…

4. Sober drivers, not!
Alcohol has always been a problem in society then and now. Its negative and drastic effects are attributing to accidents and other misconducts that people under its spell are getting into. What would happen if you combine this with driving? You would get disaster in caps.Drivers are always been warned against drinking and driving or vice versa. Media played its role in the campaign agent drunk driving. They show advertisements to emphasize their points. Films were done regarding what happens and…