Tutorial Opportunity: Open application that appears tutorial is a good way to interact?

Editor's note: "I think this is a lot of applications have not dealt with the two problems, most of the application, now still using the ' splash form, content for the function introduction, the opportunity is applied when open ' this way to show tutorial, in my view, this is wrong on the wrong. "When should tutorial come out and in what form?" Listen to the idea of the Android product manager Dai. This article originally contained in Dai's blog, by its authorization reprint. I do design before, first of all, we will apply the potential users of the class, the general application of the user is divided into the following categories: Expert users of regular users of small white users for the rice, it's user distribution is what? No matter what market means the company attracts, it's not a matter of great concern to me, I am more concerned about, through the introduction of the various channels of new users, can be precipitated by the composition of the user is what? The main positioning of the food or consumer capacity of high-end users, such as the characteristics of users? A certain amount of consumer power-> cell phone is not too rubbish to taste the food-> Corresponding to the individual's ability to understand relatively strong prefer to take photos and record food-> have the corresponding composition ability, have a certain understanding of the graphics (slightly far-fetched) in order to enable us through the channel to obtain the user and the final precipitation of the user will not be too big deviation, we will choose with our users constitute close to the channel to start the promotion, That's why we chose pea pods in October instead of 360. Through the above analysis of the composition of the user, the general conclusion is that our User Center will favor the second type above, small white user relatively less, in fact, in my personal design style, I would almost not consider small white users, because in my opinion, they are the content of low quality and the source of post-customer pressure, In order to ensure the high quality of the application, I do not want to spend too much energy to teach users how to learn from scratch, but is willing to have a certain cognitive ability of the user to properly guide, so that they know how to operate the rice, but also the operation of Android should be the way. The above is the basic starting point of my design Tutorial, of course, this is also due to the rice such a special and non-public product type decision, if it is a need to include the majority of the application of the crowd, under the performance pressure, I said above words will also be swallowed in my belly. Then there are two questions to solve: When will tutorial come out? I think this is a lot of applications have not dealt with two issues, most applications, now still in the "splash form, content for the function of the introduction, the timing is when the application opened" This way to show tutorial, in my view, it is wrong to add wrong. So what's the downside? Whether the user has just installed the application or after the upgrade to open the application, the user of the application of the function or upgrade the new features are not very understanding, this time into the application is aFeatures of the splash display in the eyes of the user, it is a little bit confusing, I think splash this kind of manifestation is the user's senses and our application before an invisible wall, is an obstruction measures, said the image of a bit, like into a restaurant to eat, before the waiter handed you the menu, First pass to your restaurant floor plan, above tells you "here is the restroom", "Here is the small material to ask for a place", "Here is the front desk", cannot order the meal to finish? It really hurts, can't you tell me where the bathroom is when I need to go to the bathroom? That's what I'm talking about, "the timing of tutorial." : When users encounter problems, appropriate to give tips and guidance, I think this is the most ideal situation, this design idea also runs through the design of the rice. (Yes, the new version of Google Translate up to 31 pages of Tutorial painting is very simple and understandable, but I also have a "read should give me an achievement" feeling) The following screenshot shows the Tutorial used in the meal: first is the tip of the drawer, although Google In the official document, in order to make the user aware of the existence of the drawer element, recommended in the first entry application is the default open drawer, until the user successfully exhaled a drawer, but I think for domestic users this is not enough, we need a slightly enhanced Tutorial, so after the user turned off the drawer, from Action Bar The lower part of the slide out of a hint box, two of blue indicator elements are coming out, this animation is not only to make the animation more hierarchical and sequential sense, but also important to attract the attention of users, in the absence of the premise of user discomfort. As shown above, the first blue sign clearly points to the small hamburger icon in the drawer, and the second icon is modeled after the Evernote, indicating that it can slide in from the edge of the screen, which is the guide to the drawer, and for someone to ask why there is a second hint, yes, that is to write the content of that hint Although the interactive design should give users the greatest support and help, but as I said earlier, for this icon do not know the user you do not use, even if you do not know, Dot also roughly know what the meaning of it, do not know? Please uninstall the rice, this is my way of thinking, I do not want to serve the small white user, However, I cannot ignore the opinions raised by the senior executives of the company. (The two tips can be switched by clicking on the lower right corner of the ">" to switch, but also can be directly around) next is the introduction of the comments page: I think the split action Bar on Android to add text will make me feel very strange and not concise, yes, Google + The following four black and hard icons also make me feel ugly, but do not add text is really a problem, what does each icon mean? This is what we need to convey, and I think there are a few questions to consider here. There are hints to tell usersWhat does the icon mean? The user can notice that this prompts the user to receive the information to be very easy to convert to memory on the first problem of the solution, as previously said, I abandoned the idea of putting words under the icon, and to adopt a Tutorial form, the second problem is this Tutorial In the way of animation, the application is to use four of the size of the bubble from the split action bar gradually rising, and the animation of the increase in opacity, animation will attract the attention of users, so as to tell users what each button is what the meaning of the role; What I'm looking for is not the user seeing these tips to understand what these buttons do, here again need to use their cognitive basis-the understanding of graphics, a normal user, the "five-pointed stars is a collection", "thumb is praise", "three points is to share" should not have problems, so, after the hint came out, Users sweep a glance, see most of the expected text, and for more difficult to understand the icon or the special icon of rice to understand the text can be quickly understood, this is the rice this detail page tutorial design ideas, based on the user's knowledge on the basis of the prompt guidance. Finally, I'll introduce the tips for adding a comment interface to the meal: this interface is quite a lot, I did not hesitate to remove the explanatory text, as with the details page, the use of easy to understand the icon, plus the form of Tutorial, but here the display form can not be like the details page of the use of black bubbles, because the space is not allowed, Two is four black bubbles in such a crowded interface will bring the user a certain visual burden, so this page Tutorial theme is – light! This tip is light enough to give the user a sense of oppression even in such a narrow interface, so I used the hint form in the Android native camera Vertical lines give people a direct and reliable feeling, and connect the description text and the corresponding icon, scattered display of text, save space, and not rigid. There are animations similar to the appearance of the detail page, rising from bottom to top, and increasing the opacity to 100% in turn, enough to arouse the user's attention. Finally need to explain a point, in order to avoid users in the application to read the instructions like Tutorial, so I use this timely appearance of the decentralized Tutorial, but there is a disadvantage is that the interface is not the same, leading to Tutorial appearance, presentation form will be different, This results in the application of internal Tutorial inconsistent split problem, then need to stand in the perspective of the overall situation, so that these Tutorial have consistency, rice is the use of the unified way is to adopt the way of sliding, in the dynamic to achieve unity, but the unity of the vision has not done enough. Basically here, the rice in the Tutorial used in the introduction, as the beginning of the article said, I designed the Tutorial is notEducate users from zero, but in the user's cognitive basis for guidance and help, and timely appearance, this is what I think good Tutorial.