SuperAPI AI 工具集

onboard

设计与创作

查看项目

更新于 10-16 03:17

技能介绍

用途:设计或改进新手引导(onboarding)、空状态与首次使用体验,目标是让用户尽快理解产品、完成关键动作并达到“顿悟时刻”,而不是把所有功能都教一遍。

必要准备:需先调用 /impeccable,其中包含设计原则、反模式与上下文收集协议;若尚无设计上下文,必须先运行 /impeccable teach。此外需收集:希望用户达到的“顿悟时刻”,以及用户的经验水平。

主要能力:评估引导需求(用户目标、困惑点、流失点、经验水平、动机、时间投入、替代品认知、成功指标);按原则设计体验(展示而非讲述、尽量可跳过、缩短到达价值的时间、情境化而非仪式化、尊重用户智力);覆盖初次产品引导(欢迎页、账号设置、核心概念介绍、首次成功)、功能发现与采用(空状态、情境提示、功能公告、渐进式引导)、引导式导览与交互式教程、产品内帮助与文档、空状态设计(首次使用、用户清空、无结果、无权限、错误状态)。

实现要点:可用 Tippy.js、Popper.js 做提示,Intro.js、Shepherd.js、React Joyride 做导览,注意焦点陷阱、ESC 关闭、用 LocalStorage 记录已看状态并接入分析。示例:localStorage.setItem('onboarding-completed', 'true');

限制与禁止:不要强制用户走完冗长引导、不要重复显示同一提示、不要遮挡全部界面、不要做脱离真实产品的独立教程模式、不要一次性灌输过多信息、不要隐藏“跳过”、不要对回访用户重复初次引导。质量验证关注完成时间、理解度、后续动作、跳过率、完成率与到达价值的时间。

适用场景:产品首次使用流程、空状态文案与视觉、功能上线公告、复杂界面的导览与教程设计。具体平台、收费与价格信息暂未提供。