Analysis and application of "page structure" of Business-to-business website

Intermediary transaction SEO diagnosis Taobao guest Cloud host technology Hall

Business-to-business Web site planning provided to the website designer's planning document, generally indicates the content and function of each part of the page structure used, but does not mean that the designer can understand the planners in the page structure of the consideration, as well as some planners on the network is not too in-depth, or some negligence, In order to consider the structure of the page is not comprehensive, this time designers and site managers will be the planning of the document to correct, so whether the site managers, product managers, designers, page production staff, to the business-to-business industry site of the page structure of a brief understanding, we can not know how to do, but must know, It is not right to do so. The following on the business-to-business industry site commonly used several page structure, and how to comprehensively use the page structure for a brief explanation.

1 common page structure of business-to-business portal site

Business-to-business portal site is not an enterprise site, nor is the whole Flash brand-type web site, with commercial, serious characteristics, general layout is a normal, not irregular arrangement of typesetting structure. This paper considers that there are several common typesetting structures as follows:

A left and right structure

The structure is the most commonly used in the page structure, according to the actual situation, but also divided into the right and left side of the same width, wide left, wide several structures, the specific size according to the content to be displayed to decide, is the so-called content decision form. But it is not said that there is no certain law, commonly used is the left wide, because from the user and search engine optimization, to put the important content on the left, user-friendly and search engine spiders first to find, especially the content of the final page, most of the site is the left wide, the right narrow column structure. Of course, sometimes according to the actual situation, such as the left side of the important content of space can only be very narrow, it can only narrow left, the right wide. The same wide structure, usually rarely used, because there is no sense of hierarchy, too inflexible.

Figure (4) China Apparel network Home Industry news about the structure of the display (screenshot: 2011-11-5)

B left-right structure

Left-right structure is also the most commonly used in page design, according to the actual situation, but also divided into the left and right narrow, the middle width, the left and the middle as wide, the right narrow, narrow to the left, the middle and right as wide, these 3 kinds of situations use more. When you design a page at 1024 of the page resolution, the left and right structure is the most used, because most of the content does not need to be the same as the left and the structure, occupy so wide distance, especially the navigation page, each location is very important.

Figure (5) Air-conditioning refrigeration market home first screen left middle right structure display (screenshot: 2011-10-5)

C Banner Structure

Banner structure is also the most commonly used page structure, more use in the top and bottom of the page, as well as navigation bar, content need to use the Business-to-business Web page structure. For example: At the top of the site navigation bar, even if the content of the navigation bar is relatively small, we are also using banner, is often the site logo and navigation bar into a whole, in the form of banner to show, this is the customary use of the preceding. The meaning of this is probably to let the visitor take the contents of the navigation bar as a whole, and make a visual distinction. Bottom banner is also a truth, in the visual formation of a whole, to ensure the unity and integrity of the whole station. There are also some Web site ads, hope more prominent, attract the attention of users, using the banner structure. And some content, need to use banner to display, such as Picture display, scrolling display content, banner content is a whole.

Figure (6) China Apparel Network Gallery column T banner display (screenshot: 2011-2-6)

2 How to integrate the various page structure of business-to-business portal site

In the daily page design, we are to synthesize the use of a variety of page structure, the various title bar according to different actual situation to typesetting layout, complete the design of the page. When and where to use the kind of page structure, most of the time, we are based on the content and function of the page, the integrated use of left and right, banner structure of at least 2 kinds of structure.

A Top navigation bar below the first screen important position is not suitable for the use of banner structure

Site planners generally attach great importance to the home page, first-level column home page layout planning, as the user's eyeball is from top to bottom, from left to right down, the first screen from the left and the top 45 degrees angle of the position below, is the most important position. These locations are important, users can easily see these content, hope to display some content, often using the left-right structure, or about the structure, do not recommend the use of banner this occupies too much space structure, to the top left will be the most important content and functions recommended to users to read and use.

B site home or Level two column homepage, such as Navigation page, a variety of structures to harmonize

I do not agree with the use of the framework too much, and to ensure that up and down, about harmonious unity, although both banner, there are left and right, there are about the structure, but do not need to adopt too many different structures, such as: both the left and right structure, and there are two structures, you can keep the left side of the same width, or the right width unified, The upper and lower unity is not only the width, the shape of the title bar can be the same, it does not look too messy. As long as the uniform width of the title bar, can be designed to the same, a page, the report that the appearance of the different title bar, not more than 4, 3 most appropriate, weakening the title bar on the user's visual impact, let it become more quiet. So I often say to the designer, business-to-business Web site art is actually more simple than doing business site, it is important that you understand what it needs to express.

C page title bar More to be designed to square rounded corners or right angles, but must be a regular

This in the "Business-to-business Industry portal design and development of combat Research Report" before the "Design Foundation" section has been said, and then briefly explained. As an enterprise website, fashion type site, or in order to express the fashionable, lively theme, the site title bar design can be more lively, more round or irregular layout, but as a business-to-business website, it can not be designed. Both the left and right, the upper and lower regions, each part should be the rules, the use of pictures, backgrounds are rigorous. Can not put the picture oblique, with a large oval, with a large icon, with cartoon icons to design the structure of the site, and graphic design, corporate website design is very different.

This section is for the designers of business-to-business websites, but I think some planners who don't know much about the web, especially those in traditional industries, also need to learn this content and understand it. Designers generally told me these content, but are very familiar with, understand, but we need the site planners and web designers can thoroughly understand the site page structure and Web page design relationship, in order to better communication, to meet the needs of users of the site page.

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