UX 评审 (critique)

UX 评审（critique）

概述

critique 是进行 UX 设计评审的技能。它的核心是：从用户视角评估设计，发现体验问题，提供改进建议。

作为设计师/开发者，你可能遇到过：

• “我觉得这个设计怪怪的，但说不上来为什么”
• “用户说不好用，但不知道哪里不好”
• “设计看起来没问题，但用起来不舒服”

critique 就是解决这些的。

为什么需要 UX 评审

1. 发现隐性问

表面问题（容易发现）：
- 颜色不对
- 布局乱了
- 文字错了

隐性问（需要评审）：
- 用户不知道下一步做什么
- 操作路径不直观
- 心理模型不匹配

2. 验证设计假设

设计假设：
- 用户会先看这里
- 用户知道怎么操作
- 这个设计是直观的

验证方法：
- UX 评审
- 用户测试
- 数据分析

3. 提升用户体验

评审的价值：
- 提前发现问题
- 减少开发返工
- 提升用户满意度

评审维度

1. 视觉层级

定义：用户在页面上注意到信息的顺序和优先级

评估问题：

• 用户第一眼应该看什么？
• 重要信息和次要信息有区分吗？
• 视觉焦点清晰吗？

检查点：

- [ ] 标题是否突出？
- [ ] 重要操作是否明显？
- [ ] 信息是否有优先级？
- [ ] 空白是否引导视线？
- [ ] 视觉节奏是否舒适？

案例：

问题：标题和正文一样大

优化：
- 标题：32px 粗体
- 副标题：20px 中等
- 正文：16px 常规
- 辅助文字：14px 灰色

2. 清晰度

定义：用户能否快速理解界面并完成任务

评估问题：

• 文案是否易懂？
• 操作是否直观？
• 反馈是否及时？
• 错误是否明确？

检查点：

- [ ] 按钮文字说明结果了吗？
- [ ] 标签名称用户能看懂吗？
- [ ] 错误提示说明了问题和解决方式吗？
- [ ] 图标有文字说明吗？
- [ ] 需要帮助时有提示吗？

案例：

问题：按钮写着"提交"

优化：
- 主操作："立即购买"
- 次操作："加入购物车"
- 取消操作："取消"

3. 情感共鸣

定义：用户使用产品时的情感体验

评估问题：

• 设计是否让人愉悦？
• 品牌调性一致吗？
• 细节是否精致？
• 有超出预期的细节吗？

检查点：

- [ ] 整体风格符合品牌吗？
- [ ] 动画流畅自然吗？
- [ ] 加载状态友好吗？
- [ ] 错误状态温和吗？
- [ ] 有让人惊喜的细节吗？

案例：

问题：纯文字的加载状态

优化：
- 添加有趣的动画
- 显示进度百分比
- 展示有趣的事实
- 添加鼓励性文字

4. 交互流程

定义：用户完成任务的操作路径

评估问题：

• 操作路径最短吗？
• 需要多少步完成？
• 可以更简化吗？

检查点：

- [ ] 步骤可以减少吗？
- [ ] 可以默认的不用用户选择？
- [ ] 必要的步骤排序合理吗？
- [ ] 可以用快捷键吗？

5. 一致性

定义：相同场景使用相同设计模式

评估问题：

• 相似功能使用相似设计吗？
• 全局样式一致吗？
• 交互模式一致吗？

检查点：

- [ ] 按钮风格一致？
- [ ] 表单风格一致？
- [ ] 提示风格一致？
- [ ] 导航风格一致？

评审流程

第一步：了解上下文

评审前要了解：
- 产品的目标用户是谁？
- 核心功能是什么？
- 主要使用场景是什么？
- 商业目标是什么？

第二步：快速浏览

第一轮快速浏览：
- 整体印象是什么？
- 有什么明显的问题？
- 有什么优点？

第三步：逐项评审

按照评审维度逐项检查：
- 视觉层级
- 清晰度
- 情感共鸣
- 交互流程
- 一致性

第四步：优先级排序

问题分类：
- P0：必须修复（阻塞使用）
- P1：重要（影响体验）
- P2：改进（可以更好）
- P3：建议（锦上添花）

第五步：输出报告

评审报告包含：
- 问题描述
- 严重程度
- 改进建议
- 参考案例

实践案例

案例 1：登录页 UX 评审

页面：登录页

问题清单：

#	问题	严重程度	建议
1	”用户名”不明确是邮箱还是手机	P0	改为”邮箱/手机号”
2	忘记密码链接颜色和普通链接一样	P1	放到登录按钮下方
3	没有显示注册入口	P1	添加”没有账号？注册”
4	密码输入无反馈	P2	实时显示密码强度
5	登录按钮无Loading状态	P2	点击后显示加载动画

案例 2：电商详情页 UX 评审

页面：产品详情页

问题清单：

#	问题	严重程度	建议
1	价格不突出	P0	放大加粗
2	没有促销信息	P1	添加促销标签
3	库存状态不明显	P1	显示”仅剩X件”
4	看了又看推荐太靠后	P2	移到侧边栏
5	评价入口不明显	P2	添加评分入口

案例 3：表单 UX 评审

页面：注册表单

问题清单：

#	问题	严重程度	建议
1	必填项无标识	P0	添加 * 号
2	错误提示位置不对	P0	字段下方显示
3	没有密码强度提示	P1	实时显示
4	验证码输入体验差	P1	改为6位格子
5	没有隐私条款链接	P2	添加法律链接

与 audit 的区别

这是 Impeccable 中两个容易混淆的技能：

维度	audit	critique
重点	技术质量	用户体验
方面	性能、无障碍、SEO	层级、清晰度、情感
输出	问题清单+技术修复	改进建议+设计优化
视角	工程师视角	设计师/用户视角

简单理解：

• audit = 技术审查（代码层面）
• critique = 体验审查（感觉层面）

速查卡片

评审维度

• 视觉层级
• 清晰度
• 情感共鸣
• 交互流程
• 一致性

评审流程

• 了解上下文
• 快速浏览
• 逐项评审
• 优先级排序
• 输出报告

问题等级

• P0: 阻塞使用
• P1: 影响体验
• P2: 可以更好
• P3: 锦上添花

区别

audit = 技术审查 critique = 体验审查

与其他技能

• audit - 技术质量审计
• design-review - 设计审查
• polish - 打磨细节

---

查看源文件: GitHub原始文件