Shulou(Shulou.com)06/01 Report--

This article mainly explains "what are the design points of the front-end navigation function of the website", interested friends may wish to take a look. The method introduced in this paper is simple, fast and practical. Next let the editor to take you to learn "what are the design points of the front-end navigation function of the website"?

Three behaviors of users to navigation

1. Adapt

People will gradually adapt to navigation.

two。 Forecast

Navigation provides information about the smell of clues so that people can predict what to do next

3. Redirect

When you arrive at a new web page, people will refamiliarize themselves with it.

The general type of navigation design of the website

The navigation bar of the super-large information site is like a drawer of a traditional Chinese medicine shop. It is magnificent and magnificent in a row, and it is opened separately and has its own hole.

Chinese preference: more! Big! Quan! It's best to spread it all out in order to have momentum. The home navigation mode which has not changed for many years can be seen in general from the disappointing'S Lang 'network. So far, compared to browse the same kind of large-scale news and information sites, found that China / Ocean; East / West, the interface feeling is really different.

Today we only talk about navigation, and we only compare news sites:

(entertainment, design, personal site navigation in various forms and complex logic, it is too late to spread out)

Yahoo News / BBC News / CNN / abc News / China Daily / CCTV News / The Japan Times / The Korea Times / Tencent News / Sina

First of all, take a look at the horizontal main navigation of the home page:

(conventional vertical navigation is usually tried with horizontal main navigation, and in the home page of business and large information sites, the frequency of separate use is not high, and it usually appears on secondary pages, and it must be a site with large information capacity and complicated classification. )

You can see that the basic navigation bar mode is as follows:

1. For sites with uniform and inductive information, a simple mode is usually used:

two。 For those with a wealth of secondary information, the following two modes are usually used:

a. Mouse hover drop-down

B. tab expansion

A-type navigation is convenient and quick to preview, b-type navigation directly expands secondary information, and there are also sites that merge the a-hand b mode.

3. In special cases, cover the rice type, spread out all the information, such as s waves:

(not so much navigation as a summed up label)

Some points for attention in Navigation Design

There are many reasons for being lost in navigation:

1. People may be confused when they don't understand the data.

two。 People are lost in the search and don't know what to do next.

3. People may lose their sense of direction in the site, unable to return to the previous page, or even the home page.

4. People deviate from the direction and distract their attention in the information system.

Navigation operability:

A perfect navigation, the most basic and most important thing is to quickly guide users to relevant pages anytime, anywhere, and return in time to facilitate jumping to other pages.

Interestingly, it is easy to go, but when you find it, the road is very different.

For example: users are likely to be from any point of interest on the home page, mistakenly into the details page, easy to go, 1 step to ~! But returning to another module from the details page or wanting to go to another branch category page depends on navigation.

In order to provide the necessary guidance, when the user enters a sufficiently deep detailed page, various indexes and bread crumbs are created with the navigation bar.

Do a reverse test to see which navigation kit is more convenient.

Determination of navigation path:

1. Start with the ultimate goal

two。 Determine the requirements for navigation

3. Choose the appropriate mechanism

At this point, I believe you have a deeper understanding of "what are the design points of the front-end navigation function of the website?" you might as well do it in practice. Here is the website, more related content can enter the relevant channels to inquire, follow us, continue to learn!

Welcome to subscribe "Shulou Technology Information " to get latest news, interesting things and hot topics in the IT industry, and controls the hottest and latest Internet news, technology news and IT industry trends.