UX 优化：用数据改善用户体验

UX 优化是持续找出用户在网站或 App 上卡在哪里、去掉这些阻力的过程。本文列出值得跟踪的 UX 指标、十个改善用户体验的方法、「量—改—再量」的循环，以及一张注册表单：三处分开上线的改动让完成率从 57% 升到 73%。

什么是 UX 优化？

UX 优化（用户体验优化）是持续找出用户在网站或 App 上卡在哪里、把这些阻力去掉的过程，让他们更快、更多地完成目标。它由数据驱动：量一个基线，找出最大的阻力点，改一处，再量。UX 审计是一次性的检查，UX 优化是审计之后一直运转的循环。

好的 UX 优化改善的是能数出来的结果：任务完成率、转化、完成用时、错误、咨询量和留存。「看起来更清爽」不算结果。

为什么值得改善用户体验

• 阻力会叠加。 每个让人困惑的步骤都会流失一部分用户，五步的流程会把这些损失乘起来。
• 速度也是体验。 响应慢、布局跳动是最常见的抱怨之一，而且都能量化。
• 客服成本下降。 每设计掉一个「怎么做」的问题，团队就少回答一次。
• 留存随之提高。 能让人快速感受到价值的产品，留住的人更多。

要跟踪的 UX 指标

改善用户体验的十个方法

1. 首屏就回答这次访问的问题。 标题要对上把人带来的搜索词或广告。
2. 把速度当成设计要求。 第 75 百分位 LCP 在 2.5 秒内、INP 在 200 毫秒内、CLS 低于 0.1。
3. 简化导航。 用访客自己的说法；顶层菜单少而可预期。
4. 缩短表单。 去掉可选字段，用对输入类型，即时校验，错误提示放在字段旁。
5. 每个操作都给反馈。 加载状态、成功提示，禁用状态要说明原因。
6. 能点的看起来能点，不能点的别像能点。
7. 为拇指设计。 点击区域够大，主要操作伸手可及，不出现横向滚动。
8. 为扫读而写。 短段落、说清内容的小标题，对比用表格。
9. 把无障碍做进去。 对比度、键盘操作、标签、焦点顺序，对所有人都有帮助。
10. 在犹豫的地方提供帮助。 行内提示、常见问题链接，或在价格页、结账页放客服入口。

UX 优化的循环

1. 量基线

挑出重要的流程，按设备记录四周的完成率、用时、错误和阻力信号。

2. 找最大的阻力点

用漏斗找到流失最多的一步，再用热图、回放和客服对话看原因。

3. 提出假设

写下来：「用户到支付才看到运费，在购物车里显示运费，会减少支付步骤的退出。」

4. 改一处

上线能验证这个假设的最小改动，并标注上线日期。

5. 再量

用前后相同的星期几对比，流量够就做 A/B 实验。指标真的变了才保留。

6. 重复

下一个最大的阻力点就是新的目标。

然后对下一个最大阻力点重复。

计算示例：一张注册表单

某 SaaS 的注册表单（示例数据）有七个字段。四周里 4,000 人开始填写，2,280 人填完，完成率 57%。

完成率从 57% 升到 73%：同样 4,000 次开始填写，每月多出约 640 个账号。每处改动都单独上线、单独度量两周。

常见错误

• 改版代替修复。 大改版会让之前的经验归零，还常常带来新问题。
• 为点击优化，而不是为完成优化。 按钮点击变多了，任务还是失败，就不算成功。
• 没有数据就照搬别人的做法。 大型零售网站管用的做法，不一定适合你的用户。
• 忽略手机和慢设备。 用你的用户真实的硬件和网络测试。
• 改得太频繁。 不停地改会让老用户困惑，结果也没法解读。

在 TapCub 里做 UX 优化

• 找到那一步： 漏斗和路径分析显示用户在哪流失、转去了哪里。
• 看到原因： 点击和滚动热图、狂点、JavaScript 错误和会话回放（默认关闭；开启后默认采样 10%，输入内容打码）。
• 量速度： 按页面和设备看真实用户的 Core Web Vitals。
• 听用户说： 在线客服对话会关联访客浏览的页面。
• 标注改动： 在上线日期添加图表标注，让前后对比更可信。

另见 UX 指标、UX 分析和 UX 审计。

常见问题

UX 优化和转化率优化有什么区别？ 转化率优化聚焦在特定页面或漏斗上提升转化；UX 优化范围更广，改善的是用户想完成的任何任务，包括找帮助、管理账号这类不直接算转化的任务。

怎么衡量用户体验？ 把行为指标（完成率、用时、错误、狂点）、速度指标（Core Web Vitals）和态度指标（SUS、满意度问卷）结合起来。

UX 优化一定要做 A/B 实验吗？ 流量大的流程上很有帮助。网站流量小的话，用前后相同日期对比，再用回放和客服数据佐证。

多久做一次 UX 优化？ 持续做，一次改一处，每月复查一次关键流程。

参考资料

• Nielsen Norman Group：十大可用性原则
• MeasuringU：用系统可用性量表（SUS）衡量可用性
• web.dev：Web Vitals