用途
该技能用于设计引导式多步骤路径与向导(Wizard),帮助把本应属于同一段旅程的相关功能,组织成连贯的单一流程,而不是让用户在多个独立页面之间手动跳转。它强调:好的流程应当让用户始终清楚自己在哪里、下一步是什么,并且路径要符合产品的信息层级。
何时引导、何时让用户自由探索
技能提供了一张场景与模式的对照表:
- 有明确终点的线性流程(结账、注册、设置):使用引导式分步流程或向导。
- 适合拆分为多个阶段的复杂任务:使用带进度指示器的向导。
- 在已有产品中发现功能:使用情境化提示或引导标记(coach marks)。
- 用户返回完成此前未完成的事项:使用带有清晰重新进入点的恢复提示。
- 开放式探索(仪表盘、设置):自由导航,不要强制流程。
核心原则是:只有当任务确实存在自然顺序时才进行引导。把非顺序性任务强行做成向导,会让已经知道自己要做什么的用户感到挫败。
向导模式
适用条件:
- 任务包含 3 个或更多顺序步骤;
- 后续步骤依赖前面步骤所做的决定;
- 把所有步骤放在一个屏幕上会让用户不堪重负。
向导结构:
- 步骤指示器(如“第 1 步,共 4 步”);
- 步骤标题;
- 当前步骤的表单内容;
- 返回与继续按钮。
各组成部分的要点:
- 步骤指示器:始终显示用户在序列中的位置以及剩余步骤数。进度条或编号步骤均可;当步骤名称有意义时,编号步骤更清晰。
- 返回导航:始终可用。用户必须能够返回并修改早前的决定,而不丢失后续步骤的进度。
- 前进导航:在当前步骤完成前保持禁用。在“继续”时校验,而不是在最后“提交”时校验。
- 退出路径:明确如何放弃流程而不丢失部分进度。尽可能自动保存草稿。
步骤设计原则:
- 每个步骤只包含一个主要决定或一组输入,不要塞得过满;
- 步骤标题应描述用户的目标,而非系统的动作,例如“您的配送地址”而不是“地址输入”;
- 可选步骤应明确标注且可跳过;
- 最后一步在提交前应显示摘要。
购买与转化流程
购买流程有额外约束:每一个不必要的步骤都会降低转化率,因此要按最短完成路径来设计。
- 每个阶段只收集必需信息,可选信息延后;
- 显示常驻的订单摘要,让用户始终看到自己在买什么;
- 在支付步骤附近展示信任信号(安全标识、退货政策);
- 支付前设置确认步骤:显示总额、配送、商品,做最后一次复核;
- 购买后立即确认并给出清晰的下一步(例如“您的订单已确认,发货后我们会邮件通知您”)。
融入产品层级
引导路径应当让人感觉属于产品本身,而不是打开了一段独立体验。
- 流程内的视觉风格、字体和组件应与产品其余部分一致;
- 流程中可隐藏导航框架(侧边栏、顶部导航)以减少干扰,但品牌页头应保持可见;
- 完成流程后,把用户带回层级中有意义的位置,而不是通用的首页;
- 应支持深链接进入流程:通过邮件链接到达第 3 步的用户应看到第 3 步,而不是第 1 步。
评审清单
- 流程是否有清晰的起点、合理的步骤顺序和明确的终点?
- 每一步是否都可见进度指示器?
- 用户能否返回任意先前步骤而不丢失后续进度?
- 每一步是否聚焦于一个决定或一组输入?
- 步骤标题是否使用用户语言、描述其目标?
- 最后一步是否在不可逆操作前显示摘要?
- 完成后用户是否落在产品中有意义的位置?
- 流程的视觉风格是否与产品其余部分一致?
限制
资料未提供该技能的具体安装方式、运行环境、依赖项、收费模式或平台支持信息,暂未提供。