帮助引导

设计目标

让新用户或新手用户快速熟悉和使用产品，提高任务完成率。

设计原则

• 易懂。文案精准，通俗易懂
• 可见。内容不要过多，明确显示进度
• 可控。在合适的时机出现，可以跳过可以随时忽略

帮助场景

新用户

新用户首次使用产品功能。帮助新用户掌握产品核心功能，了解基本功能流程并轻松上手。

新功能

上线新功能或更新重要功能后，帮助用户及时感知并了解新功能或更新的功能点。

增值功能

引导用户了解并升级增值功能。

更新公告

新版本上线后告知修改点。更新内容文案需要清晰显示功能的「新增」、「优化」等变更类型。 根据每个产品对实际客户的发版周期出现，如在DataSimba中以R版发布为周期显示R版的更新内容。

操作引导

引导用户完成表单填写等任务。

解释说明

对规则、字段名词的解释等，帮助用户熟悉产品语言和规则。

设计模式

设计模式	提示强度	出现位置	触发	提示方式	适用场景
界面	依赖设计	全局	无感知	无需提示	产品层
弹窗（Dialog）	强	全局	进入页面	一次性提示，手动关闭	新用户、新功能、增值功能、更新公告
浮框（Popver）	强	指定对象	进入页面	一次性提示，手动关闭	新用户、新功能
提示条（Alert）	中	全局	进入页面	常驻或手动关闭	新功能、操作引导、解释说明
空状态	中	全局	无内容时	常驻至有内容	增值功能、操作引导
标记	中	指定对象	进入页面	常驻至任务完成	新功能、增值功能
表单	中	指定对象	进入页面	常驻或至输入内容	操作引导
步骤条	中	全局	进入页面	常驻至完成任务	操作引导
文字提示（Tooltip）	弱	指定对象	hover对象	需要时出现	解释说明

提示强度定义

• 强：系统默认；关闭之前不能做任何操作，强制浏览；用户注意力高
• 中：系统默认；关闭前可做其他操作；用户注意力较低
• 弱：由用户意愿主动触发；用户注意力低

界面

用产品界面本身来引导，降低产品的学习门槛，是最佳的功能操作引导方式。


弹窗

展示产品功能、更新公告、帮助引导等。


浮框

关键流程节点引导，用户根据提示完成任务。在操作引导场景时，一般提供「下一步」和「跳过」按钮，点击「下一步」当前步骤消失，下一步引导内容出现。点击「跳过」，整个步骤式引导中断并消失。步骤一般控制在5步以内。


提示条

用于页面中展示重要的提示信息。根据场景可手动关闭不再出现或常驻。


空状态

利用空页面或列表无数据时的空间，提供帮助信息或引导操作。


标记

新功能或增值功能提示，引导点击查看。


表单

在控件内置文案或在控件下方文本提示有效信息，如字数限制、格式、示例等。


步骤条

引导用户按照流程完成任务。当任务复杂或者存在先后关系时，将其分解成一系列步骤，从而简化任务。


文字提示

用于不重要且低频的帮助，如图标解释字段名词规则、置灰按钮提示原因等。


全局规则

• 更新功能的交互均针对当前用户帐号，不影响其他用户帐号
• 新用户进入产品后，只显示新用户引导，不显示更新功能引导
• 更新功能引导中的各类型引导出现时存在先后顺序。在某个页面中出现的顺序从先到后为：版本更新功能引导 > 弹窗/蒙层步骤式 > 浮框/非蒙层步骤式
• 标记和提示条位于页面内部不存在先后顺序

可用性设计评审准则

序号	细则	说明
1	有优秀范例，最佳实践	-
2	典型用户第一次访问，可以完成最常用的任务	-
3	有明显的新功能提示	-
4	有在适当情况下演示常见任务如何操作	-
5	有在线帮助提供一步一步的操作，指导用户完成最重要的操作。	-
6	能在合适的时间，以正确的形式得到帮助	-
7	帮助提示简短明确	如，错误信息应通俗易懂，并提供充足的解释。
8	404页面能引导用户使用其他页面	-
9	用户执行某操作后，提供了良好的反馈	如，进度指示器
10	用户执行危险操作前，有二次确认	如，删除之前提供二次确认
11	错误信息包含下一步该怎么做	如，“登录超时，请重新登录”
12	让用户了解某些操作有不可避免的响应延迟	-
13	tooltip不重复标题/链接的文字，而是提供额外的帮助	-
14	能确保用户的工作不丢失	如，描述有自动保存和恢复，避免用户丢失一次性输入的大量内容
15	允许“撤消”或“重置”	如，编辑器支持“Ctrl+Z”撤消上一步操作