产品设计的九字真言

1. 《我们如何工作》-
产品经理和工程师如何有效沟通
Tony Deng
https://tonydeng.github.io
https://twitter.com/wolfdeng

2. 视频来源：https://www.bilibili.com/video/av1032809/

3. 视频来源：https://www.bilibili.com/video/av1032809/

4. 平安打架门

5. 产品经理和工程师的价值和基
本能力？

6. 价值： 保证团队产出的价值
能力： 让人听明白
价值： 保障产品输出的质量
能力： 让机器听明白

7. 价值： 保证团队产出的价值
能力： 让人听明白
价值： 保障产品输出的质量
能力： 让机器听明白
应该是一个协同进化的关系

8. 产品汪和程序猿的现状

9. 比如，想不通的.......

10. 比如，比较暴力的……
产品经理改需求惨遭囚禁凌虐

11. 或者，如此求解的......

12. 感觉整个互联网行业，甚至IT圈都在上演产品经理和程序员的“恩怨情仇”，堪比各
大影院之前上映的迪士尼大片《疯狂动物城》

13. 矛盾如何产生？

14. 场景
一个非常复杂的产品设计终于加班加点的完成了，你满心欢喜
的召集程序员开产品讨论会，但是过程中却备受打击，经常会
碰到如下问题，而你还回答不出来：
是否要搜索？模糊搜索还是精确搜索？
能不能输入小数点、负数、字母？
公式怎么算的？
各种状态如何定义？如何转换状态？
……

15. 矛盾
郁闷的是，在产品设计过程中，你根本没有考虑这些问题。
你一直在考虑如何来创建订单，应该让用户更简单的使用。
这些问题，你认为都是小问题，还需要我来考虑吗？
这么长时间了，你作为产品经理在想什么？这些问题都没有想明
白，没干活啊！

16. 委屈
这些问题不应该是程序猿考虑的吗？
这些问题太复杂了，想不清楚啊！

17. 最后会议草草收场，团队内出
现嫌隙！

19. 最终

20. 最终
慢慢的，产品汪和程序猿之间的情绪就越来越对立，对这个产
品的热情也慢慢下降
更多的精力和时间都放在两边对耗上，产品推行的非常之慢

21. 最终
慢慢的，产品汪和程序猿之间的情绪就越来越对立，对这个产
品的热情也慢慢下降
更多的精力和时间都放在两边对耗上，产品推行的非常之慢
直到Boos过来问产品的状况，只有互相推诿和指责

22. 回顾矛盾的产生

23. 根源
产品讨论会上碰到的那些可能答不出来的问题

24. 这些问题需要产品关注吗？

25. 这些问题需要产品关注吗？
当然需要，产品经理必须要考虑这些问题
这些问题是产品必要的组成部分

26. 如果没有考虑，则意味着……

27. 如果没有考虑，则意味着……
产品经理对于自己规划的产品

28. 如果没有考虑，则意味着……
可以做什么？
产品经理对于自己规划的产品

29. 如果没有考虑，则意味着……
可以做什么？
如何做？
产品经理对于自己规划的产品

30. 如果没有考虑，则意味着……
可以做什么？
如何做？
能做到什么程度？
产品经理对于自己规划的产品

31. 如果没有考虑，则意味着……
可以做什么？
如何做？
能做到什么程度？
没有概念，规划产品的可行性就会大打折扣
产品经理对于自己规划的产品

32. 如果没有考虑，则意味着……
可以做什么？
如何做？
能做到什么程度？
没有概念，规划产品的可行性就会大打折扣
失控
产品经理对于自己规划的产品

33. 产品流程上下游

34. 产品流程上下游
客户/用户

35. 产品流程上下游
客户/用户 产品经理

36. 产品流程上下游
客户/用户 产品经理 设计师

37. 产品流程上下游
客户/用户 产品经理 设计师 程序员

38. 你愿意做接盘侠吗？

39. 你愿意做接盘侠吗？

40. 你愿意做接盘侠吗？
如果过了产品讨论阶段，程序猿只能为这个不靠谱的
产品设计和产品经理买单。
程序猿们会产生这样的想法：我TMD就是那个“接盘
侠”！

41. 解决矛盾的方法

42. 产品与人

43. 产品与人

44. 产品与人
产品如同人一样，有样貌、皮肤等外在结
构，也有筋骨、神经网络等内在体系。

45. 产品与人
产品如同人一样，有样貌、皮肤等外在结
构，也有筋骨、神经网络等内在体系。
在产品设计和规划中，除了要对UI、UE等
外在表象负责以外，还需要对产品的筋骨、
神经网络负责。

46. 产品与人
产品如同人一样，有样貌、皮肤等外在结
构，也有筋骨、神经网络等内在体系。
在产品设计和规划中，除了要对UI、UE等
外在表象负责以外，还需要对产品的筋骨、
神经网络负责。
产品的筋骨、神经网络就是产品隐含的逻
辑规则，这些才是产品运转正常的保证。

47. 产品设计要解决的两类问题
人的问题 IT系统的问题
人本身就是很强的“适配器”
可以对模糊的信息自动补充
“上下电梯，请握紧扶手”
本质就是对数据的各种处理，各种
状态流转
需要精确的信息和指令
“上下电梯，用手施加10牛顿的力”

48. 产品设计要解决的两类问题
人的问题 IT系统的问题
人本身就是很强的“适配器”
可以对模糊的信息自动补充
“上下电梯，请握紧扶手”
本质就是对数据的各种处理，各种
状态流转
需要精确的信息和指令
“上下电梯，用手施加10牛顿的力”
“握紧” = “10牛顿的力”

49. 理解一致？

50. 理解一致？
紧

51. 理解一致？
紧

52. 怎么办？

53. 怎么办？

54. 产品设计的九字真言

55. 产品设计的九字真言
增 删 改 查
显 算 传
正 反

56. 增
‣ 增加按钮的位置、样式
‣ 增加按钮的文案：“添加”、“创建”、“新建”？
‣ 增加内容的字段
‣ 字段的必填和非必填说明
‣ 字段的验证、提升说明
‣ 界面排列的说明
‣ 弹窗还是当前页跳转？
‣ ……

57. 增
‣ 增加按钮的位置、样式
‣ 增加按钮的文案：“添加”、“创建”、“新建”？
‣ 增加内容的字段
‣ 字段的必填和非必填说明
‣ 字段的验证、提升说明
‣ 界面排列的说明
‣ 弹窗还是当前页跳转？
‣ ……

58. 增
‣ 增加按钮的位置、样式
‣ 增加按钮的文案：“添加”、“创建”、“新建”？
‣ 增加内容的字段
‣ 字段的必填和非必填说明
‣ 字段的验证、提升说明
‣ 界面排列的说明
‣ 弹窗还是当前页跳转？
‣ ……

59. 增
‣ 增加按钮的位置、样式
‣ 增加按钮的文案：“添加”、“创建”、“新建”？
‣ 增加内容的字段
‣ 字段的必填和非必填说明
‣ 字段的验证、提升说明
‣ 界面排列的说明
‣ 弹窗还是当前页跳转？
‣ ……

60. 删
‣ 删除按钮的样式、位置
‣ 删除按钮的文案：“删除”、“移出”、“移除”？
‣ 删除时是否需要确认？“确认窗口”的样式
‣ 删除完以后，界面布局的变化
‣ 逻辑删除还是物理删除
‣ 删除之后是否会影响到其他功能模块？
‣ ……

61. 删
‣ 删除按钮的样式、位置
‣ 删除按钮的文案：“删除”、“移出”、“移除”？
‣ 删除时是否需要确认？“确认窗口”的样式
‣ 删除完以后，界面布局的变化
‣ 逻辑删除还是物理删除
‣ 删除之后是否会影响到其他功能模块？
‣ ……

62. 删
‣ 删除按钮的样式、位置
‣ 删除按钮的文案：“删除”、“移出”、“移除”？
‣ 删除时是否需要确认？“确认窗口”的样式
‣ 删除完以后，界面布局的变化
‣ 逻辑删除还是物理删除
‣ 删除之后是否会影响到其他功能模块？
‣ ……

63. 删
‣ 删除按钮的样式、位置
‣ 删除按钮的文案：“删除”、“移出”、“移除”？
‣ 删除时是否需要确认？“确认窗口”的样式
‣ 删除完以后，界面布局的变化
‣ 逻辑删除还是物理删除
‣ 删除之后是否会影响到其他功能模块？
‣ ……

64. 删
‣ 删除按钮的样式、位置
‣ 删除按钮的文案：“删除”、“移出”、“移除”？
‣ 删除时是否需要确认？“确认窗口”的样式
‣ 删除完以后，界面布局的变化
‣ 逻辑删除还是物理删除
‣ 删除之后是否会影响到其他功能模块？
‣ ……

65. 改
‣ 编辑按钮的样式、位置
‣ 编辑按钮的文案：“修改”、“编辑”、“更新”？
‣ 弹窗还是当前页面跳转？
‣ 可以修改和不可修改的说明
‣ 更改数据之后，对其他功能模块的影响
‣ ……

66. 改
‣ 编辑按钮的样式、位置
‣ 编辑按钮的文案：“修改”、“编辑”、“更新”？
‣ 弹窗还是当前页面跳转？
‣ 可以修改和不可修改的说明
‣ 更改数据之后，对其他功能模块的影响
‣ ……

67. 改
‣ 编辑按钮的样式、位置
‣ 编辑按钮的文案：“修改”、“编辑”、“更新”？
‣ 弹窗还是当前页面跳转？
‣ 可以修改和不可修改的说明
‣ 更改数据之后，对其他功能模块的影响
‣ ……

68. 改
‣ 编辑按钮的样式、位置
‣ 编辑按钮的文案：“修改”、“编辑”、“更新”？
‣ 弹窗还是当前页面跳转？
‣ 可以修改和不可修改的说明
‣ 更改数据之后，对其他功能模块的影响
‣ ……

69. 改
‣ 编辑按钮的样式、位置
‣ 编辑按钮的文案：“修改”、“编辑”、“更新”？
‣ 弹窗还是当前页面跳转？
‣ 可以修改和不可修改的说明
‣ 更改数据之后，对其他功能模块的影响
‣ ……

70. 查
‣ 按照哪些字段进行排序？
‣ 搜索框
需要对哪些字段进行搜索？
是否可以组合搜索？
搜索后的界面如何呈现？
模糊搜索还是精确搜索？
‣ 搜索结果的展示如何？是否和搜索条件有关？
‣ 查不到数据该怎么办？
‣ 需要查看哪些数据？
‣ ……

71. 查
‣ 按照哪些字段进行排序？
‣ 搜索框
需要对哪些字段进行搜索？
是否可以组合搜索？
搜索后的界面如何呈现？
模糊搜索还是精确搜索？
‣ 搜索结果的展示如何？是否和搜索条件有关？
‣ 查不到数据该怎么办？
‣ 需要查看哪些数据？
‣ ……

72. 查
‣ 按照哪些字段进行排序？
‣ 搜索框
需要对哪些字段进行搜索？
是否可以组合搜索？
搜索后的界面如何呈现？
模糊搜索还是精确搜索？
‣ 搜索结果的展示如何？是否和搜索条件有关？
‣ 查不到数据该怎么办？
‣ 需要查看哪些数据？
‣ ……

73. –Tony Deng
“增删改查做好，就能将原型做的非常完善了，细节交代的越清
楚，和程序员的沟通成本就越小.”

74. 显
‣ 页面内容的布局
‣ 每页多少条数据、数据的排序？
‣ 是否有翻页、翻页的样式？
‣ 查看是弹窗还是当前页打开，还是新页面？
‣ 如何从各个操作跳转回原页面的方法？
‣ 跳转回来的页面如何显示？
‣ 不同的权限用户的数据展示是否有不同？展示规则是怎么样的？
‣ ……

75. 算
‣ 计算规则
‣ 页面公司、特定指标的计算规则
‣ 数据背后的逻辑
‣ ……

76. 传
‣ 不同用户之间、不同操作之间传递哪些数据？哪些字段？
‣ 需要对外提供哪些API的接口？
‣ 整合其他第三方系统时，他们提供的API是否能够满足我们的需求？
‣ 数据的流向规则
‣ ……

77. 正
‣ 流程图
‣ 页面流
‣ 时序图

78. 正
‣ 流程图
‣ 页面流
‣ 时序图

79. 正
‣ 流程图
‣ 页面流
‣ 时序图

80. 正
‣ 流程图
‣ 页面流
‣ 时序图

81. 反
‣ 不要只想正常流程
‣ 也要多想异常流程

82. 反
‣ 不要只想正常流程
‣ 也要多想异常流程

83. –Tony Deng
“做产品设计时，默念九字真言，基本上所有需要关注的点都覆
盖到了，会省去产品讨论和研发过程中很多不必要的揣测、冲
突和错误.”

84. We are 伐木累
https://new.qq.com/omn/20180203/20180203A13JEQ.html

85. 同一个团队，同一个饭碗

86. Q & A