|
Home / Internet / Web Design
Top Website Navigation Tips
By:Tony Colon
The aim of a website's navigation is simply to allow users to get to the content they require. For sites that have a large number of sections and web pages (and information sites can be one of these) the navigation plan has to be properly researched and designed.
You have to consider different types of visitors and simulate the most common steps they would take to find what they want on your site, and the navigation plan has to optimize this movement. For example, the steps required from searching a catalog of items, selecting from the catalog, adding them to a shopping cart, proceeding to check out, to entering the payment particulars is a specific sequence that should be facilitated by the navigation system.
If the sequence is haphazard, it could lead to frustration or the user may miss an important step and you would have an aborted sale. To find their way about, users need to know two things: - Where they are now - How to go elsewhere Navigation does not exist in isolation; good site organization is a prerequisite for a coherent navigation system.
A navigation system can be broken into two primary objective types: Location Indicators and Navigation Controls.
Location Indicators - Location indicators let users know where they are in the site at the moment. You need to keep in mind that users coming from outside your site can enter at any page, not necessarily on a main page. They need to be able to orientate themselves quickly.
Equally, it is important that users navigating around your site have a clear idea of where they are both in absolute terms and in relation to other content. Location information should appear on every page of the site, in the same place and in the same style.
Location indicators should tell the user precisely where they are and this should be clear even to a user who has entered the site at an internal page. The location indicator should be identifiable for what it is and make sense in the context of other navigation.
In simple sites a page banner - text or graphic - naming the page will be sufficient. For this to work the page name should also appear in the main navigation so that it is relevant within the overall structure of the site.
Color can be used. For example a different color background, contrast color or sidebar in each part of the site. To be really effective the color change should be reflected in the navigation.
Using 'breadcrumbs' on every page is a good idea. Breadcrumbs show you a series of hierarchical links that you have used to go from page to page within a section. Using breadcrumbs is like leaving a trail of the path you have followed. The breadcrumbs appear at the top of the content section, just below the main navigation template.
Each element in the breadcrumb is a link to that section or subsection. This helps in avoiding a series of back buttons allowing the user to directly go back to the main section page or another sub section. More importantly, it always shows the context of the page that is being viewed and how it belongs to a section or sub-section.
Navigation Controls - Navigation controls are the main navigation links. They allow users to move around the site. Whether they comprise images or text they should be predictably located in the same place, and with the same appearance, on each page.
These have several purposes: To allow users to move about within the site; To tell users what information is available at the link; To work with location indicators to orientate users; A good navigation control is clear and looks like navigation; Leads to obvious content - users have a good idea what they will find if they click; Is consistent with other navigation controls; Is predictable in its style and location on the page.
There is no mystery to usability. It simply involves creating a site, which is accessible to the majority of people, is easy to use and get around and delivers on its promises. You can have a site that meets the most important standards of usability by planning it well and always keeping the end user in mind. Remember that websites should not be designed for their owners - they should be designed for their users.
Problems with usability could be said to stem from just two sources: the site itself and the user. In fact, the site is always at fault if a visitor (however experienced or inexperienced) has problems navigating, getting information or understanding the site.
While websites have become far more complex, web users have become less experienced because more and more new people go online every day. It is a mistake to think that the majority of users will be web or even computer savvy and will understand subtle clues about content. Many will not, so make your site as easy to use as possible.
Digg
del.icio.us
Blink
Stumble
Spurl
Reddit
Netscape
Furl
Article keywords: make money online, money making site, automated internet profit system, affiliate programs
Article Source: http://www.articles2k.com
Anthony "The Biz Opp Mentor" is a Best Home Based Business Ideas and Opportunities Specialist. www.pluginprofitsite.com/main-18365
|
|
| Top Web Design Articles |
- 1). Advanced Joomla Templating (pt1) Using Module Class Suffix By : Robert Palmer
an article from User Written Resources
1. duplicate the styles already used for the particular module, adding a suffix to each style name. this will definitely include some of the following;
1. .module {} 2. div.moduletable {} 3. div.moduletable h3 {} 4. table.moduletable {}/li> 5. table.moduletable th 6. table.moduletable td
and can include other styles used on the content in that section, such as;
1.
|
- 2). Irish Graphic Design Industry By : dave4
Graphic design is the use of color, light, balance, contrast, emphasis, proportion, proximity, repetition, texture and a plethora of other elements to create a work of digital art that is pleasing to the eye. Graphic design is about seamlessly molding image and text to convey a theme, message, or often advertise a product or service. Graphic design dates back to prehistoric times.
|
- 3). Adsense: The Smart Investment By : Pat Lovell & Jon Atwood
Over the last 2 years, We have been building a Virtual Adsense Empire of over 500 websites and making some good money. We've also been building content sites for clients using the same system. The system we use is not something that produces 1000's of sites with a click of a button, our system does not build spam websites, nor does it produce the same sites you see over and over and over again.
|
- 4). Some guidelines for Website Design By : Angela Oliver
You have a great product. You also have a great company image and marketing model. Now it is time to implement all your plans and bring together a website. You know very little about websites. Finding websites that have failed is easier than shooting fish in a barrel. Many people come into the internet business with the notion that if they are on the web, they are guaranteed to make money.
|
|
|
- 6). Develop Your Business Web Site for Profits By : Jay Peterson
Looking into developing your business web site? Whether creating a business web site to sell your business products online or just to give the public valuable information, creating a business web site can be an important first step to creating an important presence on the web. Here are some tips on creating a business web site as well as what is involved in getting your business web site off the ground.
|
- 7). Is your printing costs sky rocketing? By : Florie Lyn Masarate
Here are some things you can do to be able to lower your printing costs.
1. Cheap but good quality printer.
There was a time when only a handful of people can afford having one of those colored and digital printers. Now that these things are more rampant, they have become more affordable. Color printers of good quality are even inexpensive already.
|
- 8). Creating A Quality Web Site Design! By : Martin Lemieux
In this article, I will attempt to cover the basics of creating a great quality web design template for your site. Now it's a known fact that the layout or "eye candy" as I put it will determine whether your visitors will stay more than 15 seconds or they will just become another statistic.
In this article, I will attempt to cover the basics of creating a great quality web design template for your site.
|
- 9). How Does Your Website Make Me Feel? By : Philippa Gamse
When people think about the Internet, they think about technology. When people hear that I am a Website strategy expert, they see me as a "techy type".
But for me, the most intriguing aspect of your online business isn't about the technology. It's about human connections, and how you can create these in a virtual environment.
It's commonly understood that "people buy emotionally, not intellectually.
|
- 10). For Automated Sites - PHP and MySQL Are A Perfect Match By : Halstatt Pires
You’ve decided to automate your web site. Now what? Here are some ideas to help you choose how to automate your site.
A bit of programming is going to be necessary if you want to automate a site. There are many types of programs that can be used to automate a web site including JavaScript, PHP, Perl, ASP, Java and more. So, which do you use? For many, it is a personal choice.
|
| New Web Design Articles |
|
|
|
|
|
|
|
|
|
|
|
|
- 7). Graphic Artists - Who Needs One When You Can Do It Yourself Online? By : Pearl Deloria
Image is everything! Think about it. How many times have you made a judgment about a company based on the quality of the junk mail that you have been sent?
Other people make similar judgements, too. Businesses cannot afford to be thought of as cheapskate in their marketing.
You know that most of your mail goes straight in the trash, and it may grieve you to spend four times the amount, just for it to be thrown away.
|
- 8). How To Style Your Text With CSS By : Hilco van der Meer
Styling text with CSS is really simple. We can define colors, underline it, make it bold, define the font etc etc.
We will start with some basics.
First we define the html where we will be working with. This is the text
1. Colorize your text
We can select the P tag and add some styles to it.
p { color:red;
}
Now our text will turn red. You can define any color code your want or choose one of the 16 standard color names.
|
- 9). What is a web designer anyway? By : Alicia Harper
As a web designer, I get all kinds of requests , for information other than web design, and as a web designer I'm not suppose to really to be able to do things outside of the web design area. I believe there are a few misconceptions about what exactly a web designer does. In this article I am going to nail down exactly what a web designer is and what they should be able to do.
|
- 10). Advanced Joomla Templating (pt1) Using Module Class Suffix By : Robert Palmer
an article from User Written Resources
1. duplicate the styles already used for the particular module, adding a suffix to each style name. this will definitely include some of the following;
1. .module {} 2. div.moduletable {} 3. div.moduletable h3 {} 4. table.moduletable {}/li> 5. table.moduletable th 6. table.moduletable td
and can include other styles used on the content in that section, such as;
1.
|
|
|
