Comparison and analysis of navigation bar design for 7 major mainstream Business-to-consumer home

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

A very clear target user, he will use the search function to quickly complete the purchase, but if the user just determined the shopping category, the specific goal has not been determined, this time the navigation bar will play a role. Analysis of the 7 main web site (Jingdong, when, Xun, suning easy to buy, new eggs, Gome Mall, a shop) the first navigation bar design, compare the difference between them, to understand the human function.

Three-level classification show Detail comparison

Xun used to put the hot small class in the first class category, a store choose the hot small class to color, are a variety of different design considerations, because the Xun is not a comprehensive electricity quotient, the number of categories of the first class, such as Beijing-east and other comprehensive electrical business, you can do kung fu on the first class, and the first class of a number of categories, Choose to use color distinctions to mark the top 3 categories.

Figure 1. Shop number one to color the hot category

Figure 2. Xun in the navigation bar level below the category to place the hot small class

Navigation Bar Expand Detail Comparison

Navigation bar of the first level menu expansion, in addition to Xun, the other 6 sites expanded after the 2-level menu location is fixed. And Xun is based on the user browsing location targeted to expand the level two menu to ensure that the level two menu can be all displayed in the user's screen, although this detail may not affect a little, but to the user's feeling is the site's designers very attentively.

Figure 3. The first class is near the edge of the browser, the Jingdong mall navigation bar level Two menu display is not complete

Let's look at the display of the Easy navigation bar:

Figure 4. Xun navigation bar level Two menu display (i)

The navigation bar level two menu displays as shown when the Xun class is near the edge of the browser:

Figure 5. Xun navigation bar level two menu display (ii)

Brand display, promotional recommendations comparison

Brand Display module only Xun not, because Xun more brand into the 3 categories. Other sites have brand display, Gome also use the picture plus text two ways to display.

Figure 6. Gome Navigation bar Brand display

In the navigation bar when there is no promotional information recommended, a shop, Gome, Xun used a solid text promotional ads, and the new egg design text promotional ads can be color, making it more eye-catching. Jingdong and Suning easy to buy is the image of promotional ads, the text heap in the navigation bar using picture promotional ads, compared to text promotional ads, more eye-catching, shunt effect will be better.

Figure 7. The popular promotional information display of Gome navigation bar

Figure 8. Recommended Promotions for new Egg navigation bar

Suning easy to buy brand display, promotional information adopted by the left and right layout, and the Beijing-east is the upper and lower layout, all suning easy to purchase navigation bar promotional activities recommended more pictures than East Beijing:

Figure 9. Recommended Photo promotions for Suning shopping navigation bar

Figure 10. Photo Promotions for Jingdong Mall navigation bar

Navigation bar Close button

Jingdong, Suning easy to buy, new eggs, a shop in the navigation bar level two menu in the upper right corner of the design of a close button, but always 211.html "> think this button is relatively chicken, I do not know if anyone think this button is to turn off the brand recommended promotional information." If the design of this button has any mystery, know friends can tell me ha ~ ~

Figure 11 The Close button on the new Egg navigation bar

This article from http://www.weijiezhimi.com.cn/posts/326.html, reproduced please indicate the source, thank you