8. Learn how to design B2B industry website pages

B2B Industry websites have the characteristics of B2B websites and the characteristics of portal websites, which determine some differences between page design and other websites. Before writing the "B2B industry portal website page design" section, I would like to explain theoretically the basic points of page design and production for your reference. I hope you will criticize and correct them.

　1. The color, frame, and overall style of the page should be rigorous and full of commercial atmosphere.

The content of B2B Industry websites is rigorous and high-end, involving industry development trends, various technical exchanges, and marketing management knowledge of enterprises, it is doomed that the content is rigorous and high-end. because it involves transaction promotion, information exchange and dating between enterprises, therefore, the commercial column should reflect a strong business atmosphere, and all page designs should be considered by businessmen.

The color of page A should be more rigorous and non-commercial.

Blue, red, and yellow are commonly used in B2B Industry websites. They are often used in combination with several colors. Of course, these colors are often used in combination, or the gradient of these colors.

The resulting colors include: dark blue, dark red, fresh red, orange, orange, gray, etc. Here we will not list them one by one. The colors will be determined by the designers themselves, and we will review them at last.

We recommend that you use the following colors as the dominant colors:

Green: Green is more symbolic of nature, purity, and nature. It does not conform to the rigorous and commercial characteristics of B2B Industry websites. It can be used as a combination of orange and red colors, however, we recommend that you do not use it as the dominant color.

Pink: This color is more feminine and warm. Even if it is an industry characterized by female products, it cannot be used as a combination of colors, after all, it is too far different from user needs.

Black: black and gray are colors available for most pages, but they cannot be the dominant color of B2B websites.

The title bar and navigation bar of page B are more square and rule-based

As an enterprise website or a fashion website, or to express a fashionable and lively theme, the website design can be more lively and usually adopt a circular or irregular layout, but as a B2B industry website, it cannot be designed like this.

Each part must be clearly differentiated, each region is rule-based, and the images and backgrounds used are rigorous. You cannot design the title bar and navigation bar of a website with a large elliptical shape, a large icon, a cartoon icon, or a lively figure.

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 combination of colors is more lively and fashionable, and does not affect the overall style. An image is irregular, or the content and images on the webpage are irregular, which does not affect the overall feeling. The overall page style cannot be fancy. To reduce the impact of the framework and background on the reading content, and reduce the page noise, the overall style should be elegant, so that the visitor can calm down and think.

2. Content and functions determine the presentation form and interface design

There is no fixed standard for page design. In many cases, you cannot use the beauty or ugliness to determine whether or not you are creative. Instead, you should analyze the visitor, page content, and functions of the page comprehensively. Sometimes there is no idea at all. Similar to many other websites, it is the best, because it should be like this. All designs and functions serve visitors and users. The analysis capability of designers is far more important than creativity.

Example:

If the user registration page has a lot of navigation entries in the header, there are a lot of wonderful content recommendations on the left or right, and the design is very beautiful icons, but it is wrong. The fewer links on this page, the better, the simpler the page, the better. It is the most important thing to guide the user to calm down and enter authentic and rich content. Otherwise, the user may be able to perform half of the operations, feel troublesome, and have better content to attract him.

Before designing a page, the designer must calm down and think about what content the page is expressing or what kind of function it is, determine the representation based on the content and functions. During Website planning, we should initially consider the form of page expression for designers. For details, refer to Chapter 8th of B2B industry portal website Planning Practice Research Report, which has systematically elaborated on this issue.

　　3. Do not use a new method easily.

The so-called habitual usage is a frequently used website or a well-known website usage, which is often the user's habit. Because the most popular websites have the most users, users are also the most recognized. You can use the same functions, or functions that do not change the expressions of different websites.

For example, when we come to a new website, we often need to know the introduction of this website and the organizer's contact information. The habit is to find the information at the bottom of the website, most websites have a row of links at the bottom. If you want to innovate when designing a website and leave these links at the bottom, users will feel uncomfortable.

For designers, you are afraid that such familiarity makes you feel similar and boring, and there is no innovation at all. You still need to use it like this. But it does not mean that we do not need innovation. On the contrary, we need bold innovation in planning and design. If we do not intend to use a habit, the planners and designers must confirm that the new usage has the following two features:

(1) It is equally clear and self-evident: it is just a better way of expression, which is essentially not much changed. It also allows users to understand at a glance and is not completely innovative, it is better than the original one.

(2) It brings great value and is worth your efforts to learn: although this function has never been seen before, we confirm that it can bring about qualitative changes, instead of simply changing the features and interfaces that users are not used. For example, in the past, most website registration tasks were completed in one step. If you register a member, many websites are divided into two or three steps. Why do you need to design this solution? Because too much content is entered, it is more acceptable for users to divide them into several steps.

　　4. Establish a clear visual hierarchy so that users can distinguish from each other visually.

The page has a sense of attention. At first glance, you can understand the key points, those are secondary, and the content of each part is very clear. Users can quickly find the key points of attention. On the contrary, the page is messy, the structure is not clear, and users do not know the key points when they come to the page. Network users have poor patience. It is difficult to find the content they are interested in within 30 seconds. They may not find the content they are interested in. They think that the website is not of interest to them, or they will not even come in the future, however, in fact, the website has the content or functions it wants to use, but it cannot be found faster because of poor page design.

The more important A is, the more prominent it is.

On a single page, if there is no focus, users will spend a lot of time looking for their favorite content and features in all the same content, which is not user-friendly. The more frequently-used and frequently-read content, the more important the content should be, the less time the user will get the most important content and features to attract him to stay.

There are many methods to highlight the key content during page design, which are commonly used: the font is bold, the font size increases, the color of the word is different from the surrounding color, the text is prefixed with a striking icon, and the image or color is used as the background, in chapter 3 of "B2B industry portal website design and development practice Research Report", this article focuses on this.

The functional or content-related parts of B should also be visually related.

Some visual aspects related to functions or content also need to be related, because during user scanning, visual-related parts will be scanned together, otherwise they will be easily ignored and messy at the same time. A common method is to express related functions or content in the same frame, background, and icon.

The logical part of the C function or content must be visually nested.

Logical inclusion refers to logical reasoning. It should be included, such as upstream raw materials and equipment of B2B Industry websites, if we put these two parts on a page, we should separate the device and the raw material, but the raw material and the device module will also contain many different contents, in order for the enterprise to quickly find the desired product, it is necessary to nest the product in the device module and raw material module.

　5. Visitors are not reading, but scanning

The book "don't let me think" says: "visitors are not reading, but scanning. It is one of the few facts that have been proved, people spend very little time reading most pages. On the contrary, we just scan (or rush over) webpages to find words or words that can attract our attention." For navigation pages and home pages, users can scan more pages to obtain content they are interested in. For the final page of the content, the user will first scan the approximate content before reading it. For an article or content that is too long, you must check whether there is a title. If so, you must first scan the title, if you are interested, you can continue to read it. Users usually scan the following content first:

A. What we need to know urgently is related to our current tasks.

B. Our current or subsequent personal interests, such as purchasing a batch of machines and looking for a job;

C. Some deep-rooted words in our head, such as "free", "discount", and "beauty. B2B industry website users will be interested in: such as the most explosive news in the industry, news from well-known CEOs, and the latest purchase.

When planning and designing website pages and editing website content, we should always remember that users are not reading, but scanning and implementing this idea. Will guide a lot of correct planning and design, such as: important content should be subject to bold; each module should be as illustrated and illustrated as much as possible, so that readers can see pictures during scanning, more likely to interest; the advertisement text should be summarized and refined to attract them to be interested. When editing articles and content, it is best to add subtitles for articles with more than 800 words, allows users to pre-scan whether they are interested or not.

　6. The things made by closed doors drivers are far behind those of comprehensive reference providers.

The Web technology is updated rapidly, and the design life of a website's interface is only 2-3 years. No matter whether it is junk or high-quality goods, there is no so-called classic. Classic only exists as an innovative application that was successfully created for the first time. What a closed-door car maker makes is far from keeping pace with the comprehensive reference. Webpage Design is different from other art. In the field of imitating and innovating webpage design, even if it is completely self-designed, it also follows most of the user habits that people have already recognized, and the traces of this lineage are sometimes very obvious! The designer dared to say with a sigh of relief that this was my own original design? For the industry, classic is just a concept and symbol!

For the B2B industry website design, we need more reference and more imitation to find dozens of the best websites of the same type for reference. We can analyze why other websites need such design, take its essence, and get rid of its dregs, the most successful design is to contact your website design features for improvement or modification. Because the most successful websites have been studied by many Parties, they not only imitate, but also have their own innovations. Most of them can withstand the test of users and meet the needs of most users.

　7. Most B2B Industry websites should be relaxed with emphasis on functions and content

Different from enterprise websites, B2B industry portals provide users with a platform and more valuable content, the value of the interface lies in assisting and guiding users to better use the platform, discovering content they are interested in, selecting and reading, and gaining knowledge. It is not necessary to use a large number of colors and icons to express the theme of the page. This is a common mistake for some people who design B2B Industry websites, especially for beginners.

Why do we need to use big pictures, icons, and large-area colors to render this page as a corporate website? Because every enterprise has its own unique product and corporate culture, readers on this page want to know about this enterprise or product, we need to use design to deliver corporate information to visitors, especially to websites of many brand companies. The topics of B2B Industry websites are the same as those of Enterprise websites. Large pictures, small icons, and large areas of colors are required to set up the themes of the pages.

　　8. The page must be modularized and can be modified.

Modularization not only improves reusability, but also unifies the website style and reduces the intensity of program development. The biggest advantage of modularization is the unified website style, which allows users to understand and recognize the website, regardless of the page on which the website is located, forming a strong brand recognition. Always remember that the ultimate goal of a website is to be a brand and must be the guiding ideology of design.

Whether it is architecture, module, or image, you must consider its modification. A simple example: many people like to make pictures. N buttons are N pictures. If you only use 3-5 buttons as the background image and add text in the webpage code, the modification will be simple, so that the program/Webpage maker can change the word by themselves. However, the font displayed on the web page is serticate. The font size can be clear and beautiful: "1212px | 1212px bold | 1414px | 1414px bold | 20px | verdana 9px | Arial Black 12px + |" and so on.

These eight points are the basis for B2B industry website page design. This will serve as the guiding ideology for designing B2B industry portal websites and is also the basic knowledge for successfully reading this chapter. There may be more basic design knowledge to be summarized and improved in your work. As a non-design engineer who is planning products, I hope the designers and product planners can make a brick for Li xuejiang.

Original author of this article: Li xuejiang. Welcome to consult and exchange QQ: 1580658565.