User guide is an important part of the product definition. In a period of time, it will affect the app's success. Users can achieve a true guide app, of course, make it fail. User guide well done, again and again will attract users to use app.
Through our experience in the design of the app, we conclude that a simple framework, called "Instruction-Action", in order to better understand the user's guide and app design process.
First, let's talk about how we see the user guide in the app.
What the user guide that?
Excellent user guide people feel relaxed. It can demonstrate the value, and can be connected from the "Users expect your product to do what" and "your product can help the user to do anything," the gap between.
Let's imagine:
After weeks of brainstorming, prototyping drawing, design, development, and your app is ready to release, each member of the team of enthusiasm. Time to reveal the answer: your app will succeed?
Whether the new user guiding the process can lead users to quickly recognize that product? Feel the product's core values? Resulting in the desire to stay?
This is our framework come in handy places.
"Instruction-Action" frame is applied strategically guide the user during the two elements :
- Indicator elements
- Action elements
We will now examine the meaning of each group elements.
Indicator elements
Whether comments, model or any other copy, is the use of indicator elements to effectively communicate with the user how to use the app, so that they find their core values.
Some of the most popular indicator elements:
- Start page
(Theme from doctor blade)
- Welcome screen (described function points)
Usually rotation with the function illustrated in FIG point (by the blade prototyping)
- Note
Common comments (prototype produced by the blade)
- Competence
Asking permission class pop (prototype by the ink knife)
- Explanatory template
Explanatory Example pop (prototype by the blade)
If the user can not immediately understand how to make the app, they will not use it again.
Action elements
Hook model Nir Eyal, said user behavior in the product is designed to convince element triggered. Ideally, these elements are a combination of motivation and guidance, so the user has both the power to accomplish, but also know how to do.
在涉及行动元素时，可以考虑一些策略性的设计要素： 比如用明确的“号召行动”，以及适当的视觉效果，来激励用户。即使很小的箭头也会产生很大的影响。主动引导用户，告知他们是在正确的流程上；用户不会去猜在这里是否应该点击、滑动，他的行动是由我们主动鼓励的。
行动元素的例子：
- 登入
- 注册
- 允许访问
- 可操作的提示
app中常见的行动元素示例
在任何给定的用户引导流程中，指示要素和行动要素相辅相成以引导用户去体验产品价值。如何组合这两类要素取决于app界面的目的和用户引导过程的整体逻辑。
app界面的一些典型目的：
- 浏览app的主要功能
- 在app中介绍最佳操作案列
- 收集基本用户设置app的帐户信息，以提供定制化的服务。
- 解释app的功能，且允许用户即刻体验它， 进而使用户感到app有用而有趣。
- 销售app的功能：向人们展示app的功能，并显示他们购买会员可以使用更多更强大的功能。
既然我们把两类元素概念弄明白了，那如何检验评估它们呢？
有时用户在第一次使用app时并没有发现产品的核心价值。因此，用户引导流程的目的是让用户快速认识产品，并产生继续使用的欲望。
基于这一前提，我们意识到产品引导有两个主要的方面
- 产品外部
- 产品内部
产品外部的用户指导
如果没有提前了解产品的相关信息、功能，用户下载和使用app的可能性有多大？接近于零。
用户引导止于用户体验到“啊哈”时刻结束。但这一切都始于他们第一次遇到产品，或者我们喜欢称之为产品外的引导。这种情况通常会在社交媒体、产品网站或应用商店上发现“新”产品时。在第一次遇到这样情况时，用户会产生对产品的期望，并会开始尝试着下载使用产品。
这是产品外部引导的第一步。
当你已经说服用户下载app。他们第一次打开app，这种体验会带来什么？
这是产品外部引导的第2步。
可以使用一些指示元素（很好的视觉效果和文案）和操作元素来引导用户进入app。界面中展示最吸引用户的设计功能，并鼓励用户自己主动去尝试一些功能。
Another approach: clearly inform users to share their own information will get long-term benefits. The use of indicator elements make this intent clear, and direct the user in the right direction using behavioral elements.
If you manage to stimulate user interest and their willingness to try app, then you can continue to design the second major area of the user guide.
Within the product user guide
Once the user opens the app, they'll want to find attracted to their function before the product is an external user guide. You do not want them to get lost, so guide them to begin to function they want to use.
Instagram well explain the benefits of prior permission to access photos and microphone.
User guide should focus on core values to guide the user to feel the product. This product to help them understand how to improve their current work, and fun to use this product. Upon completion of this guide, users will be more inclined to take the initiative to explore the product in the function ~
to sum up
A good app is worth a good user guidance program. Each plan must be clear: not only the product itself, focusing on the core value of the product. Everything starting with the product's features, make a valuable description - whether app advertising guide or user interface.
Herein by the blade translated from Sinziana Chitea of A Framework for Designing a Better User Onboarding Experience
Blade as a prototype design and online collaboration tools, has helped a number of product managers and designers to easily make interactive prototypes to show and validate design ideas, also supports multiplayer collaborative editing, sharing, and comments. The new registered users can get 15 days blade Advanced Enterprise Edition free trial! Began to experience it!