一个简单的新手引导流程的出现，不仅能让新手用户更快、更准确的适应产品的这些新变化，还将给用户留下良好的之一印象。一个好的新手引导流程可以让访客一眼明白如何开始、进行和结束产品的体验和交互流程。

写在前面

不管是老用户还是新用户，在发布新版本、有新功能上线、或是现有功能更新的场景下，都属于“新手用户”。

新手引导流程是将新手用户融入到产品中的设计，优质的引导设计可以让访客与系统进行深入的交互。

一个简单的新手引导流程的出现，不仅能让新手用户更快、更准确的适应产品的这些新变化，还将给用户留下良好的之一印象。一个好的新手引导流程可以让访客一眼明白如何开始、进行和结束产品的体验和交互流程。

引导设计分类

（1）全局概览式引导

（2）功能操作引导

蒙版说明引导

弹窗引导

气泡引导

DIV提示引导

全局概览式引导

全局概览一般出现在用户“之一次启动产品”时，或用户“完成有效的身份认证之前”的每次登陆时。

移动端一般以引导页为主要表现形式，PC端一般以弹窗式引导页为主要表现形式，用户可通过“左右滑动”、“点击下一步/上一步”或“自动播放相应流程视频”等，对产品的核心功能有个大致的了解。

关键点：

在全局概览的引导设计中，要给老用户或想立马上手的新用户设计一个可以跳过引导直接使用产品的入口，更好提供一个可以实时反馈给用户引导流程进度的线索，让用户能有意识的作出对相应操作的判断；

在内容或文案上，强调核心功能的同时，要保证其足够简洁，用户并没有太多耐心查看过多的文字或描述，此外，尽可能的提供一份能吸引眼球的文案，让用户觉得虽然是与生硬的产品进行交互，但感受依然是生动和有趣的；

更好可通过场景化的动画/插画，配以简洁的描述性文字，来介绍产品及其核心功能，加强引导的效果，提高引导的效率，注意动画时长要尽可能简短；

一次展示一个特性，如一个引导页或动画只介绍一个功能。

功能操作引导

功能操作引导是针对当前页面，或某一个特定的功能所进行的引导说明，目的是在当前模块快速了解当前页面或快速上手相应的功能。

常见的形式有：

蒙版说明引导

弹窗引导

气泡引导

DIV提示引导

1. 蒙版说明引导

“蒙版说明”这一引导方式，一般出现在用户之一次进入相应页面时，与页面强关联。

顺序以操作的先后顺序或信息的主次程度来排列（除特殊场景外，不建议同时显示多个点的提示/说明），前后之间可辅以动画，也可通过对出现次数的记录或用户主动选择“不再提醒”，来记录显示状态。

因在引导完成之前无法进行其他操作，所以需提供跳过引导/退出引导的操作。

蒙版通常为半透明状，如60%透明度的#000000，需保证其上的文字、箭头、插画、操作等清晰可见。

2. 弹窗引导

“弹窗引导”通常依然会以半透明的蒙版增加对比度。

除了基础的介绍功能外，还负责预测并引导用户下一步操作或前往某些特定的页面，如移动端与系统权限相关的“打开相应权限”或WEB端常用的“解冻账户”等。

弹窗引导整体性较强，权重较高足够引起用户注意，可根据内容形式及内容多少调整大小，可以满足较多场景下的引导。但是，弹窗的出现属于强制跳出用户当前心流的操作，对于该形式的使用要做好评估，并提供“关闭”等功能。

特别需要注意的一点是，避免多层弹窗嵌套情况的发生。

3. 气泡引导

“气泡引导”用于突出显示页面特定部分的重要提示，使用它来引导用户注意相关的可能容易错过的元素信息。

以”气泡“形式出现在需要引导或提示的元素旁，指向性更强，同时又不会强行打断目前用户的操作流程（尺寸不易过大， 不能影响查看或操作其他重要元素）。

主要作为相关功能入口的引导或预测用户行为（如微信中预测用户可能会发送最新照片/图片的功能）。

气泡引导在设计中最为重要的一点是“如何消失”，这个问题有两种解决方案：