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

50
如如如如如如 如如如如如如 如如如如 如如如如如如 Lavi Li

Upload: lavi

Post on 31-May-2015

937 views

Category:

Design


7 download

TRANSCRIPT

Page 1: 如何提升产品体验与设计品质,兼谈价值体现与个人成长

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

Lavi Li

Page 2: 如何提升产品体验与设计品质,兼谈价值体现与个人成长

自我介绍李天明Lavi Li

Page 3: 如何提升产品体验与设计品质,兼谈价值体现与个人成长

生在新中国

Page 4: 如何提升产品体验与设计品质,兼谈价值体现与个人成长

长在红旗下

Page 5: 如何提升产品体验与设计品质,兼谈价值体现与个人成长

出身贫农家

Page 6: 如何提升产品体验与设计品质,兼谈价值体现与个人成长

党的光辉在我心

Page 7: 如何提升产品体验与设计品质,兼谈价值体现与个人成长

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

Page 8: 如何提升产品体验与设计品质,兼谈价值体现与个人成长

今天讲什么

Page 9: 如何提升产品体验与设计品质,兼谈价值体现与个人成长

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

Page 10: 如何提升产品体验与设计品质,兼谈价值体现与个人成长

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

Page 11: 如何提升产品体验与设计品质,兼谈价值体现与个人成长

以功能为导向的软件产品开发中,认为以实现功能为职责的程序员才是最核心重要的,而认为设计师的职责只是对已有功能的包装美化,所以大家才会使用“美工”这词。

也即 给产品 加一层“皮”。

这种状况在工程师思维中较为常见,因为工程师对设计师的职责基本没有了解甚至不屑了解。

Page 12: 如何提升产品体验与设计品质,兼谈价值体现与个人成长

在以用户为中心的软件产品,通常在开发过程中都会极其重视设计在其中的地位,也知道糟糕的设计就算配上优秀的工程结构也仍然是于事无补。

什么是以用户为中心的软件产品?手机端的各类 App ,虾米音乐,QQ,迅雷… …

以用户为中心的设计 User experience design(UED) 设计师在做什么?

用户研究 交互设计 信息架构 用户界面设计 视觉规范… .

Page 13: 如何提升产品体验与设计品质,兼谈价值体现与个人成长

发掘用户需求商业价值风险成本

2. 产品与产品流程

Page 14: 如何提升产品体验与设计品质,兼谈价值体现与个人成长

用户需求分析

功能表

功能满足了哪此用户需求?

产生了哪些用户价值?

用户价值与用户体验的关系?

竞品分析

跨行业产品分析

Page 15: 如何提升产品体验与设计品质,兼谈价值体现与个人成长
Page 16: 如何提升产品体验与设计品质,兼谈价值体现与个人成长

首先,该项目要有一个 BRD ,里面交待清楚项目的商业价值、用户价值、风险评估、竞品分析、所需成本等状况。然后拉有可能参与该项目的各角色一起讨论,讨论出个大概共识,将讨论结果发给各个 Boss ,拉各个 Boss 进来再讨论、分析,碰撞出结果。如果结果是可行,那么进入到下一个流程;

下一个流程其实更多的是产品实施的计划,需要撰写详尽的 PRD ,把项目变成可实施的状态。在这里可能就需要更多地跟开发、 UED 讨论出具体的可执行计划,然后安排好项目所需要的一切资源,最后再提交给所有的 Boss ,如果 Boss 再次都通过,那么进入到下一个流程;

跟所有的角色搞清楚所需要的所有资源(这个过程异常辛苦,因为资源通常是不够的,所以需要跟很多并行项目一起 PK资源,争取获取到项目启动所能够用的所有资源),

比如说开发几个人、 UED几个人、测试几个人、如需 DBA 、 SQA 等资源也都把人全部码齐,把大家召集到一起,开一个项目的 PRD 评审会和 UC 评审会,

通常这 2 个会议都属于一个会议,把接下来需要开发的功能点全部让项目组成员都了解清楚,在所有人无异议的情况下,由项目的 PM(项目经理)制定好项目进度和流程,项目完成立项并 Kick off 。

最后,就是 just dooooooooooo it ,测试、预发、上线验收, it's over

—— 前淘宝产品经理 大熊

Page 17: 如何提升产品体验与设计品质,兼谈价值体现与个人成长

整个产品在执行环节有哪些角色?各自的职责?产品经理 / 交互设计师

用户界面设计师

前端工程师 / 后端工程师

测试 / 运维

Page 18: 如何提升产品体验与设计品质,兼谈价值体现与个人成长

3. 交互设计英文 Interaction Design, 缩写 IxD

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

Page 19: 如何提升产品体验与设计品质,兼谈价值体现与个人成长

交互设计的原则:

首先满足功能。符合心智模型 (mental model),

感知 / 现实映射原理 (mapping) ,比喻 (metaphor) 以及可操作暗示 (affordance) 。

Page 20: 如何提升产品体验与设计品质,兼谈价值体现与个人成长
Page 21: 如何提升产品体验与设计品质,兼谈价值体现与个人成长
Page 22: 如何提升产品体验与设计品质,兼谈价值体现与个人成长
Page 23: 如何提升产品体验与设计品质,兼谈价值体现与个人成长
Page 24: 如何提升产品体验与设计品质,兼谈价值体现与个人成长
Page 25: 如何提升产品体验与设计品质,兼谈价值体现与个人成长
Page 26: 如何提升产品体验与设计品质,兼谈价值体现与个人成长
Page 27: 如何提升产品体验与设计品质,兼谈价值体现与个人成长

看到这里你是不是也想来一次交互设计实战?

我们就是最常见的用户登录的设计为例尝试一下:

Page 28: 如何提升产品体验与设计品质,兼谈价值体现与个人成长

来看看淘宝是如何设计的

Page 29: 如何提升产品体验与设计品质,兼谈价值体现与个人成长
Page 30: 如何提升产品体验与设计品质,兼谈价值体现与个人成长
Page 31: 如何提升产品体验与设计品质,兼谈价值体现与个人成长
Page 32: 如何提升产品体验与设计品质,兼谈价值体现与个人成长

来看看WP 是如何设计的

Page 33: 如何提升产品体验与设计品质,兼谈价值体现与个人成长
Page 34: 如何提升产品体验与设计品质,兼谈价值体现与个人成长

以上两个登录方式,和我们自己讨论画出的原型,

三者对比,如果你是用户,你更原意用哪个?用哪个登录方式,会带给你更好的体验?

Page 35: 如何提升产品体验与设计品质,兼谈价值体现与个人成长

任何设计都无法让所有人满意,但是讨论和表达的过程却可以让所有人满意

建立在专业立场上的讨论或争论往往更容易得到最终皆大欢喜的结果,并且不要有职务高低的偏见

Page 36: 如何提升产品体验与设计品质,兼谈价值体现与个人成长

我以上说的全都是错的 !

脱离了具体业务需求和用户使用场境的设计,都是不负责任的扯淡

Page 37: 如何提升产品体验与设计品质,兼谈价值体现与个人成长

4. 用户界面设计用户界面设计 user interface design 是屏幕产品的重要组成部分。界面设计是一个复杂的有不同学科参与的工程,认知心理学、设计学、语言学等在此都扮演着重要的角色。

用户界面设计的三大原则: a 置界面于用户的控制之下; b 减少用户的记忆负担; c 保持界面的一致性。

Page 38: 如何提升产品体验与设计品质,兼谈价值体现与个人成长

根据定义,我们看基于屏幕的用户界面设计,含盖的范围非常广泛

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

同一行业跨不同屏幕的界面设计比如新浪微博针对电脑,各不同型号手机, iPad 等做不同的设计。

Page 39: 如何提升产品体验与设计品质,兼谈价值体现与个人成长

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

Page 40: 如何提升产品体验与设计品质,兼谈价值体现与个人成长
Page 41: 如何提升产品体验与设计品质,兼谈价值体现与个人成长
Page 42: 如何提升产品体验与设计品质,兼谈价值体现与个人成长
Page 43: 如何提升产品体验与设计品质,兼谈价值体现与个人成长
Page 44: 如何提升产品体验与设计品质,兼谈价值体现与个人成长

如何理解业务?产品经理和设计师如何沟通协调?出具什么样的产出物给下游?

用户界面设计案例分享

Page 45: 如何提升产品体验与设计品质,兼谈价值体现与个人成长

5. 推荐学习网站及书目

Page 46: 如何提升产品体验与设计品质,兼谈价值体现与个人成长

Dribbble.comAwwwards.com Thefwa.com houseofbuttons.tumblr.com

smashingmagazine.comZhihu.com UcdChina.com

Page 47: 如何提升产品体验与设计品质,兼谈价值体现与个人成长

书目的建议是:本专业精通,另广泛涉猎

Don’t make me think 别让我思考瞬间之美交互设计之路About Face 3 交互设计精髓用户体验的要素设计心理学

Page 48: 如何提升产品体验与设计品质,兼谈价值体现与个人成长

6. 过往案例分享

Page 49: 如何提升产品体验与设计品质,兼谈价值体现与个人成长

Lavi LiQQ : 153269062Mail: [email protected]

微博 : Weibo.com/lavialice/博客 : Lavi.cc/blog豆瓣 : Douban.com/people/lavi/

Pin: Pinterest.com/lavili/

篮球 摄影 骑车在路上瞎逛 互联网 各种肉及海鲜

Page 50: 如何提升产品体验与设计品质,兼谈价值体现与个人成长

Q & AThank you