【UI设计】新手引导竟然有这么多形式！

动画\视频引导页相比静态引导页更加生动有趣的进行引导。例如京东到家采用插画+动效，简明有趣地演示了APP最吸引用户的几个点。

1.2 开屏页

开屏页是应用每次冷启动过程中展示给用户的一个过渡页面，用于缓减用户打开应用时等待过程的焦虑情绪。

开屏页设计时通常运用品牌元素（logo、产品名称、slogan、IP形象等）强化用户对产品的认知。闪屏设计多数较为精简，不宜内容太多太过复杂，也不宜经常更换，打断用户对品牌的认知记忆。

1.3 登录页

登录页引导是将新手引导可与登录入口融合，引导用户进行登录注册。Soul的做法就是将产品特点用动图的形式展示在登录入口背景里，在宣传产品同时吸引用户登录注册。

2.过程中引导

在用户正式进入产品并使用产品的过程中出现，过程中引导常用于介绍产品怎样用，指引功能正确使用方法。过程中引导的核心目的是：介绍产品怎么用。过程中引导的形式灵活多变，需要设计师根据实际情况选取恰当的引导样式，并在合适的时机和位置给予引导。

2.1 覆盖式引导

覆盖式引导是在用户打开新页面时覆盖在界面上的一种形式，常见样式有弹窗、气泡和蒙层。

气泡引导：用户初次进入页面时，在操作区域旁边弹出一个配有箭头的气泡浮层；此类引导目的指向性强，对用户的干扰小。气泡引导包含纯注释类气泡和特色功能气泡，通常纯注释类气泡需含“关闭”或“我知道了”按钮，特色功能可无关闭按钮。常用于：新功能上线、引导使用某功能、告知用户一些隐藏菜单的内容等。

蒙层引导：指产品的整个界面上方用一个黑色半透明蒙层进行遮罩，蒙层上方对界面进行圈注，旁边配以手势、文字、符号、插画等。这种引导方式可以让用户聚焦了解被圈注的功能点或手势说明，不被页面中其他的元素所干扰，包含单页引导和步进式引导。

单页蒙层适用于新功能介绍、功能位置的变动、操作方式说明、特定的交互手势说明、隐藏较深的待触发功能，界面的整体结构等。

步进制蒙层引导相较于单层蒙层引导由浅到深地引导用户进行操作。常用于界面相对复杂或完整交互流程较长的工具类产品，带领用户快速了解功能的位置，让用户以最短路径体验完整操作流程。

弹窗引导：作为一种强引导，多采用Dialog对话框的形式。

弹窗引导属于强阻断性的，需要用户点击才会消失，使用该形式的引导时应仔细考虑舍与得，牺牲部分体验的同时希望向用户传达什么，达成什么样的效果。

2.2 嵌入式引导

嵌入式引导将引导内容直接嵌入到界面，可以嵌入到状态栏、导航栏或主体信息流中，让引导成为产品的一部分。常见的样式徽标引导、空态引导等。

徽标引导：徽标俗称“红点”是非常强大的引导用户前往某个地方和提醒用户处理信息的方式。

数字徽标：带数字的徽标用在出现的频率高且需要提醒用户做出操作的地方，例如新消息的提示，通知，评价的数量等等；面对个位、十位及十位+情况作出兼容形式，数字极大值需控制在“99+”。

纯徽标：出现在频率低且需要用户处理或查看的地方，适用于目的性非常强的事件；引导用户前往某一地方查看到达最终路径处理或查看后一起消失。“New”等也是徽标的变形，但这类徽标一般用于应用更新后首次出现时的提示作用，之后不再出现。

空态引导：在很多产品中也是一种常见的状态，空状态常用于异常状态提示，引导用户接下来可以做什么。

空的界面会让用户感到手足无措，不知道如何进行下一步，那么如何“变废为宝”呢？正确的做法是：加以正确的指引，推动用户进行下一步操作来填充界面。

信息提示条预置内容：例如flomo便签就是将便签基本功能介绍写在预置内容中，用户可以直观感知真实便签使用效果。

2.3 互动引导

互动式引导是用户在使用过程中出现在产品交互过程中的一种引导方式。如：录入语音时，在语音器上提示“手指上滑，取消发送”，取消发送后会提示取消结果；刷新页面时，在下拉到某一位置时会提示释放刷新，刷新成功后提示刷新结果等。

2.4 对话式引导

常用于收集信息，以对话形式自然互动逐步收集必须信息，比枯燥的表单录入更亲切。像是淘宝客服咨询结束时使用对话的方式引导用户提供客服评价，以更为自然的方式收集用户的评价。

2.5 教学式引导

会结合产品实际使用场景，一步一步地引导你进行操作，鼓励用户参与其中，边学边用。这种方式很容易让用户沉浸其中、快速学习，并且因为有及时的操作反馈，所以用户很容易获得强烈的成就感。

这种引导方式常见于游戏类产品，游戏是多样化的，相比较其他产品而言，用户学习接受的复杂程度要高一些，即时教育式的引导，可以让用户边学边玩，并且能够实时的得到产品反馈，加速对产品的理解。

三、新手引导注意项

文案精准，通俗易懂

人的短时记忆有限，通常最多只能记得9个。所以，引导设计字数过多，容易让用户产生遗忘或记忆偏差。所以引导设计的文案要简短精准，排版要突出重点，才吸引用户的注意力，迅速理解你所要表达的意思。

适时出现

要保留用户自行探索产品的乐趣，不打扰用户的行为路径，只在关键的时候出现帮助用户。

风格有趣、有个性

有趣的内容可以让用户更自然的去体验产品，不知觉中走完流程。

进程可见，引导可跳过

进程可见可以让用户时刻了解当前的位置从而避免产生焦虑感；跳过引导可以让用户去自主探索产品，一方面因为当前大部分产品趋向于规整化，同类型产品的形式流程相似度较高，用户已经有了操作惯性；另一方面相对于被动接受引导，用户更倾向于主动去探索产品，不太会去care引导页信息。

反馈要及时

在用户与引导信息进行交互时，一定要给到及时的反馈，比如涉及到利益点的东西要让用户知道自己获得了什么，怎样去领取，同时在情感上去认可用户。

四、结语

很多情况下，“引导设计“的内容是用户对产品的第一印象，哪怕是一个小环节设计不到位，也会带来不好的使用体验。我们在做“新手引导”的时候，需要拿出产品思维、数据思维和打磨产品的耐性，追求更好的用户体验。返回搜狐，查看更多