Beijing website design B2B website skills?

　　 First, the page color, frame and overall style should be rigorous and full of commercial flavor

Because the content of B2B industry websites is rigorous and high-end, involving industry development trends, various technical exchanges, enterprise marketing management knowledge and other information, it is destined to be rigorous and high-end; Because it involves trade promotion, information exchange and making friends between enterprises, business columns should show a strong business atmosphere, and all page designs are for businessmen.

A. The color of the page should be more rigorous to avoid non-commercial color

Blue, red and yellow are the main colors commonly used on B2B websites, and several of them are often used together. Of course, in the process of use, colors other than these colors are often used together, or the color changes gradually.

The derived colors are: dark blue, dark red, bright red, orange, orange yellow, gray, etc., Not listed here. The color matching is decided by the designer himself, and we will review it finally.

The following colors should not be used as the main colors:

Green: Green is more symbolic of nature, purity and nature. It does not conform to the rigorous and commercialized characteristics of B2B industry websites. It can be used as the matching color of orange and red, but it is not recommended to use it as the main color.

Pink: This color is more feminine and warm. Even if it is an industry characterized by women's products, it cannot be used. As a matching color, use it as little as possible. After all, it is far from the needs of users.

Black: Black and gray are colors that can be used for most of the text on the page, but cannot be used as the main colors of B2B websites.

B. The title bar and navigation bar of the page should be more square and regular

As a corporate website, a fashionable website, or to express a fashionable and lively theme, the website design can be more lively, round or irregular, but as a B2B website, it cannot be designed in this way.

Each part should be clearly distinguished, each area should be neat, and the pictures and background used should be rigorous. The title bar and navigation bar of the website cannot be designed as slanted pictures, large ellipses, large icons, cartoon icons, and lively graphics.

C. The overall style should be rigorous and full of commercial atmosphere

The overall style of the website is more important than the color and title bar design. A certain matching color is lively and fashionable, which will not affect the overall style. Irregular pictures, or irregular pictures of the content in the web page, will not have much impact on the overall feeling. The overall page style cannot be fancy. To reduce the influence of the border and background on the reading content and the noise of the page. The overall style should be elegant, so that tourists can calm down and think.

　　 Second, content and function determine the form of expression and interface design

There is no fixed standard for page design. Many times, we can't judge it by beauty or ugliness, or creativity. It is to comprehensively analyze the visitors, content and functions of this page. Sometimes there is no creativity at all, which is similar to many other websites. It is the best because it should be. Any design and function is for visitors and users, and the designer's analytical ability is far more important than creativity.

Example:

If there are many navigation bars at the head of the user registration page, many wonderful content recommendations on the left or right, and the icons are beautifully designed, it is wrong. The fewer links on this page, the better, and the simpler the page. The most important thing is to guide users to calm down and fill in real and rich content. Otherwise, users may be in trouble halfway through the operation. If there is better content to attract them, they will not fill in again.

Before designing any page, the designer must calm down, think about what the page is expressing, or what kind of function it is, and then determine the form of expression according to the content and function. When planning a website, designers need to consider the form of the page.

　　 Third, use more idioms and don't use a new usage easily

The so-called idiom refers to the website frequently used by users, or the usage of well-known websites, which is often the habit of users, because well-known websites have the largest number of users and are most recognized by users. Idioms can be used for the same function or the function that will not change the expression mode due to different websites.

For example, when we come to a new website, we often need to know the introduction of the website, the contact information of the sponsor and other information. The habit is to look for this information at the bottom of the website. Most websites have a row of links at the bottom to express. If you design a website, you want to be innovative. If you don't put these links at the bottom, users will feel uncomfortable.

For designers, even if such familiarity makes you feel similar and uninteresting, and there is no innovation at all, you should still use it this way. But that doesn't mean we don't need innovation. On the contrary, in the planning and design work, we need to innovate boldly. If we do not intend to use an idiom, planners and designers must confirm that this new usage has the following two characteristics:

(1) It is also clear and self-evident: it is just a better way of expression, which is not much different from the original in essence. It also makes users understand at a glance that it is not totally innovative, but better than the original.

(2) It has brought great value and is worth learning: although this function has never been seen before, we confirm that it can bring qualitative changes, not just changes to functions and interfaces that users are not accustomed to. For example, in the past, most websites were registered in one step. If you register as a member now, many websites are divided into two or three steps. Why is it designed like this? Because there is too much content to fill in, it is easier for users to accept the content by dividing it into several steps.

　　 Fourth, establish a clear visual hierarchy so that users can distinguish visually

The page has a sense of hierarchy. You can see what is important and what is secondary at a glance. The content expressed in each part is very clear, and users can quickly find the part they pay attention to. On the contrary, the page is messy, the structure is not clear, and users do not know what the key points are when they come to the page. The patience of netizens is very poor. It is difficult to find the content they are interested in within 30 seconds, so they may not find it. They think the website is not interested in them, or they won't come at all in the future. However, in fact, the website has the content he wants or the functions he wants to use, just because the page design is not good and cannot be found faster.

A. The more important part, the more prominent

If there is no focus on a page, users will spend a lot of time looking for their favorite content and functions in all the same content, which is unfriendly to users. The more content users often use and read, the more important it is. Users will get the most concerned content and functions in the shortest time to attract them to stay.

In page design, there are many ways to highlight key content, such as bold font, large font size, text color different from surrounding color, prominent icon in front of text, picture or color as background, etc.

B. Parts related to function or content should also be visually related

The visual part related to function or content should also be related, because when the user scans, the visual part will be scanned together, otherwise it is easy to be ignored and messy. The common method is to use the same box, the same background, and the same icon to express related functions or content.

C. The logical inclusion of functions or content should also be visually nested

The so-called logical inclusion is to reason from a logical perspective. It should be included, such as upstream raw materials and equipment on B2B industry websites. If these two parts are put on the same page, the equipment and raw materials should be designed separately, but the raw materials and equipment modules themselves will contain many different contents. In order for the enterprise to purchase to quickly find the desired product, it should be nested in the equipment module and raw material module.

　　 Fifth, visitors are browsing rather than reading

Used to navigate pages, home pages, etc., Users will scan more to get the content they are interested in. For the last page of content, users will also scan the general content before reading. For an article or content that is too long, it depends on whether there are subtitles. If so, scan the subtitles to see if you are interested, and then continue to read. Generally speaking, users will scan the following content first:

A. Related to the task at hand, we urgently need to know.

B. Our current or future personal interests, such as: we want to buy a batch of machines and find jobs;

C. There are some deep-rooted words in our minds, such as "free", "discount", "beauty". B2B website users will be interested in: such as the most explosive news in the industry, the trend of well-known company bosses, the latest purchase, etc.

When planning and designing website pages and editing website content, we should always remember that users are not reading, but scanning, so that we can consistently implement this concept. Will guide many correct planning and design, such as: important content should be headline, bold; Each module can be illustrated as much as possible, so that readers can see pictures when scanning, which is easier to arouse interest; We should summarize and refine the advertising copy to attract their interest. When editing articles and content, it is best to add subtitles to articles with more than 800 words, so that users can scan whether they are interested in them in advance.

　　 Sixth, what we do behind closed doors can't keep up with the comprehensive reference

The webpage is updated quickly, and the interface design life of a website is only 2-3 years. There is no such thing as a classic, whether it is rubbish or fine. The existence of classics is the first successful innovative application. What a person behind the scenes does is far behind the comprehensive reference person. Web design is different from other arts. In the field of imitative and innovative web design, even if it is completely designed by itself, it still follows the majority of user habits that people have already agreed.

For the design of B2B industry websites, it is often the most successful design to refer to and imitate dozens of the best websites of the same type for reference, analyze why other websites should design like this, take the essence to remove the dross, and improve or modify according to the characteristics of the websites designed by themselves. Because the most successful websites have been studied in many ways, not only with imitation, but also with their own innovation. Most of them can stand the test of users and meet the needs of most users.

　　 Seventh, most interfaces of B2B industry websites should be weakened, emphasizing functions and content

B2B portals are different from enterprise websites. Its greatest value lies in providing users with a platform and more valuable content. The value of the interface is to help and guide users to better use the platform, find the content they are interested in, choose to read, and acquire knowledge. The theme of the page is not expressed by a large number of colors and icons. This is a mistake that some people, especially novices, often make when designing B2B websites.

Why do you use large images, icons, and large areas of color to render this page when you are building a corporate website? Because every enterprise has its own unique products and corporate culture, readers coming to this page want to know about this enterprise or product. We need to use design to convey enterprise information to visitors intuitively, especially the websites of many brand companies. The pages of B2B websites, like those of construction enterprises, such as theme design and charging service introduction, need large pictures, small icons and large area colors to set off the theme of the page.

　　 Eighth, the page should be modular and modifiable

Modularization can not only improve reusability, but also unify website style and reduce program development intensity. The biggest advantage of modularity is to unify the website style, so that users can understand whether they are on the page or on the website, thus forming a strong brand identity. Always remember that the ultimate goal of the website is to be a brand, which must be the guiding ideology of design.

Whether it is architecture, module or picture, its modifiability should be considered. Take a simple example: buttons. Many people like to make pictures. N buttons are n pictures. If you only make a background picture of 3-5 buttons and input text in the web page code, it will be easier to modify it and let the program/web page producer change the text himself. However, the fonts displayed on the web pages are uneven.