Web Navigation Design Considerations

First, attention to the hyperlink color and simple narrative text color rendering

The WWW language-html allows the webpage designer to specifically label the color of the narrative text and hyperlinks so as to enrich webpage color rendering. If your site is full of informative information, to convey to visitors, it is recommended that the text in the page and hyperlink color, designed to be more clean and elegant tones, will be more conducive to reading: pure narrative text using darker, darker color to present (such as: black, dark green, dull brown), Hyperlink text is highlighted in a more eye-catching color (such as: bright yellow, emerald green, fresh orange), as for the visit of the hyperlink is less than the original Super link brightness of the color to do rendering.

Second, test all hyperlinks and navigation buttons of the true feasibility

The first thing to do when webpage is online is to test each page for each hyperlink and the actual feasibility of each navigation button. Thoroughly check that there is no failure link can not link to the webpage of the link, but instead out of "filenotfound" error signal out. This is a responsible, sufficient level of webpage designers to their work should have the basic quality requirements.

If you really have so many hyperlinks that you have to provide to the reader, it is better to put these hyperlinks in the way of a column, one by one, clearly on a menu page or table of Contents page, not to hinder the smooth passage of the text, but also presents a clear navigation links.

Third, let the hyperlinks of the length of the string is moderate and go to the nature of the text

Catch the word that conveys the main message as a hyperlink anchor, can effectively control the length of the hyperlink string, to avoid too long strings (such as: The whole line, the whole sentence is the anchor string) or too short (such as: only one word as an anchor), but not conducive to the reader's reading or point of access.

Iv. when the navigation button is connected to the current page

If each webpage uses the same set of navigation buttons, it will inevitably result in a navigation button linking to the current page. There is no absolute necessity to achieve consistency in the interface design. Remove this navigation button, but the webpage designer can make this button no longer has a hyperlink function, or reduce the color and brightness of this button (for example: dark green to pale green, bright red to dark red), Make it clear to the reader that this hidden navigation button no longer has a hyperlink function.

V. Analyze and explain the bookmarks or coollinks you provide

The enthusiastic webpage designers are often seen to list carefully collected bookmarks or coollinks to share the reader's personal experience of traveling to www. But most webpage designers only provide a chain of links, not categorized, and do not analyze, explain why this link is good, worthy of recommendation? What's the highlight of that link? Offering your bookmarks or coollinks is a great kindness, But did not analyze, explain, but become failed. Spend a few more minutes, the bookmarks or coollinks you provide a little classification, annotation, can provide readers clear concept and unlimited convenience, but also make your platform navigation system more comprehensive. The coollinks without explanation or annotation is not cool at all. To be honest, anyone can easily go to Yahoo to find hundreds of thousands of links. If you do not have a unique comment or introduction to these recommended links, what is the reader's bias to get your platform to find the index? Any one of the classification indexes or search engines is definitely more complete than the links in your column.

Provide necessary links in documents with sequential sequence

Separating the lengthy files into several smaller webpages greatly increases the affinity of the interface, but in the configuration of navigation buttons and hyperlinks, the webpage designers should be more careful to arrange, so that readers regardless of the level of your platform, still able to quickly and easily access to any other page. Webpage designers should pay special attention to:

1. Provide "prev", "Next", "Back to subdirectory pages" and "Back Page" navigation buttons or hyperlinks in a series of sequential files, each webpage should provide at least "prev", "Next", "Back to subdirectory page" and "Back Page" navigation buttons or hyperlinks, Allows readers to immediately know their own page, is a small part of a larger document. Consider, considerate, that a reader does not link to this page from your home order, but instead follows a link jump link from another platform. You can also use these links to refer to the consistent content of the "previous", "Next" page, and the page, directly to the "Back subdirectory page" to search for other related headings, or jump directly to homepage to browse for information about other different items.

2. A concise description of the title or content of this page, the previous page and the next page of the document.

In a series of files with sequential sequence, each webpage should add a descriptive title, so that readers at a glance, immediately grasp the focus of this page. and the perfect navigation system, in addition to providing "previous page", "Next" navigation button or hyperlink, add the previous page with the next page title, content summary, so that the reader can get a brief idea of what kind of webpage they will connect to if they have not yet taken these webpages.

3. Remind readers that a series of documents has come to an end.

When the reader has reached the last page of a series of files, the webpage designer should provide a short notice to remind the reader that the "next page" navigation button or hyperlink is no longer available. But based on the consistency of webpage interface design, perhaps some webpage designers do not want to be in the same series of the last article in webpage suddenly missing a previous page on the "Next" navigation button (especially the carefully designed graphical navigation button). To do this, consider darkening the "next page" navigation button on the last page without giving the hyperlink functionality, and providing a short notice to remind readers that this series of files has reached its end and no longer has a "next page" content.