How to design the website navigation bar of business-to-business industry to improve usability

Intermediary transaction http://www.aliyun.com/zixun/aggregation/6858.html ">seo diagnose Taobao guest cloud host technology Hall

A navigation bar is a row of horizontal navigation text or picture buttons located in the page header area, or a row of navigation text or picture buttons on the left or right side of a page. It plays a link to the business site of the various columns of the role, or link a column below the role of many level two, so that visitors can easily and quickly find their own content and functions needed.

The navigation bar of the Business-to-business Web site is basically the same as the navigation bar of other sites, but there are some differences. Determine if the navigation bar of a business-to-business Web site meets the requirements, can refer to a number of large websites, such as Sina, Tencent, well-known business-to-business industry sites, they are in the design of the majority of the site to comply with the standards of construction, the following to explain some of the basic standards for us to judge the design of the designer is qualified as a reference.

1 First-page navigation bar tones should be as consistent as possible with the site's main colors

For the business-to-business industry portal, most of the site's columns are relatively few, using a row of navigation, it is unavoidable to use background color or picture as the background, as far as possible, the main colors of the site as background color or picture color. Because the navigation bar is more conspicuous, the same color can often make the site look more organized, not disorderly.

Figure (31) Alibaba home navigation bar is consistent with the main color

Of course, is not absolute, such as the first level of the navigation bar, it is not necessarily the same as the first page navigation, each column can have its own main colors, navigation bar can be different from the home page.

Figure (32) Alibaba apparel and apparel channel red for navigation bar background color

2 The color of the navigation bar to commercial, highly appropriate, to be in an important position

I've seen a lot of poorly designed websites, navigation bar often have such a few characteristics: the color is not commercial, such as too dirty, too powder, too feminine, etc., do not have a commercial site should be the color, concise, generous style; height is not too high or too low, not properly handled, as the site's navigation bar, Higher than the other title bar, the font is larger, to bold, to more prominent, but not too big;

3 Cannot use Pull-down menu on the first level navigation bar

In the enterprise website design, may use the Drop-down menu, but in the business-to-business industry website design, absolutely cannot use. Because such navigation bar may be cool, but also very convenient, but for search engine optimization disadvantage, and the business-to-business industry site many times the classification of many, use such a pull-down menu is not suitable.

4 navigation bar to be as serious as possible, not too personalized, too fancy

In the enterprise website design, we want to guarantee the effect of the page, often use flash, JS to make navigation bar, so that the navigation bar has a lot of dynamic effects. For example, when the mouse put on the color, movement, such as using a seemingly non-commercial picture as a navigation bar background, in the navigation bar with too many cartoon icons, etc., are not in line with the business of business-to-business websites serious, concise, generous features.

5 site navigation bar on the site and optimize the impact of

The website navigation bar is the main entrance of the website. In the content setting, should be at a glance the main content of the site reflected. Users can quickly find what they want when they visit the browser. Search engine spider visit, also can very conveniently along the navigation directory, a layer of access to the Web site at all levels of Web pages. The navigation bar is the first level title of the website, the content is very important. If the navigation bar name can contain keywords, it is more icing on the cake.

Do not use pictures or buttons, some sites, blindly seeking beauty, in the navigation bar using buttons or pictures. Use of pictures or buttons, not conducive to spiders to visit and included. The text on the navigation bar, preferably using text, can be a button or picture as a background, the solution. Navigation bar title font, on the page than other content should be larger, the first navigation bar, the font to bold, but also do not use the rare font difficult to identify.

6 Some excellent navigation bar examples of business-to-business websites

The following is a collection of some of the best business-to-business industry website navigation bar for your reference.

Figure (33) Food Investment Net Homepage navigation bar

Figure (34) Zhuo Chuang Information Network oil channel home navigation bar (to products as navigation, is a special industry navigation way)

Figure (35) China Cosmetics Network information channel level two column navigation bar

Figure (36) China Building Materials first network investment channel navigation bar

Figure (37) China Aluminum Industry Network market channel navigation bar