In the design of mobile Products: Guide users to help users quickly familiar with the product

Article Description: the direct goal of user guidance is to help users better use products, the ultimate goal is to enhance customer satisfaction. Although, in most cases, we can use reasonable design, as much as possible to simplify the function, so that users without guidance and help, you can complete the necessary tasks. But in fact, the limitations of mobile phone products and the pursuit of powerful functions, which lead to this goal is difficult to achieve, so the more

In the mobile phone product design process, because the handset interface's carrying capacity is limited, the product function expands unceasingly, must after the user opens the application to inform him some novel function, guides him to complete certain main task flow, lets the user not be lost in the unfamiliar application to be overwhelmed. To help users quickly master the use of applications, experience the fun of the application, the novice led into a must consider the design link.

The direct goal of user guidance is to help users better use products, the ultimate goal is to enhance customer satisfaction. Although, in most cases, we can use reasonable design, as much as possible to simplify the function, so that users without guidance and help, you can complete the necessary tasks. But in fact, the limitations of mobile phone products and the pursuit of powerful features, leading to this goal is difficult to achieve, so more and more applications began to use user guidance to help users quickly familiar with the product.

First, the text description class

The simplest type of user boot in the first category is the text description class. Help users understand the functionality of the product and the actions needed to perform it in a descriptive way. The text description class user guides several examples of the following figure:

From left to right, Memento, Instapaper and Jamie Oliver.

Menento is a diary program, when you do not add tag to the diary, there will be a text description, tells you that tag is used to browse and search, you can create and edit the diary when creating. Tell you can add a friend to tag, you can add to the geographical location tag, you can add the event as tag, you can create a custom tag;instapaper is a reading tool, when you first open the application, there is no article, this page will have text description, tell you that you can through friends, authors, The browser finds articles that can be read. When you add an article to Instapaper via a browser bookmark or email, the article will show here; Jamie Oliver is a gourmet tool, and if you don't create a gourmet shopping list, this page will remind you how to add shopping list.

Applicable situation:

As smart as you are, you must have found out that the examples mentioned here are in the absence of data. When there is no data, it is a very important occurrence of the text description. Many designers will ignore no data when the interface design, product personnel will also ignore no data, how to guide users to use products, resulting in the user to see the empty panel, whisk.

In fact, the text description can also be used in more than 5s of the boot interface (Splash Screens), can also be used under an action button below, can also be used in a section of data loaded pop-up box. It can be used anywhere you can think of, as long as it's a reasonable design requirement.

Disadvantages:

Of course, the text description of the disadvantage is also obvious, proving of the details of the function, very few people can patiently read, not to mention the boring manual is always Apple products are disgusted with things, so the text description to be cautious, do not abuse.

Design Guide:

• To use the user language rather than the program language
• In the absence of data can be given a text description
• Don't proving, be concise
• You can use the time of waiting to use text to describe the function
• You can describe complex functional operations with a text description

Second, the function reminds class

Because some function design is not conducive to the identification of the icon, some functions hidden in the gesture is not easy to detect, some function is the product main function needs to be known, in this case, more and more applications using function to remind the class of floating layer to do user guidance, such as:

From the right in turn is Tweetbot, QQ address Book and Talkbox

Tweet with the small floating layer with arrows to inform the user, click Navigation bar can switch the attention list; QQ communication with the use of dynamic small floating layer to remind users, slide to the left to show the right side of the hidden screen content; Talkbox with a small animated GIF floating layer tells the user, Put the collection next to your ear and listen to it from your headphones.

Usage scenarios:

Used to inform important functions, unrecognized feature icons, hidden operations that are not easily perceived

Disadvantages:

Sometimes need to remind of too much, often do not start. If your application does not have a clear important function, or careful design, caution with the good. Because you may not be reminded of the user needs, so that novice users at a loss, veteran users feel that you are too superficial. But fortunately such reminders will not interrupt the user's operation, and will not force users to read, but it is precisely because of such reminders fleeting, but also easy to miss, resulting in can not be viewed, so be careful to set a repeat frequency, to avoid being missed.

Design Guide:

• Do not interrupt the operation in progress
• Judge the timing of the need to be reminded
• Continuous 3~5s automatically disappears
• Can repeat around 3 times
• Used to remind hidden operations or important features

[1] [2] [3] [4] Next page