Mobile Interface Design Tips: A summary of guide page design tips

Article Description: guidance is the process of leading users to achieve goals more quickly and cheerfully, and to provide timely help before users encounter obstacles. In the design of mobile internet products, novice-led design is the user's first use of the mobile product, given some of the necessary help to enable users to quickly and cheerfully understand the product's function and the specific mode of operation. In order to complete not

Objective:

Guidance is the process of leading users to achieve goals more quickly and cheerfully, and to provide timely help before users encounter obstacles. In the design of mobile internet products, novice-led design is the user's first use of the mobile product, given some of the necessary help to enable users to quickly and cheerfully understand the product's function and the specific mode of operation. In order to accomplish different guidance content and guide the goal, the mobile end's guidance design will carry on the different diversification processing according to the demand. According to the timing of the guidance, it can be divided into the guidance of the front-type and the guide in the process.

Pre-boot: A series of help content that is given when the user has not formally started using the product. The main design method is the design of the Guide page. Guidance in the process: a series of help content that is given during the user's use of the product. The main design method has blank page content guidance, the loading waits the condition the guidance, the split baggage step-by-step guidance, the clever setting default value function guidance, the tips guide, the floating point guidance, the Mask Focus type Guide, the trigger type Guide, the task drills the type to guide and so on.

Due to space limitations, this blog post focuses on the design of the lead-guided Guide page in detail, and the guidance in the process will be followed by posting.

Research on the Design of guide page

The Guide page, as a front-mounted guide, must have the characteristics of a forward-type boot. Users see the content of the boot page before use, at this time the user's understanding of this product is not much, for such as product function/page layout/specific use, etc. have not yet established a complete understanding. So the guide page is better suited to describe the product profile (such as the concept of a product, the core function of the product, the competitive function point or user pain point, as well as the content that will affect the operation mode of the initial use, build up the user's general knowledge of the product, but not very suitable for the content of the product that elaborated too detail, The details will not be easy to understand because the user is not able to match the information at this time.

Although the boot page has the above limitations, it is used as a very common way because of its many advantages.

The specific advantages:

1 Space settings can be set freely, within a certain range can be more or less;
2 full screen or almost full screen of information presented in the way, so that the information can be more load;
3 The content of the layout of freedom, designers can be free to play.

So the Guide page is a way to be flexible and free in design. However, in practical use, we often find that the design effect is not easy to reach expectations. Users often do not look through these guided messages carefully, and the amount of content that is being delivered can be compromised, and it is difficult to absorb them all, and in many cases the user skips the boot and ignores the help information that the bootstrap wants to provide. So, how do we design the guidance to arouse the interest of the users, so that they spend a little energy to absorb the content of the guidance of the information, this requires some skills.

The core skills are 4 points:

Streamlining and rational use
Meticulous choreography
Effective attention
Building features

Streamlining and rational use

In the era of lead page design, the vast majority of apps design a few pages of boot content in the first use.

Designers need to control the content of the boot. Just do the necessary boot page content. Unnecessary boot content increases the redundancy of information, diluting the attention and energy that really requires the attention of the user.

Before designing, we should analyze the psychology and usage behavior of the user when using the app for the first time, not all cases are suitable to use the Guide page, say no to the unsuitable situation.

The basis of suitability is mainly in the real use of the scene, the user is hoping to have a general understanding of the product, or want to quickly start products immediately use, in the process of using slowly to learn. If the user is expecting a quick start in the product using too much boot will cause the user's scenario.

[1] [2] [3] [4] [5] [6] [7] [8] Next page