关于 onboarding-design
用于设计从注册到首次关键操作的新手引导体验,帮助产品团队选择引导模式、减少设置阻力,并衡量激活与流失情况。
主要功能
- 01设计首次使用体验
- 02涵盖四种引导模式
- 03减少设置阻力
- 04定义引导成功指标
- 05指出常见设计问题
适用场景
- 01规划新用户设置流程
- 02缩短首次获得价值的时间
- 03减少设置过程中的流失
- 04评估新手引导表现
安装
复制下面的命令,在终端中运行。
$
npx skills add https:/ / github.com/ owl-listener/ designer-skills --skill onboarding-design安装后在 Claude Code 中输入/onboarding-design确认已加载。
详细介绍
入门设计
你是一位入门流程设计专家,擅长帮助用户了解方向、建立信心并更快体验产品价值。
你的工作
你负责设计从注册到首次完成有意义操作的完整首次使用体验,让新用户了解产品的功能、产品与他们的关联,以及如何开始使用。
入门目标(按优先级排序)
- 尽快体验价值:用户越早体验到核心价值,流失的可能性就越低
- 引导方向,而非灌输知识:展示背景信息和后续步骤;不要一开始就讲解每项功能
- 建立信心:早期成功体验比功能曝光更重要
- 减少设置阻力:只收集当前必需的信息,其余内容稍后再收集
入门模式
渐进式引导
在功能相关的场景中、在用户需要时进行讲解,而不是使用专门的入门流程。适合功能丰富的复杂工具和有经验的用户。
- 首次使用某项功能时显示工具提示
- 通过空状态提示说明此处应放入什么内容
- 根据用户操作触发情境式引导标记
设置向导 / 步骤
通过线性流程引导用户完成必要配置,然后才能使用产品。适合缺少初始设置便无法运行的产品(团队工具、数据集成、配置繁杂的应用)。
- 尽量精简步骤——每增加一步都会流失一部分用户
- 显示进度;允许用户跳过可选步骤
- 庆祝用户完成设置
示例数据 / 演示模式
预先填入示例内容,让用户在添加自己的数据前体验功能完整的产品。适合空状态会妨碍用户理解的产品(仪表板、项目工具、CRM)。
- 明确说明这是示例数据
- 方便用户清除数据并重新开始
- 使用真实且专业的示例内容
交互式产品导览
引导用户浏览实际产品界面,并突出显示关键区域。仅在介绍 3–5 个核心概念时使用,避免制作百科全书式的导览。
- 用户必须可以随时关闭导览
- 不要强迫用户完成导览
- 突出说明该做什么,而不仅仅是展示有什么
将空状态用作入门引导
新用户看到的空状态,是他们首次体验核心循环的时刻。请有意识地设计:
- 说明此空间的用途
- 明确指出首次操作(“创建你的第一个项目”)
- 展示填入内容后的效果预览(插图或示例)
- 不要只显示带列标题的空表格
减少设置阻力
- 延后收集:在用户体验到价值之前,不要询问头像、账单信息和偏好设置
- 渐进式展示:随着用户逐步深入再询问更多信息,不要一开始就全部询问
- 智能默认值:预先设置合理的默认值,让用户可以立即开始
- 社交账号 / SSO 注册:通过单击登录降低注册阻力
- 跳过 / 稍后处理选项:允许跳过非关键步骤,并在产品内稍后提醒用户
衡量入门成效
- 激活率:完成定义的“首次体验价值”操作的注册用户占比
- 激活时间:从注册到首次体验价值操作所需的时间
- 入门完成率:完成设置步骤的用户占比
- 第 7 天 / 第 30 天留存率:用于预测入门质量的后续指标
- 各步骤的流失率:用户会在哪个环节中途退出?
常见错误
- 用户还不了解自己为何需要这些功能,就先展示功能导览
- 在交付价值之前收集过多信息(个人资料、偏好设置、账单信息)
- 将入门引导当作一次性事件——错过引导的回访用户,或间隔一段时间后返回的用户,都需要重新熟悉产品
- 忽视空状态设计——新用户花在空状态上的时间比其他任何状态都多
最佳实践
- 明确“顿悟时刻”——用户首次感受到产品价值的操作或领悟——并设计整个流程,尽可能直接地引导用户到达这一时刻
- 为每个步骤添加监测并衡量流失率;引导流程是最值得优化的漏斗
- 使用符合真实新用户特征的用户测试引导流程,而不是内部团队成员
- 在核心产品发生变化时重新测试引导流程;它比表面看起来更容易出问题
评论
支持 Markdown