“With the rapid development of Internet products, more and more people store or rely on online platforms such as personal finance, private information, company affairs and document data. In the interaction between life and work, how to make users feel the security of using network products, and then obtain the sense of security is also an indispensable part of the experience. This article discusses the background product design, can start from what aspects to enhance the sense of security users use.”

Here, the “background product” is defined clearly. It refers to the management and operation part of the service, mainly the operation and maintenance control of the underlying content and data, not directly facing consumer users. Background products are mainly To B platform products, such as internal management, security, operation and maintenance products. The backend products cited in this article are just one of many types.

From the feedback of website design sharing and team sharing articles in recent years, we can feel that more and more designers are engaged in the design work related to backstage products. Background the product itself has a “complex”, “business logic”, “professional degree is high,” “scenario variety” wait for a characteristic, makes the design work has certain challenges, plus, background product is the underlying support of the business, is a service company even base, it involved the use of security and stability of the influence of inestimable.

01

–

A sense of security

First of all, let’s understand what is the “sense of security”. The sense of security is the presentiment of possible physical or psychological danger or risk, as well as the individual’s sense of strength/weakness when dealing with things, mainly manifested as a sense of certainty and a sense of control. The sense of security is the psychological need for stability and safety [1].

From the explanation of Baidu Baike, it is clear that the sense of security is the internal psychological needs of individuals. As for human needs, Abraham Maslow, an American psychologist, divided human needs into five levels from low to high: physiological needs, safety needs, social needs, respect needs and self-actualization needs. Security needs are actually lower level needs, including personal safety, life stability and freedom from pain, threat or disease, as well as one’s property.

Maslow’s hierarchy of needs

For Internet products, product safety is not directly related to personal safety, pain, threat or disease, but also indirectly related, such as property security, privacy security, operation security, etc., and the impact on users’ sense of security experience cannot be underestimated.

02

–

Product safety

The sense of security mainly comes from two parts, one is the subjective safety feeling of users, and the other is the objective security strategy of the product [2], which correspond to: Product interaction experience and the support of technology strategy, this paper introduces and analysis the key is around “the experience” part of product interaction, namely, how to use “predictable”, “manageable” interface interaction with “professional” enough “trusted” brand vision, to create a “safe” for the user product experience and psychological construction.

The source of product operation security

03

–

How to improve product security

1. Reliable environment

(1) Atmosphere rendering

UI vision, as the user’s first impression of the product, plays a crucial role in the formation of professionalism and trust. Our TXD team is responsible for the visual operation, maintenance and monitoring design of many group data centers. In view of the inconvenient exposure of internal information, here is an example of similar products in the market. Home page through the professional video rendering products, is conducive to quickly gain the trust of users, further solidify the “professional” impression.

Data center monitoring homepage design (http://www.uinnova.cn/product/dcv)

At the same time, at the bottom of the page, it can also reveal the current achievements of the product, such as the display of specific data, service scope, etc., to further render the professional atmosphere.

Aliyun official website (https://www.aliyun.com/)

(2) Brand endorsement and word of mouth

In addition to atmosphere rendering, brand endorsement is also one of the ways to gain user trust. Through the display of brand information and cooperation with enterprises, product professionalism is increased and user trust is enhanced.

Data center monitoring product enterprise cooperation (http://www.uinnova.cn/product/dcv)

        

Users’ feedback and the affirmation of the product in the industry can also be displayed. After all, user reputation has a great influence on a product.

Display industry word-of-mouth (http://bk.tencent.com/product/#cloud)

(3) Color suggestion

Color will have a hint and influence on people’s psychology. For example, orange is mostly used for the interface of catering platform, because orange can stimulate appetite. In backstage products, there is also a relatively clear color tendency. The theme colors are generally cold colors, such as blue and green, which can give people a calm, rational, stable and broad feeling.

Background product color preference

Background product interface style

2. Actionable interactive experience

(1) In good order

Mapped to the design, it is a clear and organized operating experience. From the interface style and information framework of background products in the figure above, it can be seen that the interaction behaviors transmitted by them are basically the same. Permanent navigation on the left or top and unified visual language can increase users’ familiarity and efficiency of operation between different background products.

  • Content: Clear and coherent information organization, clear logical main line, messy accumulation is easy to get lost;

  • Interaction: clear operation process and logic, appropriately externalize the overall progress, and have a good perception of the current position;

  • Visual: Keep the user focused and make sure the current module keeps the user focused.

The above figure is designed as an example to show orderly information and operation logic through clear process and clear progress marking.

(2) Honesty and transparency

Background products generally users don’t have much contact, the technical implementation, operation mechanism, there is little professional concept to understand, especially involving the scenarios such as process and state, had better be in clear why do before a user action, whether there will be potential safety problems, etc., let users understand the intentions, to avoid panic and not sure when the operation, also is helpful to win more trust.

(3) Autonomic reversible

The operation should be reversible, with support for “undo” and “retry” to get out of the “unexpected” state. For example, submitting an upgrade task and then undoing it, or failing the operation and then retry, are relatively natural and flexible processing methods.

(4) Timely and effective risk prompt and feedback

Although we provide users with sufficient sense of control through standardized processes and operations to improve the security experience, some human errors are still inevitable. In order to create a backstage product with high-quality experience, designers have the obligation to inform and remind users of the risks that some behaviors may bring in advance and help users prevent them.

In the background o&M products, in order to avoid user errors and o&M failures, the design can even be limited by “confirming risks” to help users avoid risks.

Feedback, as you know, the meaning of the products in the background of the scenario, there will be data asynchronous processing problems, lead to the user’s operation cannot take effect immediately, this time after operation feedback user “configuration pipeline, and a little after waiting for the query”, not only can avoid the user to see objects without a doubt, also friendly to convey the cause of the invisible to the user.

(5) Multiple protection and confirmation

For operations that are prone to errors or will have a great impact, we need to confirm again and again to prevent users from losses caused by negligence and misoperation.

(6) Solving and helping unexpected situations

This paper points out how to better help users solve the current problems and confusion when accidents occur, so as to help users overcome uncertain links and operations. The design will usually explain the cause of the exception and provide a solution if possible.

3. Understandable interface semantics

(1) The interface information is understandable

It is easy to overlook the copywriting in the interface, but it is also one of the effective ways to express a product professionally and safely. Through easy to understand and appropriate copywriting, the attitude of the product is conveyed on sensitive pages or in the core operation process.

In this design, for example, we wanted to make things easier for the user and instruct the user to select “Keep local profiles”, so we left a button on the page that allowed the user to check for conflicting files, since most users keep local files. But after the online discovery, users do not understand the meaning of this hint, do not know which button to click, do not know what the consequences will be after the operation, so after optimization, the semantics are much clearer, each file operation independently, users can be very relieved to “confirm” their own behavior.

(2) The security policy is understandable

With everyone’s attention to security, no matter background products or service application products, account password requirements and login authentication methods are more and more diverse, I believe you must have encountered some “unexpected” authentication operations, as well as some extremely complex password requirements. Some can be easily understood and completed by users; Some need trial and error, very affect efficiency. When providing security services for users, we must ensure that the security policies provided by us can be correctly understood and accepted by users.

04

–

conclusion

The sense of security is an indispensable basis for excellent user experience. Only when users trust the product can they operate with confidence and reduce unnecessary hesitation and confusion. Therefore, while we emphasize “personal security”, “property security” and “network security”, “operation and maintenance operation security” should be the basis for background product designers to pay more attention to.

Refer to the article

[1] Baidu Baike

(https://baike.baidu.com/item/%E5%AE%89%E5%85%A8%E6%84%9F/5543)

[2] Discussion on payment product security design: How to improve users’ product security?

http://www.woshipm.com/pd/595660.html

[3] Case Sharing: How does interaction design give products a sense of security

http://www.woshipm.com/pd/735760.html

[4] How to build an interface that users truly trust from scratch

http://www.woshipm.com/ucd/330710.html

Check out more original content