第四章:设计原型用户旅程

用户旅程是连接用户需求与产品方案的桥梁。在Figma中快速验证原型前,必须先定义谁在用、在哪些场景接触、情绪如何波动、任务如何流转。本章通过四个步骤完成原型用户旅程设计:用户画像、接触点、情绪曲线、核心任务流。

4.1 用户画像:定义核心角色

用户画像是所有后续设计的基础。在需求验证阶段,画像应当聚焦于目标用户的行为特征、核心目标和痛点,避免包含无关的年龄、职业等基本信息。使用以下表格整理画像要素:

画像属性说明示例(知识付费平台)
角色标签一句话概括身份“碎片化学习上班族”
核心目标使用产品要完成的任务每天花15分钟听完一节干货音频
关键痛点当前遇到的障碍没时间找课程、内容太长、记不住
使用场景何时、何地、如何触发通勤地铁、午休前、微信推文链接
数字化习惯常用设备和工具手机端、偏好音频、微信支付
提示:在Figma中为每个画板创建独立用户画像卡片,使用组件库统一字体和颜色,方便后期协同修改。

4.2 接触点:识别交互时刻

接触点是用户与产品发生交互的每个环节。列出一级接触点清单,并按用户旅程阶段分组:

  • 认知阶段:看到广告、朋友推荐、社交媒体帖子
  • 考虑阶段:浏览首页、查看课程详情、阅读评价
  • 使用阶段:注册登录、搜索课程、播放音频、做笔记
  • 完成阶段:完成学习、获得证书、分享成就
  • 后续阶段:收到推送、续费、推荐给他人

每个接触点需要标注渠道(手机/PC)、交互方式(点击/滑动/语音)、预期反馈(加载动画/跳转/提示)。Figma原型中,接触点对应具体的交互组件或页面跳转热区。

4.3 情绪曲线:量化体验质量

情绪曲线反映用户在每个接触点上的心理感受。使用3级量表(高、中、低)评估,并识别低谷点和高潮点。情绪低落处往往是改进机会,也是原型验证的重点测试目标。

注意:不要主观臆断情绪值,必须通过用户访谈或可用性测试获取原始数据。初版情绪曲线可以基于用户画像中的痛点做合理假设,但必须在验证环节更新。

4.4 核心任务流:绘制关键路径

核心任务流是用户完成最重要目标的步骤序列。以“上班族快速听一节音频”为例,核心任务流为:

  1. 从微信推文点击链接 → 2. 落地页展示课程详情 → 3. 一键点击“开始试听” → 4. 自动播放30秒精华 → 5. 底部出现“订阅全部”按钮 → 6. 微信支付完成 → 7. 自动播放完整音频

将任务流转化为Figma原型中的主流程画板,每个步骤对应一个画板页,并用箭头连接。辅助细节(如错误提示、加载态、空状态)可放入分支画板中,但主流程必须保持线性清晰。

交付物模板:创建三个Figma页面——「用户画像」「接触点矩阵」「核心任务流」。其中接触点矩阵使用表格组件,每行一个接触点,列包括阶段、渠道、交互方式、预期情绪。
用户旅程图:情绪曲线与核心节点 用户旅程:知识付费平台“快速听”流程 认知 考虑 使用 完成 后续 情绪高 情绪中 情绪低 微信推文 落地页详情 一键试听 支付订阅 自动播放 情绪低谷:被广告打扰

图中红色虚线为情绪曲线,可以看到“支付订阅”环节因支付流程繁琐导致情绪下降。在Figma原型中,需重点优化支付页面的交互流畅度,并在验证环节设计专门的任务测试。