产品经理和交互设计的那些事6309.docx

《产品经理和交互设计的那些事6309.docx》由会员分享，可在线阅读，更多相关《产品经理和交互设计的那些事6309.docx（6页珍藏版）》请在淘文阁 - 分享文档赚钱的网站上搜索。

1、产品经理和交互设计的那些事 原型设计图形成的流程在一个互联联网公司的的工作流程程中，产品品经理（主主要指偏向向产品设计计的产品人人员）和交交互设计师师是这个流流水线上最最起点的环环节，也是是关系最暧暧昧的两个个环节。说说其暧昧，是是因为在很很多互联网网公司里面面，这两个个环节所做做的事情是是有重合的的，这就意意味着，他他们或许也也是整个流流程中合作作最紧密的的两个环节节。相对比之下下，产品经经理更关注注的是产品品的内部逻逻辑、操作作流程、策策略等；而而交互设计计师更关注注的是产品品的易用性性、流畅度度和操作感感受。总的的来看，似似乎可以认认为，产品品经理是从从一个更加加宏观的角角度去设计计产品

2、，而而交互设计计师，则是是从更多的的细节出发发，去提升升用户体验验。这两种种不同的视视角决定了了只有产品品经理和交交互设计师师密切配合合，深入沟沟通，才能能够最高效效最合理的的将产品策策略转化为为产品原型型，从而为为流水线的的后面环节节提供精确确的参考资资料。下面以人人人网广告平平台的一些些产品和交交互细节为为例，使用用对话的形形式来分享享一下我个个人在做交交互设计过过程中的一一些体会和和想法。在广告平台台其中一个个投放系统统中，有一一个产品需需求，是要要根据广告告受众所在在的地区做做广告的定定向投放。也也就是说，可可以控制广广告只展示示给固定地地域的受众众。这就意意味着，需需要设计一一个区域

3、域选择器，供用户户选择区域域。产品经经理的原始始需求是这这样的：产品经理：“我们这次次的投放系系统需要设设计一个区区域选择器器，就是让让用户选择择广告定向向投放的区区域的。可可以精确到到城市，可可以多选。另另外，区域作为一个个投放广告告的限制条条件，如果果用户没有有选择任何何选项，那那就代表用用户忽略该该条件，则则该广告会会面向全国国投放。”交互设计师师：“哦。”产品经理：“嗯，我能能够想到的的这个东西西的原型，可可以提供两两个下拉框框，让用户户分别选择择省和城市市。当用户户在第一个个下拉框里里面选定了了省以后，第第二个下拉拉框中会显显示该省下下面的地级级市。我做做了一个简简单的框图图，大家看

4、看一下。”产品经理：“大概就是是这个样子子。每选定定一个城市市，点击后后面的添加加按钮，可可以将该城城市添加到到下面的列列表中。同同时，如果果点击已经经添加的城城市名称后后面的删删除链接接，则会将将该城市从从已选列表表抹去。”交互设计师师：“等一下，我我有一个问问题。按照照产品的策策略，如果果用户一个个城市都不不选，那么么就会默认认投放全国国。但是这这个概念很很难表达给给用户，比比如说，如如果在区区域选择器器旁边放放提示，估估计没有多多少人会注注意到。”产品经理：“一个都没没选，就是是等于忽略略条件啊。因因为这些都都是限制条条件。”交互设计师师：“问题是用用户很难意意识到是这这样。在中中国人的

5、观观念中，大大家都是觉觉得，选上上的，是我我要的。但但是大家没没有不选选就等于全全要这种种思维习惯惯。”交互设计师师：“我觉得可可以这样。我我们在现在在的区域域选择器上面放两两个单选按按钮。一个个叫全国国，另一一个叫做指定。打打开页面时时，默认选选中全国国项，并并隐藏区区域选择器器。只有有用户选择择指定项时，区区域选择器器才会出现现。这样表表达就很明明确了，你你不是全全国就是是指定。”产品经理：“哦听起来不不错。试试试。”于是得到了了下面这个个版本的原原型图：交互设计师师：“嗯，我想想，现在这这个版本已已经基本上上从界面的的层面解决决了全国投投放的选项项问题，我我想，用户户应该不会会因为不知知

6、道怎么选选而卡在这这里了。”交互设计师师：“我看下一一步，需要要对一些关关键的元素素做一定的的视觉设计计，以便于于引导用户户操作。比比如添加加按钮，应应该更明显显些。我觉觉得可以请请UI设计师师出一个简简单版本的的UI了。”产品经理：“稍等一下下，我看咱咱们还是把把细节再讨讨论清楚一一些再去找找UI吧。比比如，字的的颜色啊什什么的都没没定呢。而而且，我觉觉得选中的的区域中，每每个城市名名称后面都都跟着一个个删除链接接，很奇怪怪。”交互设计师师：“嗯。的确确。我的想想法是这样样，字的颜颜色，就用用黑色吧，或或者是深一一些的灰色色也行。虽虽然从视觉觉设计的角角度来看，视视觉设计师师觉得稍浅浅一些的

7、灰灰色比较养养眼，可能能黑色太抢。但是咱咱们的系统统毕竟是给给人用的，灰灰色的话，可可能会让人人误认为这这些选项是是不可操作作的。你看看如何？”产品经理：“同意。”交互设计师师：“关于已经经选中的区区域列表。我我看可以把把删除链接换成成，事实上上，用户对对于这种符号号比汉字更更敏感。你你看，大家家不论是用用Winddows还还是Macc，关闭窗窗口的时候候都是，早就习习惯了。另另外，为了了让所选定定的城市名名称看起来来是一个整整体，并且且跟其他城城市名称区区分开。我我看，可以以给每一个个城市加上上背景色，每每个城市一一个色块，这这样也一目目了然。”产品经理：“颜色呢？”交互设计师师：“蓝色吧，

8、人人人网都是是蓝色的风风格。”产品经理：“ok”于是，配合合UI设计师师，得到了了下面的界界面：产品经理：“我看现在在这个地方方已经基本本上成型了了。咱们也也已经讨论论很很久了了。该问问问别人的意意见。”-时时间分割线线-产品经理：“Hi 各位。我我收集了一一些内部测测试的意见见。有用户户提出，搞搞不太清楚楚两个下拉拉菜单和添加按按钮之间的的关系。”交互设计师师：“什么意思思？”产品经理：“就是说，有有人意识不不到选完了了省，选完完了城市以以后，还得得点添加加。他们们觉得，选选完了就完完事了。”交互设计师师：“晕。”交互设计师师：“可能是已已选列表框框在空着的的时候长得得太秀气了了，大家没没意

9、识到它它是用来装装东西的。”交互设计师师：“好吧，我我有两个方方案。1、把添添加按钮钮上面加一一个向下的的箭头。指指向已选列列表框。22、在已选选列表空着着的时候，添添加一条提提示语，来来提示用户户他并没有有完成区域域选择操作作。”产品经理：“提示语那那个，你的的意思是说说，当用户户添加了城城市以后，会会自动消失失是吧？”交互设计师师：“是的。”产品经理：“我觉得加加提示吧。感感觉放箭头头有点儿傻傻。”交互设计师师：“嗯，而且且，可能放放了箭头以以后，用户户依然不知知所云。”产品经理：“那提示语语怎么说呢呢？您尚未未添加任何何区域，请请选定城市市后，点击击上面的添加按按钮，该城城市会被添添加到

10、”交互设计师师：“停！太长长了，大部部分人不会会认真看完完的。”产品经理：“的确”交互设计师师：“我看就一一句话就可可以。写您尚未添添加任何区区域。”交互设计师师：“你看。下下拉列表后后面的按钮钮叫添加加。提示示中又明确确的传达出出了尚未添加的的状态。这这样既说明明了这个框框框是用来来放东西的的，又可以以告诉用户户，这个东东西是可以以选多个的的。因为添加的的概念就是是一个一个个往里面放放。如果只只能放一个个，那应该该叫选择择。”产品经理：“顶。”交互设计师师：“而且，我我觉得这个个控件最初初的原型你你设计的不不错。嗯，用用户只要成成功的进行行一次操作作，以后就就可以非常常高效的进进行操作了了。

11、这个东东西的学习习成本和认认知成本都都比较低。”产品经理：“oh,yeahh”那么，现在在的UI是这样样的：产品经理：“哎，对了了。话说，我我最开始的的策略是，用用户如果不不选，相当当于全选，要要全国投放放的。你说说如果用户户选了指指定，但但是并没有有添加具体体的城市，直直接提交表表单，怎么么办？系统统是应该直直接把用户户的广告设设置成全国国投放，还还是报错，阻阻止用户继继续？”交互设计师师：“我看啊，报报错吧。因因为现在全国和和指定这两项，已已经明确的的把整体和和局部给分分开了。我我觉得你那那个策略没没必要再应应用了，因因为现在这这种已经达达到了你最最初的目的的，而且还还好理解。再再有就是，

12、咱咱们的平台台是涉及到到钱的，是是要让用户户花钱的，如如果让用户户不明不白白花了冤枉枉钱，本来来想投北京京的投了全全国，那我我们会被用用户骂死的的。虽然感感觉上报错错会让用户户有挫败感感，但是在在这种细节节上，还是是用户利益益应该放在在第一位，用用户体验，可可以稍微往往后放一放放了。”产品经理：“好吧。”交互设计师师：“呵呵，你你看，这个个故事告诉诉我们，不不能每件事事情都听产产品的。产产品提的只只是需求，但但是如何实实现需求，还还是得从多多个角度来来讨论。”产品经理：“好吧。那那么，技术术兄弟们，下下面的工作作就拜托你你们了。”总结：1、产品经经理和交互互设计师需需要时刻密密切配合，深深入沟

13、通。2、有时候候，产品策策略和用户户体验会发发生冲突，这这时应该从从多种角度度去考虑和和探讨最终终解决方案案，不应该该有谁一定定比谁重要要的说法。3、优秀的的产品经理理，相当于于半个交互互。同样，优优秀的交互互设计师，相相当于半个个产品。二二者虽然职职位不同，但但是应该在在一定程度度上考虑对对方的工作作内容。4、产品提提出的只是是策略和需需求，并不不是一定要要按照产品品人员所描描述的细节节去设计具具体的产品品细节。交交互设计师师以及团队队中其他所所有成员，有有义务有权权利对产品品需求提出出自己的见见解和更好好的设计方方案。有不不同意见可可以讨论，但但是最终决决定权，应应该依然属属于产品经经理。5、产品经经理之所以以叫经理，是是因为，他他们除了设设计产品，还还需要时刻刻把握整个个流程。比比如，当细细节没讨论论清楚的时时候，不要要去找UII做设计。