Nine precautions for webpage navigation design

1. Pay attention to the color of hyper-link and pure narrative text

WWW language-HTML allows Webpage designers to specify the color of the narration text and hyper-link to enrich the color presentation of Webpage. If your website is full of knowledge information and you want to send it to visitors, we recommend that you design the text and hyperlink colors on the webpage to a clean and elegant color, will be more conducive to reading: purely narrative text is presented in a darker, darker color (such as: black, dark green, dark brown ), hyperlink text is highlighted in clear eye-catching colors (such as bright yellow, green, and fresh orange ), as for the hyperlinks that have been visited, they are displayed in a color that is lower than the brightness of the original hyperlink.

2. Test the feasibility of all the superlinks and navigation buttons

After the Webpage is launched, the first thing to do is to test the feasibility of each hyperlink and each navigation button on each page one by one. Check whether any failed link cannot be connected to the Webpage of the link, but an error message "FileNotFound" appears. This is the basic quality requirement that a responsible and well-qualified Webpage designer must possess for his work.

If you have so many hyperlinks that must be provided to the reader, you may wish to explicitly list these hyperlinks on a single page or directory page, it not only prevents smooth text delivery, but also presents a clear guide link.

3. Make the hyperlink strings moderate in length and take the text naturally

Grasping the words that can convey the main message as anchor can effectively control the length of the hyperlink string, avoid too long strings (for example, the entire line and the entire sentence are all strings of the anchor) or too short strings (for example, only one word is used as the anchor), which is not conducive to readers reading or reading.

4. When the navigation button links to the current page

If the Webpage uses the same group of navigation buttons repeatedly, a navigation button is generated to link to the current page. In order to achieve the consistency of the interface design, there is no absolute need to remove this Guide button, but the Webpage designer can make this button no longer have the hyperlink function; or reduce the color and brightness of the button (for example, change the dark green to light green and the bright red to dark red ), the readers can clearly realize that the hidden navigation button no longer has the hyperlink function.

5. Analyze and describe your bookmarks or coollinks

We often see enthusiastic Webpage designers listing carefully collected bookmarks or coollinks to share the good experiences of readers traveling through WWW. However, most Webpage designers only provide a large string of links, which are not classified or analyzed. Why is this link good? Is it recommended? What highlights the main content of link? Where else? Providing your bookmarks or coollinks is a good action, but it has become a success if it is not analyzed or explained. It takes several minutes to classify and annotate the bookmarks or coollinks you provide, providing readers with clear concepts and unlimited convenience. It also improves the navigation system of your platform. Coollinks that are not described and annotated are actually not cool at all. To be honest, anyone can easily find hundreds of links at Yahoo. If you do not provide personal comments or introductions to these recommended links, how can you find indexes on your platform? Any classified index or search engine is more complete than the links of your column.

6. Provide necessary links in files with sequential order

Separating long files into several smaller Webpages greatly increases the interface affinity. However, in the configuration of the navigation button and hyperlink, Webpage designers should make more careful arrangements, this allows readers to quickly and conveniently access any other page, regardless of the class on your platform. Special attention should be paid to Webpage designers:

1. provides the "previous", "next", "back sub-directory page", and "back-to-home" navigation buttons or superlinks in a series of continuous files, each Webpage should provide at least the "previous page", "next page", "back sub-directory page", and "back home page" navigation buttons or hyperlinks, this allows the reader to immediately know his or her own page, which is a small part of a large file. (Consider and consider that a reader does not link to this page from your Home order, but jumps to this point based on a link on another platform ). You can also use these links to reference the consistent content on the previous page and next page at any time. You can directly retrieve the "back sub-directory page" to search for other related titles; or directly jump to the homepage to browse the information of other different projects.

2. A brief summary of the title or content of this page, the previous page, and the next page.

In a series of documents with continuous order, each Webpage should be added with a descriptive title, so that readers can see at a glance and grasp the focus of this page immediately. In addition to providing the "previous page" and "next page" navigation buttons or hyperlinks, the complete navigation system also adds the title and content feed of the previous page and next page, even if you haven't clicked on these Webpages, you can give a brief overview of what kind of Webpages you will connect.

3. Remind readers that a series of files have come to an end.

When the reader has reached the last page of a series of files, the Webpage designer should provide a small notice to remind the reader, and no longer provide the "next page" navigation button or hyperlink. However, the Webpage-based interface design is consistent, maybe some Webpage designers do not want to suddenly drop a "next page" navigation button (especially the well-designed graphical navigation button) for each previous page in the last series of webpages ). To achieve this purpose, you can consider darkening the color of the next page navigation button on the last page without the hyperlink function, and provide a short notice to remind readers, this series of files has come to an end and no "next page" is available.

7. Provide the directory table and big title in a long Webpage

<