1. 如何提升产品体验与设计品质
兼谈价值体现与个人成长
Lavi Li

2. 自我介绍
李天明
Lavi Li

3. 生在新中国

4. 长在红旗下

5. 出身贫农家

6. 党的光辉在我心

7. 不要被理论绑架，灵活运用
小心那些 - 大神
不盲目，学会独立思考

8. 今天讲什么

9. 1. 职业定位
2. 产品与产品流程
3. 交互设计
4. 用户界面设计
5. 推荐网站与书目
6. 过往案例分享

10. 1. 职业定位
从“美工”说开去
为什么你只是“美工”？大家为什么叫你“美工”？

11. 以功能为导向的软件产品开发中，认为以实现功能为职责的程序员才
是最核心重要的，而认为设计师的职责只是对已有功能的包装美化，
所以大家才会使用“美工”这词。
也即 给产品 加一层“皮”。
这种状况在工程师思维中较为常见，因为工程师对设计师的职责基本没有了解甚至不屑了解。

12. 在以用户为中心的软件产品，通常在开发过程中都会极其重视设计在其中的
地位，也知道糟糕的设计就算配上优秀的工程结构也仍然是于事无补。
什么是以用户为中心的软件产品？
手机端的各类App，虾米音乐，ＱＱ，迅雷… …
以用户为中心的设计 User experience design(UED) 设计师在做什么？
用户研究 交互设计 信息架构 用户界面设计 视觉规范….

13. 2. 产品与产品流程
发掘用户需求
商业价值
风险
成本

14. 竞品分析
功能满足了哪此用户需
跨行业产品分析 求？
用户需求分析
产生了哪些用户价值？
用户价值与用户体验的
关系？
功能表

16. 首先，该项目要有一个BRD，里面交待清楚项目的商业价值、用户价值、风险评估、竞品分析、所需
成本等状况。然后拉有可能参与该项目的各角色一起讨论，讨论出个大概共识，将讨论结果发给各个
Boss，拉各个Boss进来再讨论、分析，碰撞出结果。如果结果是可行，那么进入到下一个流程；
下一个流程其实更多的是产品实施的计划，需要撰写详尽的PRD，把项目变成可实施的状态。在这里
可能就需要更多地跟开发、UED讨论出具体的可执行计划，然后安排好项目所需要的一切资源，最后
再提交给所有的Boss，如果Boss再次都通过，那么进入到下一个流程；
跟所有的角色搞清楚所需要的所有资源（这个过程异常辛苦，因为资源通常是不够的，所以需要跟很
多并行项目一起PK资源，争取获取到项目启动所能够用的所有资源），
比如说开发几个人、UED几个人、测试几个人、如需DBA、SQA等资源也都把人全部码齐，把大家召
集到一起，开一个项目的PRD评审会和UC评审会，
通常这2个会议都属于一个会议，把接下来需要开发的功能点全部让项目组成员都了解清楚，在所有
人无异议的情况下，由项目的PM（项目经理）制定好项目进度和流程，项目完成立项并Kick off。
最后，就是just dooooooooooo it，测试、预发、上线验收，it's over
—— 前淘宝产品经理 大熊

17. 整个产品在执行环节有哪些角色？各自的职责？
产品经理 / 交互设计师
用户界面设计师
前端工程师 / 后端工程师
测试 / 运维

18. 3. 交互设计
英文Interaction Design, 缩写 IxD
交互设计的出发点在于研究人在和物交流时候，人的心理模式和行为模式，并在此研究
基础上，设计人工物的可提供的交互方式，来满足人对使用人工物的三个层次的需求
（可用usefulness, 易用usability and 情感emotionality）。从这个角度看来，交互设计
是设计方法，而界面设计是交互设计的自然结果。

19. 交互设计的原则：
首先满足功能。
符合心智模型(mental model),
感知/现实映射原理(mapping)，
比喻(metaphor)以及可操作暗示(affordance)。

27. 看到这里
你是不是也想来一次交互设计实战？
我们就是最常见的用户登录的设计为例尝试一下：

28. 来看看淘宝是如何设计的

32. 来看看WP是如何设计的

34. 以上两个登录方式，和我们自己讨论画出的原型，
三者对比，如果你是用户，你更原意用哪个？
用哪个登录方式，会带给你更好的体验？

35. 任何设计都无法让所有人满意，但是讨论和表达的过程却可以让所有人满意
建立在专业立场上的讨论或争论往往更容易得到最终皆大欢喜的结果，并且不要有职务高低的偏见

36. 我以上说的全都是错的!
脱离了具体业务需求和用户使用场境的设计，都是不负责任的扯淡

37. 4. 用户界面设计
用户界面设计 user interface design
是屏幕产品的重要组成部分。界面设计是一个复杂的有不同学科参与的工程，认知心理
学、设计学、语言学等在此都扮演着重要的角色。
用户界面设计的三大原则：
a 置界面于用户的控制之下；
b 减少用户的记忆负担；
c 保持界面的一致性。

38. 根据定义，我们看基于屏幕的用户界面设计，含盖的范围非常广泛
同一屏幕跨不同行业的界面设计
比如基于电脑屏幕的
同一行业跨不同屏幕的界面设计
比如新浪微博针对电脑，各不同型号手机，iPad等做不同的设计。

39. 同一屏幕跨不同行业的界面设计
比如基于电脑屏幕的

44. 如何理解业务？
产品经理和设计师如何沟通协调？
出具什么样的产出物给下游？
用户界面设计案例分享

45. 5. 推荐学习网站及书目

46. Dribbble.com
Awwwards.com
Thefwa.com
houseofbuttons.tumblr.com
smashingmagazine.com
Zhihu.com
UcdChina.com

47. 书目的建议是：本专业精通，另广泛涉猎
Don’t make me think 别让我思考
瞬间之美
交互设计之路
About Face 3 交互设计精髓
用户体验的要素
设计心理学

48. 6. 过往案例分享

49. Lavi Li
QQ : 153269062
Mail: Lavi.li@gmail.com
微博: Weibo.com/lavialice/
博客: Lavi.cc/blog
豆瓣: Douban.com/people/lavi/
Pin: Pinterest.com/lavili/
篮球 摄影 骑车在路上瞎逛 互联网 各种肉及海鲜

50. Q&A
Thank you