用途:设计或改进产品的新手引导(onboarding)、空状态和首次使用体验,目标是让用户尽快到达“顿悟时刻”并理解产品价值。
主要能力:评估引导需求(用户目标、困惑点、流失点、成功标准);按核心原则设计体验,包括“展示而非讲述”、渐进式披露、可跳过、缩短到达价值的时间、在需要时提供上下文提示、尊重用户智力。可覆盖初次产品引导(欢迎页、账号设置、核心概念介绍、首次成功)、功能发现与采纳(空状态、上下文提示、新功能公告、渐进式引导)、引导式导览与交互式教程、产品内帮助与文档、空状态设计(首次使用、用户清空、无结果、无权限、错误状态)以及实现模式(提示库、导览库、模态、进度跟踪、分析)。
使用方式:按资料中的评估步骤先明确用户要学什么、为何学、成功标准,再选择对应引导形式;实现时可参考 Tippy.js、Popper.js、Intro.js、Shepherd.js、React Joyride 等库,并用 localStorage 记录已看状态,例如 localStorage.setItem('onboarding-completed', 'true'); 与 localStorage.setItem('feature-tooltip-seen-reports', 'true');。
适用场景:新产品首次使用、复杂界面导览、功能发布公告、空状态优化、交互式练习等。
限制与禁忌:不要强制用户完成冗长引导、不要重复显示同一提示、不要用显而易见的解释说教、不要在导览中屏蔽全部界面、不要创建脱离真实产品的独立教程模式、不要一次性堆砌信息、不要隐藏“跳过”、不要忘记回访用户。验证时关注完成时间、理解度、后续行动、跳过率、完成率和到达价值的时间。具体平台、收费与价格信息暂未提供。