Good first impression of home design of Business-to-business website

Intermediary transaction SEO diagnosis Taobao guest Cloud host technology Hall

In the previous 11 sections of this report, I have divided the page design of the Business-to-business Web site into one element, which is explained systematically from the framework, color, navigation bar, title bar, content, advertising design, buttons, search box and so on. This section, I will from the overall perspective of the business-to-business Industry portal home Design to do some talk about the different design elements applied to the home page when the attention. Since the general design method is already covered in the 11 sections above, it is no longer necessary to repeat this, and if you want to know more about each element of the design method, you need to look at the previous 11 sections of this report.

1 first page overall style to conform to user habits

Business-to-business Industry homepage Overall style is very important, the user's visit, a large part of the start from these pages, even if the user from the search engine search inside the page to the site, if the user interested in this site, want to collect and learn more about this site, most visitors will visit the homepage of the site. Designers to let users feel the first feeling that this site with his frequent visits to the excellent site almost, of course, must have their own characteristics, but can not be too big difference, to comply with user habits, this in the previous chapters have been detailed introduction.

Designers to refer to the industry's best business-to-business Industry portal, select About 20. Do not need to go from the design style to pursue much unconventional, the more new things, the greater the risk, perhaps some people are very recognized, others may not recognize, if our level is not good enough, stability is the best. As the home page, more performance design level of work or on the content of the layout of the better, after all, users to the site or want to find more valuable content.

2 first page color analysis and illustration

The home page of business-to-business industry portal is not suitable for a color gradient, and then with the black text. Although not fancy, but also appear too monotonous, such color method can be used as business shops, personal space, theme page design when the color scheme. Home use color is generally selected as the main color, and then choose 1 contrasting colors, combined with the universal color: gray and Black to design better. For example, Alibaba home page only uses 3 kinds of colors: main color orange, blue, and universal collocation color: Black.

Alibaba Home Screenshot (screenshot date: 2011-10-5)

Figure (78) for Alibaba home screenshot (screenshot date: 2011-10-5), from the picture can be seen, Alibaba uses blue, orange, black three colors. Generally speaking, no matter what color we use to do the Web page, black is to be used, as well as with black color gray to match, basically become all commercial portal home design standards.

3 first page title bar design and layout

Business-to-business Industry website title bar generally do not use too many, generally do 3-5 different types of title bar, too much will appear too messy, according to the actual situation, you can do some details of the changes. and the title bar background picture cannot be too prominent, can highlight the text on the title bar, users just look at the text to know that the module reflects that aspect of the content, whether it is their own needs, such a design method is now the most common business portal design.

Generally from the top to the next unified title bar, such as the first page for the left and right frame, then the title bar on the left is the same, if the middle transformation structure, the style of the title bar can be changed. As I said in the 7th section of the "Business Research Report on business-to-business Portal design and development", the same type of content can unify the title bar, so that users look more harmonious and unified. Can not be unified, but the attention can not be too messy, not too fancy.

4 first page overall frame structure and page width design

The home page of business-to-business industry is commonly used banner, left and right 3 kinds of frame structure, use left or right frame when the upper and lower width should always be consistent, it will not appear to be too messy, right and left the title bar to align, due to a variety of reasons for the design of the time, to and site planners to communicate, add or reduce point content, Aligns the title bar around. The framework of the home page looks as harmonious, uniform and standard as possible, making the whole site look more serious and high-end.

The width of the frame is still mainly around 990PX, 800PX width has been completely out of consideration, the current computer widescreen more and more. Since 2008 after the new computer, most of the screen is wider than 1000PX, so the future may take a wider page, but the vast majority of the mainstream portal is still using the width of about 990PX. The program can also judge the user's screen, if the user is using widescreen, you can add about 2 couplet ads.

5 first page of various advertising layout and design

The home page of the Business-to-business Web site is one of the most advertised pages, like a magazine, and everyone wants to do front page and cover. Therefore, the layout of the home page ads is particularly important, the layout of the ads is not good, it seems messy. This part of the content, I in the "Business-to-business Industry portal Planning Combat Research Report," seventh chapter 7th: "Website manufacturers advertising planning points also made a detailed description." If the advertisement put too little, the user experience is very good, but the salesperson does not have the advertisement position to sell, affects the website the income. So the site needs to have a lot of advertising, but also to ensure that the user experience, designers must adhere to a number of advertising typesetting design standards.

A advertising height not too high: General home ads, the vast majority of advertising height as far as possible in 60PX and below, I think 50PX is the best for future consideration. When advertising is less, you can use longer ads to attract eyeballs, if the height of the beginning is too high, advertising will not put too much, will affect sales. A few ads can be higher in height, but not more than 75PX. The first level of the big ads can be higher, because less advertising, less valuable, but not more than 90PX for the best.

B minimize the use of flash design: Because some of the business-to-business industry site home Ads More, if all use flash to design, will make the home page open very slowly, because the flash is very resource. For some longer-width ads, you can use Flash to design, but the home page ads in the Flash ads as far as possible in 10 or so, more ads, using GIF animation to design better, you can put a picture.

C advertising layout should be neat and unified: Because the home page ads may be more, so consider a good user experience, it is best to separate content and advertising, such as a row of ads, a row of content. Or a row of content, two rows of ads. So that users do not find content in the ads, it seems more harmonious unity, users want to see ads, their own to find. and advertising and content spacing, but also make advertising more effective.

China Building Materials Web page advertising layout

Figure (79) For China Building Materials Network home ads, from the picture can be seen, ads placed in the middle of the top and bottom two content, put the two rows, height 60PX, length 235PX, a row can put 4, advertising can put more, also can have effect, users look at the top and bottom two parts of the content, may see the customer's ads, For customer advertising to bring better results.

The home page design of the Business-to-business website is so many, the title bar, navigation bar, search box, button, content links and other specific elements of the design method in front of all speak very clearly, can be general, here no longer repeat. We must understand that the design of a good business home page is very important, a column and the entire site most of the design must refer to the home page, and the home page to maintain unity. Designers in the real design process at least to refer to more than 20 similar industries to do the best web site, absolutely not behind closed doors.

This article original author: Xuejiang, welcome the Exchange guidance consultation, the Exchange qq:1580658565.