Ix d2013 a1_交互设计师与产品经理的高效协作实战_曾智焱
Click here to load reader
-
Upload
william-lee -
Category
Documents
-
view
702 -
download
10
description
Transcript of Ix d2013 a1_交互设计师与产品经理的高效协作实战_曾智焱
![Page 1: Ix d2013 a1_交互设计师与产品经理的高效协作实战_曾智焱](https://reader038.fdocument.pub/reader038/viewer/2022102419/5495242bb4795971338b4633/html5/thumbnails/1.jpg)
![Page 2: Ix d2013 a1_交互设计师与产品经理的高效协作实战_曾智焱](https://reader038.fdocument.pub/reader038/viewer/2022102419/5495242bb4795971338b4633/html5/thumbnails/2.jpg)
交互设计师&产品经理
⾼高效协作实战曾智焱
2013年6月
![Page 3: Ix d2013 a1_交互设计师与产品经理的高效协作实战_曾智焱](https://reader038.fdocument.pub/reader038/viewer/2022102419/5495242bb4795971338b4633/html5/thumbnails/3.jpg)
曾智焱
⺴⽹网易杭州研究院,交互设计经理
超过6年的互联⺴⽹网产品交互设计经验,关注⽤用户体验设计领域的⾏行业发展。曾参与过⺴⽹网易多项⼤大型产品的交互设计⼯工作,包括⺴⽹网易VIP邮箱、⺴⽹网易闪电邮、⺴⽹网易⼿手机邮、⺴⽹网易博客、⺴⽹网易通⾏行证、⺴⽹网易宝、⺴⽹网易公开课、⺴⽹网易云课堂等等。⺫⽬目前主要负责⺴⽹网易在线教育产品的体验设计管理,以及⺴⽹网易公司杭州地区的交互设计专业线发展⼯工作。
Zēng Zhì Yàn
![Page 4: Ix d2013 a1_交互设计师与产品经理的高效协作实战_曾智焱](https://reader038.fdocument.pub/reader038/viewer/2022102419/5495242bb4795971338b4633/html5/thumbnails/4.jpg)
产品经理的⽆无奈:设计师怎么⼜又改我的需求啊!
![Page 5: Ix d2013 a1_交互设计师与产品经理的高效协作实战_曾智焱](https://reader038.fdocument.pub/reader038/viewer/2022102419/5495242bb4795971338b4633/html5/thumbnails/5.jpg)
交互设计师的⽆无奈:产品经理怎么⼜又画线框图了!
![Page 6: Ix d2013 a1_交互设计师与产品经理的高效协作实战_曾智焱](https://reader038.fdocument.pub/reader038/viewer/2022102419/5495242bb4795971338b4633/html5/thumbnails/6.jpg)
“⼀一群想要创造更好⽤用户体验的⼈人,若他们本⾝身的⼯工作体验就很糟糕,就是这个⾏行业最⼤大的问题。”
——曾智焱
![Page 7: Ix d2013 a1_交互设计师与产品经理的高效协作实战_曾智焱](https://reader038.fdocument.pub/reader038/viewer/2022102419/5495242bb4795971338b4633/html5/thumbnails/7.jpg)
作为产品经理,你是否希望:让设计师能更好更快地理解产品需求?
![Page 8: Ix d2013 a1_交互设计师与产品经理的高效协作实战_曾智焱](https://reader038.fdocument.pub/reader038/viewer/2022102419/5495242bb4795971338b4633/html5/thumbnails/8.jpg)
作为交互设计师,你是否希望:让⾃自⼰己的设计更有说服⼒力?
![Page 9: Ix d2013 a1_交互设计师与产品经理的高效协作实战_曾智焱](https://reader038.fdocument.pub/reader038/viewer/2022102419/5495242bb4795971338b4633/html5/thumbnails/9.jpg)
今天的⼯工作坊主要包括以下三个话题:
• 交互设计师与产品经理的分⼯工• 交互设计师与产品经理的协作• 如何⾼高效协作的⽅方法
中间将会穿插案例的分享以及分组实战。
![Page 10: Ix d2013 a1_交互设计师与产品经理的高效协作实战_曾智焱](https://reader038.fdocument.pub/reader038/viewer/2022102419/5495242bb4795971338b4633/html5/thumbnails/10.jpg)
![Page 11: Ix d2013 a1_交互设计师与产品经理的高效协作实战_曾智焱](https://reader038.fdocument.pub/reader038/viewer/2022102419/5495242bb4795971338b4633/html5/thumbnails/11.jpg)
第⼀一个话题:分⼯工
![Page 12: Ix d2013 a1_交互设计师与产品经理的高效协作实战_曾智焱](https://reader038.fdocument.pub/reader038/viewer/2022102419/5495242bb4795971338b4633/html5/thumbnails/12.jpg)
产品管理 VS 交互设计
![Page 13: Ix d2013 a1_交互设计师与产品经理的高效协作实战_曾智焱](https://reader038.fdocument.pub/reader038/viewer/2022102419/5495242bb4795971338b4633/html5/thumbnails/13.jpg)
产品管理的⺫⽬目的:让产品实现⻓长期的⽤用户满意,以及保持市场竞争优势。
![Page 14: Ix d2013 a1_交互设计师与产品经理的高效协作实战_曾智焱](https://reader038.fdocument.pub/reader038/viewer/2022102419/5495242bb4795971338b4633/html5/thumbnails/14.jpg)
让产品和⽤用户之间建⽴立有机关系,有效达到⽤用户⺫⽬目标。
交互设计的⺫⽬目的:
![Page 15: Ix d2013 a1_交互设计师与产品经理的高效协作实战_曾智焱](https://reader038.fdocument.pub/reader038/viewer/2022102419/5495242bb4795971338b4633/html5/thumbnails/15.jpg)
• 评估产品机会• 制定产品策略• 规划产品的发展路线图• 确定产品需求(包括优先级和⺫⽬目标)• 监督需求的实现• 关注市场反馈并作出及时调整• 维护不同团队的沟通
产品管理⼈人员的主要⼯工作:
![Page 16: Ix d2013 a1_交互设计师与产品经理的高效协作实战_曾智焱](https://reader038.fdocument.pub/reader038/viewer/2022102419/5495242bb4795971338b4633/html5/thumbnails/16.jpg)
• 分解⽤用户体验⺫⽬目标确定设计⺫⽬目标• 制定设计策略与计划• 设计产品的信息架构和⽤用户操作流程• 设计⽤用户导航和⽤用户界⾯面细节• 制定并输出相关设计⽂文档、规范• 跟踪视觉设计、技术开发的实现• 优化产品可⽤用性,持续改善⽤用户体验
交互设计⼈人员的主要⼯工作:
![Page 17: Ix d2013 a1_交互设计师与产品经理的高效协作实战_曾智焱](https://reader038.fdocument.pub/reader038/viewer/2022102419/5495242bb4795971338b4633/html5/thumbnails/17.jpg)
(为什么要设置产品经理和交互设计师两个岗位)
独挡⼀一⾯面,还是专⼈人专责?讨论:
![Page 18: Ix d2013 a1_交互设计师与产品经理的高效协作实战_曾智焱](https://reader038.fdocument.pub/reader038/viewer/2022102419/5495242bb4795971338b4633/html5/thumbnails/18.jpg)
Product Management
![Page 19: Ix d2013 a1_交互设计师与产品经理的高效协作实战_曾智焱](https://reader038.fdocument.pub/reader038/viewer/2022102419/5495242bb4795971338b4633/html5/thumbnails/19.jpg)
![Page 20: Ix d2013 a1_交互设计师与产品经理的高效协作实战_曾智焱](https://reader038.fdocument.pub/reader038/viewer/2022102419/5495242bb4795971338b4633/html5/thumbnails/20.jpg)
⼈人⼈人都爱画线框图,但,画线框图之前的重要⼯工作也很容易被⼈人⼈人忽略。
![Page 21: Ix d2013 a1_交互设计师与产品经理的高效协作实战_曾智焱](https://reader038.fdocument.pub/reader038/viewer/2022102419/5495242bb4795971338b4633/html5/thumbnails/21.jpg)
关键环节需要的是决策,⽽而不是建议。专⼈人专责的意义在于关键环节有专业的⼈人做决策。
这,也是分⼯工的意义。
![Page 22: Ix d2013 a1_交互设计师与产品经理的高效协作实战_曾智焱](https://reader038.fdocument.pub/reader038/viewer/2022102419/5495242bb4795971338b4633/html5/thumbnails/22.jpg)
第⼆二个话题:协作
![Page 23: Ix d2013 a1_交互设计师与产品经理的高效协作实战_曾智焱](https://reader038.fdocument.pub/reader038/viewer/2022102419/5495242bb4795971338b4633/html5/thumbnails/23.jpg)
⼀一个按钮的⽂文案、位置,甚⾄至是视觉样式都会存在分歧。
喜欢 收藏
学过了设为完成
![Page 24: Ix d2013 a1_交互设计师与产品经理的高效协作实战_曾智焱](https://reader038.fdocument.pub/reader038/viewer/2022102419/5495242bb4795971338b4633/html5/thumbnails/24.jpg)
为什么这么设计? 为什么这个需求是这样的?
更别说是对⽤用户需求的理解了。
产品经理 交互设计师
![Page 25: Ix d2013 a1_交互设计师与产品经理的高效协作实战_曾智焱](https://reader038.fdocument.pub/reader038/viewer/2022102419/5495242bb4795971338b4633/html5/thumbnails/25.jpg)
挑战,不可避免!挑战不是打架⽃斗嘴,⽽而是为了确保我们做正确的事情。这是⼀一件很正常的,并且是应该发⽣生的事情。
![Page 26: Ix d2013 a1_交互设计师与产品经理的高效协作实战_曾智焱](https://reader038.fdocument.pub/reader038/viewer/2022102419/5495242bb4795971338b4633/html5/thumbnails/26.jpg)
• 有效率不⼀一定有效果• 把握重点,做对的事• 先做对的事,再把事情做对(先⽅方向,再⽅方法)• 掌握优先级顺序
树⽴立能效意识:
![Page 27: Ix d2013 a1_交互设计师与产品经理的高效协作实战_曾智焱](https://reader038.fdocument.pub/reader038/viewer/2022102419/5495242bb4795971338b4633/html5/thumbnails/27.jpg)
效能看的是结果,效率看的是过程。效能是功劳,效率可能是苦劳。
![Page 28: Ix d2013 a1_交互设计师与产品经理的高效协作实战_曾智焱](https://reader038.fdocument.pub/reader038/viewer/2022102419/5495242bb4795971338b4633/html5/thumbnails/28.jpg)
事实上,整个产品团队的成员都需要知道:⺫⽬目标⽤用户是谁,需求是什么。
(理解⺫⽬目标⽤用户包括理解其特征、经验、使⽤用场景)
![Page 29: Ix d2013 a1_交互设计师与产品经理的高效协作实战_曾智焱](https://reader038.fdocument.pub/reader038/viewer/2022102419/5495242bb4795971338b4633/html5/thumbnails/29.jpg)
因为,我们的最终⺫⽬目的相同:让产品成功!
![Page 30: Ix d2013 a1_交互设计师与产品经理的高效协作实战_曾智焱](https://reader038.fdocument.pub/reader038/viewer/2022102419/5495242bb4795971338b4633/html5/thumbnails/30.jpg)
所以,唯有通⼒力协作!
![Page 31: Ix d2013 a1_交互设计师与产品经理的高效协作实战_曾智焱](https://reader038.fdocument.pub/reader038/viewer/2022102419/5495242bb4795971338b4633/html5/thumbnails/31.jpg)
精准理解⽤用户,是打造优秀⽤用户体验的基础!
![Page 32: Ix d2013 a1_交互设计师与产品经理的高效协作实战_曾智焱](https://reader038.fdocument.pub/reader038/viewer/2022102419/5495242bb4795971338b4633/html5/thumbnails/32.jpg)
但,⽤用户要求不等于⽤用户需求,⽤用户需求不等于产品需求,产品需求也不等于功能列表。
* 产品需求通常是解决问题的必要条件。我更希望产品经理提过来的需求是具备清晰定义⺫⽬目标⽤用户(特征、经验、场景)和体验⺫⽬目标的描述,⽽而不仅仅是⼀一个功能名称。
![Page 33: Ix d2013 a1_交互设计师与产品经理的高效协作实战_曾智焱](https://reader038.fdocument.pub/reader038/viewer/2022102419/5495242bb4795971338b4633/html5/thumbnails/33.jpg)
对于产品经理⽽而⾔言,告诉别⼈人为什么(⺫⽬目的),⽐比告诉他们怎么做更重要。
* 当产品经理脑⼦子⾥里有解决⽅方案的想法时,我的建议是尽量不要写到PRD⽂文档⾥里。因为,实现⼀一个需求的解决⽅方案会有很多种,⽽而且会变化。写到⽂文档只会让你的PRD不断修改。我相信没有⼈人会喜欢看⼀一份随时可能要修改的⽂文档去安排他的⼯工作的。
![Page 34: Ix d2013 a1_交互设计师与产品经理的高效协作实战_曾智焱](https://reader038.fdocument.pub/reader038/viewer/2022102419/5495242bb4795971338b4633/html5/thumbnails/34.jpg)
对于设计师⽽而⾔言,了解做这个产品/功能背后的⺫⽬目的是什么,
⽐比解决⽅方案本⾝身更重要。
* 这个功能叫什么名字,在这个阶段并不重要。很多时候,我们容易被⼀一个叫XX名称的功能⽽而踏⼊入“经验陷阱”,⽤用“我以为”、“应该是”去猜测,⽽而不是认真去理解它的⺫⽬目的。
![Page 35: Ix d2013 a1_交互设计师与产品经理的高效协作实战_曾智焱](https://reader038.fdocument.pub/reader038/viewer/2022102419/5495242bb4795971338b4633/html5/thumbnails/35.jpg)
“永远不要告诉别⼈人怎么做,告诉他们做什么,他们⾃自然会发挥天赋,给你惊喜。”
—— 乔治· 巴顿
![Page 36: Ix d2013 a1_交互设计师与产品经理的高效协作实战_曾智焱](https://reader038.fdocument.pub/reader038/viewer/2022102419/5495242bb4795971338b4633/html5/thumbnails/36.jpg)
旧的协作⽅方式
�������� ������
![Page 37: Ix d2013 a1_交互设计师与产品经理的高效协作实战_曾智焱](https://reader038.fdocument.pub/reader038/viewer/2022102419/5495242bb4795971338b4633/html5/thumbnails/37.jpg)
新的协作⽅方式
�������� ������
![Page 38: Ix d2013 a1_交互设计师与产品经理的高效协作实战_曾智焱](https://reader038.fdocument.pub/reader038/viewer/2022102419/5495242bb4795971338b4633/html5/thumbnails/38.jpg)
要想让团队获胜,必须让每⼀一个⼈人都跑起来,⽽而不是静⽌止等待。
![Page 39: Ix d2013 a1_交互设计师与产品经理的高效协作实战_曾智焱](https://reader038.fdocument.pub/reader038/viewer/2022102419/5495242bb4795971338b4633/html5/thumbnails/39.jpg)
第三个话题:如何⾼高效协作
![Page 40: Ix d2013 a1_交互设计师与产品经理的高效协作实战_曾智焱](https://reader038.fdocument.pub/reader038/viewer/2022102419/5495242bb4795971338b4633/html5/thumbnails/40.jpg)
任务⺫⽬目的
解决⽅方案⺫⽬目标
![Page 41: Ix d2013 a1_交互设计师与产品经理的高效协作实战_曾智焱](https://reader038.fdocument.pub/reader038/viewer/2022102419/5495242bb4795971338b4633/html5/thumbnails/41.jpg)
很多时候,⼈人们会把⺫⽬目的和⺫⽬目标混淆。
* ⺫⽬目的是指这个项⺫⽬目希望达到的最终结果和意义。不理解⺫⽬目的常常会事倍功半,努⼒力了很多但是结果并不满意。这不仅是在设计⼯工作中,在各⾏行各业的沟通⼯工作中也是如此。
![Page 42: Ix d2013 a1_交互设计师与产品经理的高效协作实战_曾智焱](https://reader038.fdocument.pub/reader038/viewer/2022102419/5495242bb4795971338b4633/html5/thumbnails/42.jpg)
优化学习体验把⽤用户体验做到极致
降低⾸首⻚页跳出率
区分以下⺫⽬目的、⺫⽬目标:
为⼈人民服务
提升品牌价值
![Page 43: Ix d2013 a1_交互设计师与产品经理的高效协作实战_曾智焱](https://reader038.fdocument.pub/reader038/viewer/2022102419/5495242bb4795971338b4633/html5/thumbnails/43.jpg)
除此之外,我们还可能会出现做着做着就忘记项⺫⽬目
⺫⽬目的(初衷)的状况。。。
![Page 44: Ix d2013 a1_交互设计师与产品经理的高效协作实战_曾智焱](https://reader038.fdocument.pub/reader038/viewer/2022102419/5495242bb4795971338b4633/html5/thumbnails/44.jpg)
![Page 45: Ix d2013 a1_交互设计师与产品经理的高效协作实战_曾智焱](https://reader038.fdocument.pub/reader038/viewer/2022102419/5495242bb4795971338b4633/html5/thumbnails/45.jpg)
从⺫⽬目的⺫⽬目标再到设计解决⽅方案的全过程
我们主张设计师与产品经理⼀一起思考,发现产品机会。这个⽅方法的意义在于运⽤用合理的⽅方式探寻正确的体验设计策略。先把⽅方向找准,再把事情做对。
![Page 46: Ix d2013 a1_交互设计师与产品经理的高效协作实战_曾智焱](https://reader038.fdocument.pub/reader038/viewer/2022102419/5495242bb4795971338b4633/html5/thumbnails/46.jpg)
第1步:审视⺫⽬目的⺫⽬目标为⺫⽬目的服务,所以在制定⺫⽬目标前⾸首先要审视⺫⽬目的。
⺫⽬目的审视的好处直接影响任务的完成。
![Page 47: Ix d2013 a1_交互设计师与产品经理的高效协作实战_曾智焱](https://reader038.fdocument.pub/reader038/viewer/2022102419/5495242bb4795971338b4633/html5/thumbnails/47.jpg)
•为什么要做这个?•是谁在什么时候使⽤用?(⺫⽬目标⽤用户的特征、经验、场景是怎么样的)•他们完成这次任务最⼤大的障碍是什么?(痛点)•这次任务如果成功完成,最佳结果是什么?
为了清晰审视⺫⽬目的,可以试着回答以下⼏几个问题:
![Page 48: Ix d2013 a1_交互设计师与产品经理的高效协作实战_曾智焱](https://reader038.fdocument.pub/reader038/viewer/2022102419/5495242bb4795971338b4633/html5/thumbnails/48.jpg)
本次任务的⺫⽬目的是:
![Page 49: Ix d2013 a1_交互设计师与产品经理的高效协作实战_曾智焱](https://reader038.fdocument.pub/reader038/viewer/2022102419/5495242bb4795971338b4633/html5/thumbnails/49.jpg)
第2步:确定⺫⽬目标⺫⽬目标是指度量⺫⽬目的的实现程度的衡量标准。
审视⺫⽬目的之后,产品经理和交互设计师需要讨论⽤用什么指标才能更好地衡量⺫⽬目的的实现效果。
![Page 50: Ix d2013 a1_交互设计师与产品经理的高效协作实战_曾智焱](https://reader038.fdocument.pub/reader038/viewer/2022102419/5495242bb4795971338b4633/html5/thumbnails/50.jpg)
Specific 清晰Measureable 可衡量Attainable 可实现Result oriented 结果导向Timeline 有时间控制
制定⺫⽬目标的SMART原则
![Page 51: Ix d2013 a1_交互设计师与产品经理的高效协作实战_曾智焱](https://reader038.fdocument.pub/reader038/viewer/2022102419/5495242bb4795971338b4633/html5/thumbnails/51.jpg)
本次任务的⺫⽬目标是:
验收指标是:
![Page 52: Ix d2013 a1_交互设计师与产品经理的高效协作实战_曾智焱](https://reader038.fdocument.pub/reader038/viewer/2022102419/5495242bb4795971338b4633/html5/thumbnails/52.jpg)
第3步:草拟⾏行动计划⿎鼓励每⼀一个关联⾓角⾊色都参与贡献。
激发创意和想法,先不要进⾏行可⾏行性评估。
![Page 53: Ix d2013 a1_交互设计师与产品经理的高效协作实战_曾智焱](https://reader038.fdocument.pub/reader038/viewer/2022102419/5495242bb4795971338b4633/html5/thumbnails/53.jpg)
通过⽤用户体验地图全⽅方位了解⽤用户在不同阶段不同渠道下的全部接触点。
![Page 54: Ix d2013 a1_交互设计师与产品经理的高效协作实战_曾智焱](https://reader038.fdocument.pub/reader038/viewer/2022102419/5495242bb4795971338b4633/html5/thumbnails/54.jpg)
通过任务分析法及可⽤用性测试,发现⽤用户实现⺫⽬目标的过程中遇到的问题。
![Page 55: Ix d2013 a1_交互设计师与产品经理的高效协作实战_曾智焱](https://reader038.fdocument.pub/reader038/viewer/2022102419/5495242bb4795971338b4633/html5/thumbnails/55.jpg)
分解阻碍达成⽤用户体验⺫⽬目标的关键因素,找到设计⽅方向(突破⼝口)。
意愿 成本
效率价值
![Page 56: Ix d2013 a1_交互设计师与产品经理的高效协作实战_曾智焱](https://reader038.fdocument.pub/reader038/viewer/2022102419/5495242bb4795971338b4633/html5/thumbnails/56.jpg)
通过专家评估法多⾓角度分析竞品体验,快速整理其优缺点,确⽴立计划草案。
![Page 57: Ix d2013 a1_交互设计师与产品经理的高效协作实战_曾智焱](https://reader038.fdocument.pub/reader038/viewer/2022102419/5495242bb4795971338b4633/html5/thumbnails/57.jpg)
这个任务的⾏行动计划草案是:
![Page 58: Ix d2013 a1_交互设计师与产品经理的高效协作实战_曾智焱](https://reader038.fdocument.pub/reader038/viewer/2022102419/5495242bb4795971338b4633/html5/thumbnails/58.jpg)
第4步:评估⾏行动计划邀请关联⾓角⾊色集中评估,
设计师可能需要将⾏行动计划视觉化以便传达和理解。
![Page 59: Ix d2013 a1_交互设计师与产品经理的高效协作实战_曾智焱](https://reader038.fdocument.pub/reader038/viewer/2022102419/5495242bb4795971338b4633/html5/thumbnails/59.jpg)
介绍⾏行动计划和展⽰示草案的部分特征界⾯面,邀请关联⾓角⾊色参与评估。
![Page 60: Ix d2013 a1_交互设计师与产品经理的高效协作实战_曾智焱](https://reader038.fdocument.pub/reader038/viewer/2022102419/5495242bb4795971338b4633/html5/thumbnails/60.jpg)
第5步:设计解决⽅方案细节包括完整的⽤用户流程、导航、⽂文案、设计说明……
![Page 61: Ix d2013 a1_交互设计师与产品经理的高效协作实战_曾智焱](https://reader038.fdocument.pub/reader038/viewer/2022102419/5495242bb4795971338b4633/html5/thumbnails/61.jpg)
演⽰示和解说⾼高保真原型及其设计细节,经评审通过后交付并跟踪开发实现。
![Page 62: Ix d2013 a1_交互设计师与产品经理的高效协作实战_曾智焱](https://reader038.fdocument.pub/reader038/viewer/2022102419/5495242bb4795971338b4633/html5/thumbnails/62.jpg)
分组实战:每个⼩小组将通过⼀一个模拟项⺫⽬目来体验从⺫⽬目的⺫⽬目标再到设计解决⽅方案的全过程。
![Page 63: Ix d2013 a1_交互设计师与产品经理的高效协作实战_曾智焱](https://reader038.fdocument.pub/reader038/viewer/2022102419/5495242bb4795971338b4633/html5/thumbnails/63.jpg)
SHOW TIME
![Page 64: Ix d2013 a1_交互设计师与产品经理的高效协作实战_曾智焱](https://reader038.fdocument.pub/reader038/viewer/2022102419/5495242bb4795971338b4633/html5/thumbnails/64.jpg)
向⼤大家推荐两本书
![Page 66: Ix d2013 a1_交互设计师与产品经理的高效协作实战_曾智焱](https://reader038.fdocument.pub/reader038/viewer/2022102419/5495242bb4795971338b4633/html5/thumbnails/66.jpg)