3 principles of B -end product information design


Editor: B -end products are different from the users of C -end products, and the applicable scenarios are different, and the design logic in it is also different; for example, in the design of B -end product design, it is necessary to reduce the user’s understanding threshold and ensure the efficiency of information transmission efficiency ,and many more. In this article, the author summarizes the three principles of B -end product information design in combination with personal experience. Let’s take a look.

Recently, when I bought tickets on the 12306 website, the large -scale text information was displayed in the pop -up window. I just hurriedly scanned my eyes and closed it decisively. I did n’t have the patience to finish reading. Especially the scene of festivals, users will not have the mood to see these prompt information.

Therefore, when designing product design, it is necessary to pay attention to the transmission efficiency of information. B -side products are usually used on the PC end. The screen display area is large. When designing, it will unconsciously add more information, which affects the user’s experience. Today we will discuss how to transmit information?

I summarized the following three principles:


1. Matching user mental model

The mental model refers to people’s hearts that are deeply rooted in their hearts, affecting people’s understanding of the world, explaining the world, facing the world, and how to take action, and how to take action, Chen Jian, and impression. It is an inner, predictable cognitive model that determines the user information acquisition behavior.

To put it simply, it is human experience based on experience to recognize the world. “About Face4: The Essence of Interactive Design” proposed three models to implement models, performance models, and users’ mental models. The design of good products should match the user’s mental model as much as possible, the more in line with the design of the user’s mental model, the easier it is to understand the product.

The content of the B -end product page changes less and emphasizes consistency. It is mainly composed of various information elements such as tables, forms, buttons.


During the long -term use, users have formed a specific mental model for certain information elements. For example, when users see the input box, they know that they need to fill in the content; when they see the step bar guidance, they know more steps; when they see Radio Button, they know it is a single option.

Therefore, a designer’s important goal is to allow the performance model to match the user psychological model as much as possible to avoid incorrect perception of users due to improper components.

For example, considering the user’s visual line, the main and high -frequency buttons such as “newly built” are usually placed in the upper left corner, which is convenient for users to browse and operate. The auxiliary function button will be placed on the right, and the user gradually forms such a mental model.

If the main operation button is placed in the upper right corner, it violates the user’s mental model. When users use the product, they need to establish a new mental model to change the existing behavior habits. And this design does not bring other levels of experience improvement, and I personally think that some will be lost.

Second, the level of information


The B -end product business is relatively complicated, there will be more pages, and the effective organization of information is particularly important. Information design is not a simple content stacking. It needs to be optimized according to the user scene and needs to help users understand business content at levels to build effective information.


The information level includes 2 aspects:

1. System space layer

There is a space layer in a system. When the page is more complicated, the internal logical relationship is needed through reasonable content layers.

The core interaction of the B -end is “increase, delete, change, and check”, where “investigation” is the search and browsing of information. So the page is mainly composed of search conditions and tables.

The operational behavior of “increase and change” is mainly completed in temporary system spaces, such as pop -up windows, side floating windows, and jump pages. Different information is relatively independent in different system levels to ensure the layered and orderlyness of the information.

2. Page information structure

In complex business scenarios, a single page will carry a large amount of information content and needs to be presented to users with reasonable order.


There are two main ways to disassemble information.


1) High -efficiency organization -card -cheap design

In the B -end product, in order to ensure the integrity of the function, it must be displayed to the user in one page. Tingling one by one, scattered information display will cause too high information density and lack of layers. The card method can be very good information, dividing differentiated information, helps reduce the complexity of information, and helps users quickly locate information and browse content.


2) Term to zero -step -based design


Faced with complex information content, users are prone to fear. Disassemble the complex content step by step, and transfer the user’s attention from the page content to the step progress, which can reduce the psychological pressure of the user. In addition, node information pages can also help users better understand business processes.

In addition, the step -based design can also collect the scattered content into a task process to guide users to quickly complete the task. For example, the setting guidance of the Win11 system can facilitate users to quickly complete the basic configuration of the system and avoid the behavior cost of user operation.

3. Page element design

Different from C -end products, B -end products emphasize efficiency. As the Okham Razor principle said, “If there is no need, don’t increase the entity.” The content of the page needs to be simple to avoid unrelated elements to form information interference.

The designer is even more emotional, and is worried that the design is too bland, which will add various visual elements to the interface, which will increase the cognitive cost of users.

Third, the understandability of information

The B -end product usually has a certain professionalism, and the user threshold is high. In complex business scenarios, users must clearly understand the products and functions in order to ensure the transmission efficiency of information.

1. Help information

B -end products need to reduce user learning costs as much as possible, but the difficulty of its own business level is unavoidable. Therefore, it is necessary to provide users with timely and effective help information.

In the Alibaba Cloud and Tencent Cloud interface, a lot of information such as explanations and TIPS are included to solve the questions of users in the process of use, help users better understand business content, and reduce user memory. At the same time, helping information also needs to be expandable. When the prompt information cannot completely solve user questions, it is necessary to guide users to view the complete help documentation and reduce the cost of users to check the information.

2. Visual design

Data visual design is used more in B -end products, such as an overview page, which expresses the inherent relationship of the data more intuitive through graphical.

In some specific scenarios, the content page can also help users understand information by visual display, such as uploading common ID card pictures. Many users cannot distinguish the front side of the front, and use the picture to visualize the prompts to facilitate users to better understand the information.

At the end

Experience design industry needs innovation, but B -end product design needs to be more cautious. Respecting users’ habits, fully expressing business logic, and ensuring content to ensure content is what designers must pay attention.


Mr. Zimu. Public account: Zimu UXD (HelloDesign), everyone is a product manager columnist. Product experience designer. 8 years of experience in the Internet industry, who is good at experienced design thinking, design methodology, interactive design research.

The original published in this article is a product manager, and reprinting is prohibited without permission.

The title map is from Unsplash, based on the CC0 protocol