Maintain Your Computer and Use it More Effectively
to Design a Web Site and Make Money on the Web

About BTH User Agreement Privacy Site Map Contact Advertise Here News Feeds

HTML5 Solutions: Essential Techniques for HTML5 Developers

HTML5 brings the biggest changes to HTML in years. Web designers now have new techniques, from displaying video and audio natively in HTML, to creating realtime graphics on a web page without a plugin.

This book provides a collection of solutions to all of the most common HTML5 problems. Every solution contains sample code that is production-ready and can be applied to any project.

Click Here

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

By Herman Drost

A ship captain traversing the open seas without a good navigation system will surely get lost. Maybe he'll strike sharp rocks and his ship will sink. A visitor who arrives at your site and can't navigate it for the information they seek, will surely get lost also and leave in frustration. Your ship (your web site) will also sink if this continues to happen.

Good site design means a good navigation structure for your web site. This means the visitor can find the information with ease. Put yourself in the shoes of your Grandmother. Would she quickly and effortlessly be able to find the information she wants, or know what to click on to make the purchase? Don't think that just because it is easy for you, it will be easy for others.

Visitors should not need to click more than three times during their navigation, to find the information they are searching for.

1. Navigation Styles These can range from navigation buttons, navigation bars, plain text links, fancy animated graphics or drop-down select menus. You can also use illustrations, photographs or graphic images to show your visitor around. For example, an image map contains one graphic with different "hot spots"(invisible buttons) that link to other pages.

2. Primary and Secondary Navigation Primary navigation consists of the navigation elements that are accessible from most locations within the site.

Secondary navigation elements allow the user to navigate within a specific location. For example, many sites have a page that offers information about the company. The primary navigation element may be an About Us link.

Once the user arrives on the About Us page, there will be other links (secondary links), which navigate within the About Us page.

These could be links to Press Releases, Corporate Locations, Investor Information and so on. These links are secondary navigation elements because they are relevant to the About Us page but not the other pages of the site. Therefore, these links will not be found in other areas of the site.

3. Guided Navigation This is a popular technique, in which you guide the visitor through your site. Links are provided for the next step and establishing links that keep the users on track continues the process. These links should supply the necessary information, as well as an alternate course clearly marked to allow the visitor to exit. For example, an online purchase should lead the user through shipping information, then on to payment information, then to receipt information.

4. Creating a Navigation Action Plan Determine goals and needs of your audience Decide what the purpose of your site is and who your target audience will be. For more in-depth information on this subject visit: "How to Target Your Customers and Put Them in a Buying Mood" (www.isitebuild.com/target.htm)

Learn from navigation that works Visit several successful sites that show good navigation e.g., Fedex.com. These sites show good navigation planning.

Generally, good navigation includes several characteristics:

Offers easy to learn elements Remains consistent Provides feedback Appears in context Offers alternatives Provides clear visual messages Offers clear and understandable labels Remains appropriate to the site's purpose Supports visitors goals and behaviors.

Providing feedback has the biggest impact on users. Navigation should tell people, where they are and if possible, where they have been. Visitors should also be able to easily determine linked or clickable material.

They need to know whether they successfully made a purchase,conducted a search, or completed some other task.

Navigation that allows visitors to find information easily and quickly will contribute to your web site's success. Ask your grandmother (or someone who is not familiar with the Web) to navigate your site. If they can find the information they want within 3 clicks, your navigation structure must be a success. Congratulations!

Part 2 of this article will show "How to Design Your Navigation Structure and Common Navigation Mistakes to Avoid".

Menu - More
General Web Design

Web Design Sections

Easy Cascading Style Sheets

Java Script Quick Reference

Easy Java Script Code

Web Design Tools

Coding Issues

FREE Graphics Warehouse

Website Design and Development

100 Questions to Ask
Before Building a Website

How do you know that you've done everything possible to create a unique, enriching, and successful Web site, particularly when you're hiring others to do it? With Website Design and Development, you'll feel confident that you’ve exhausted every facet of building a Web site.

The clever question-and-answer format walks you through easily overlooked details, acting as a virtual consultant. You’ll get clear, easy-to-follow advice on everything from finding a host, design and layout, creating content, marketing, to staying secure.

Each question features a rating as to how critical it is to the welfare of the site, allowing you to pick and choose where to spend your time and money, and the answers contain helpful illustrations as well as action points.

• Features an accompanying video that offers additional examples, commentary, and advice for each question.

Click here for more information.