第 12 课：UI/UX 设计协作
设计原则与用户体验
好的设计不是"好看"，而是"好用"。一个漂亮的界面如果用户不知道该点哪里，那就是坏设计。
几个核心设计原则：
一致性——同一个产品里，相同的功能用相同的交互方式。删除按钮在所有页面的位置和样式保持一致。不一致会让用户困惑："这个删除和那个删除是同一个意思吗？"
反馈——用户的每一个操作都应该有明确的反馈。点击按钮后有 loading 状态，提交成功后有成功提示，操作失败后有错误说明。没有反馈的操作让用户焦虑："我刚才点了吗？生效了吗？"
层次——重要的信息和操作要突出，次要的弱化。页面上所有元素一样显眼 = 没有重点 = 用户不知道该看哪里。
容错——让用户不容易犯错，犯错了也容易恢复。删除前弹出确认，表单输入有校验提示，操作可以撤销。
与设计师的沟通语言
产品经理和设计师的沟通障碍，往往不是因为观点不同，而是语言不同。
产品经理习惯说："这里加个按钮""这个字放大一点""颜色换成蓝色"。
设计师听到的："随便放个按钮""字大就行""蓝色是什么蓝"。
更有效的沟通方式：
| 产品经理的直觉表达 | 更好的沟通方式 |
|---|---|
| 加个按钮 | 用户在这里需要一个操作入口，优先级是中 |
| 字放大一点 | 这是页面的核心信息，需要用户第一眼看到 |
| 颜色换一下 | 当前配色在这个场景下不够醒目/区分度不够 |
| 排版不好看 | 用户需要快速扫描信息，当前布局阅读效率低 |
区别在哪？前者告诉设计师"怎么做"，后者告诉设计师"为什么"和"要达到什么效果"。好的设计师拿到"为什么"和"效果目标"后，能给出比"加个按钮"更好的方案。
设计评审的关注点
设计评审不是评"好看不好看"，而是评"能不能解决问题"。
评审设计时关注这些问题：
1. 任务完成度
- 用户能不能顺畅地完成核心任务？
- 有没有不必要的步骤或认知负担？
2. 信息层次
- 页面上最重要的信息是什么？它是否足够突出？
- 用户的视线自然会落在哪？是你希望的位置吗？
3. 一致性
- 和产品其他页面的交互方式一致吗？
- 术语、图标、颜色的使用一致吗？
4. 边界情况
- 数据为空时怎么展示？
- 长文本怎么处理？
- 不同屏幕尺寸下布局是否合理？
5. 可访问性
- 色彩对比度够不够？
- 字号是否过小？
- 有没有只依赖颜色传达的信息？
产品即故事
好的产品体验是一个连贯的故事：用户有一个目标，遇到了障碍，产品帮他跨越障碍，最终达成目标。
设计的任务就是让这个故事流畅地展开——每一屏是故事的一个场景，每一次交互是故事的一个转折。如果用户在某个页面不知道该做什么，就像故事突然断了线。
这就是为什么用故事思维来做设计评审比用功能清单更有效：功能清单检查"有没有"，故事思维检查"通不通"。
关键概念
- 好设计 = 好用：一致性、反馈、层次、容错
- 告诉设计师"为什么"而非"怎么做"：效果目标比具体指令更有用
- 设计评审看"通不通"而非"好看不好看"：任务完成度、信息层次、一致性、边界情况
课后练习
- 评审一个页面设计——用本课的五个关注点逐一检查，写出改进建议
- 用设计师能理解的语言（"为什么"+"效果目标"）描述你 PRD 中的一个 UI 需求