Precautions for website navigation in Webpage design

Source: Internet
Author: User

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
It is full of knowledge information. To convey it to visitors, we recommend that you design the text on the webpage and the hyperlink color 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 a responsible and adequate level.
Webpage designers must have basic quality requirements for their own works.
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 set the color and brightness of this button
Decrease (for example, dark green to light green, bright red to dark red), so that readers can clearly realize that this 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 is not described or annotated 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-to-home page" navigation buttons or hyperlinks, so that readers can establish
That is, the page where you are located 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 refer to the link "previous page" and "next page" at any time by using these links.
Content; directly click "back to subdirectory 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 Hyperlink, the complete navigation system also adds a concise and expressive previous page and Next page
Question, content abstract, so that even if you have not clicked on these Webpages, you can first outline what kind of Webpage you will link.
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 consistency based on the Webpage interface design may be that some Webpage designers do not want to suddenly miss the last Webpage in the same series.
A previous "next page" navigation button (especially a well-designed graphical navigation button) on each page ). 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
The ideal Webpage length is better than three or four screen pages. However, for some special reasons, your Webpage must be very long, so do not forget to provide a directory table at the top of this long Webpage, and the content of Webpage is also labeled with the size title, for easy reading. It is particularly important to set the anchor in these titles and the HTMLsource of the directory table respectively and link them to the anchor so that your Webpage can truly develop the highly interactive and convenient features of WWW.

8. No hyperlink is provided to the unfinished Webpage.
The hyperlink or navigation button should guide the reader to a truly "expected" Webpage, instead of describing a hyperlink in advance in the form of "selling a dog with a goat's head, as a result, the reader was eager to link the past, but could not see any wonderful and attractive content. The only thing he saw was a boring notice board called "Under Construction ".
If you are eager to launch your platform on the Internet to show your Homepage, but there are still a few web pages that have not been completed, we recommend that you do not officially display these "under construction" webpages. (That is, do not temporarily enable the "hyperlink" of these webpages connected to "under construction" to have the real hyperlink function .) After you are almost finished (when Webpage is never "real", you always need to constantly modify, add, or renovate it), and it is not too late to officially open the link.
If you are eager to tell readers that you are about to provide a wonderful and attractive web page on this platform, but you are still trying to make it happen, you can directly place a notice next to the text that is about to be a "HYPERLINK" (but it still does not have the hyperlink function, in order to save the reader's time for taking and returning in vain, and avoid the reader's disappointment with hope.

 

9. Do not provide too many hyperlinks in a short article.


The proper and efficient use of hyperlinks is an indispensable condition for an excellent navigation system. However, excessive misuse of hyperlinks has resulted in links everywhere in a short article, which has compromised the smoothness and affability of Webpage. In a short article filled with hyperlinks, many of them are meaningless and unnecessary links. For example, link to a page with only two or three lines of annotation, link to a page with only the signboard "under construction. In a moderate-length Webpage (three or four screen pages), it is recommended that the text hyperlink provided in the article should not exceed 10, so that the entire page can be smoothly written, readers do not see a lot of superlinks, but do not know where to choose. Moreover, two or three character-style superlinks appear consecutively and shoulder to shoulder. It is easy to be mistaken for a long hyperlink, which is ignored by readers, the original functions of these hyperlinks are also lost.

 

Contact Us

The content source of this page is from Internet, which doesn't represent Alibaba Cloud's opinion; products and services mentioned on that page don't have any relationship with Alibaba Cloud. If the content of the page makes you feel confusing, please write us an email, we will handle the problem within 5 days after receiving your email.

If you find any instances of plagiarism from the community, please send an email to: info-contact@alibabacloud.com and provide relevant evidence. A staff member will contact you within 5 working days.

A Free Trial That Lets You Build Big!

Start building with 50+ products and up to 12 months usage for Elastic Compute Service

  • Sales Support

    1 on 1 presale consultation

  • After-Sales Support

    24/7 Technical Support 6 Free Tickets per Quarter Faster Response

  • Alibaba Cloud offers highly flexible support services tailored to meet your exact needs.