威龙发艺发型设计价格联盟

没有任何专业设计知识的产品经理如何与设计师进行高效沟通?

这个产品有点扯2020-05-22 16:22:23

考虑到用户体验,认真读完本篇文章需要10分钟的时间。

引文


作为一只混迹江湖的产品汪,一年前你问我这个问题,我也不知道怎么回答,因为那个时候,我正在水深火热中挣扎……好不容易把需求梳理清楚了,功能清单整明白了,原型跟老大确认了,算是过五关斩六将地走到这一步吧,双手给设计奉上原型的时候,担心的问题就出来了。

不知道你是否也有这样的状况:

1、不知道怎么跟设计表达你想要的效果?

2、做出来的东西总是不如意,该怎么办?

3、每个人的意见都不一致,我该听谁的,要怎么跟设计传达领导的意见?

中枪了吗,有就对了,因为这是必经之路。本文就是来帮助你解决这些痛点的,看完之后你就明白沟通艺术有多么重要了。


正文


提笔之前,做过一个小范围的调查,关于PM与UI相爱相杀的微妙关系,我们先来看对设计师的提问环节,大家感受一下。


Q1  在与PM沟通的时候遇到过哪些困惑?


@白云黑土

一般困惑在于原型图上的一些东西,具体的要看项目。产品经理和UI设计就是产品中心,双方各自的考量,所以还是要多沟通,我们还是尊重产品经理对产品的理解,当然也会发表自己的见解。最后拍案的还是产品经理。


@墨菲

没啥困惑 基本都能解决


@maple

有时候设计稿出来之后,PM对于领导反馈的修改意见,自己也没有消化和理解,但是又没有跟领导沟通清楚,只是直接把领导的原话照搬反馈给设计师,然后在跟PM沟通的过程中会发现PM自己也不知道领导想要什么,从而导致设计稿的调整会失去方向。


@阿本

1.缺乏常识,包括设计和程序的常识。比如:认为在1920x1080的显示器上一屏的内容,在 1366x768的屏幕上也应该完整显示。

2.压缩设计时间。比如:我们的项目很赶,下周就要进入开发,这周得把页面做出来。

3.不用数据说话,把自己作为目标用户,从自己而非用户的角度理解产品,主观臆断。当然设计也存在这种问题。

4.有些需求明显很鸡肋,但是仍然坚持自己的意见。比如:在erp里做一个网盘,但是很基础的文件移动,分享,预览功能都没有。

5.提出了修改意见,自己不能想像出修改后的效果,同时设计已经提醒不要这么做,但是仍 然坚持“试看看”,做完了才觉得,确实不好,前后会耽误很多时间。

6.不具体的修改意见。比如,简单,大气,上档次,国际化,不好看,不是我要的效果等等 。


@依依

现阶段我接触到的大多数产品原型文档还算详细,但跳转、交互部分并没有很完整的去涉及,往往导致设计同学甚至前端开发人员对产品的理解不到位。

我遇到过一些产品,经常来跟设计人员反馈,这个技术实现不了(或技术实现成本高),要求更改设计稿!

Excuse me?

以一个工作了3~5年的设计人员而言,什么效果可以实现,什么效果不能实现,其实大家心里有答案,不想实现和不能实现是有本质区别的。

另外,后续反馈不足。关于产品的上线后的效果,页面的转化,好像就跟设计人员就没有关系了,好与不好,没有进行过总结


扎心没?这只是其中一个问题而已,更多评论请移步至彩蛋区。


讲道理不如举例子,下面我们就接入一个具体场景来分析与设计沟通的前、中、后期。

案例实战


讲这个例子前,纠结了一下,因为设计的类型有太多可以讲的了,小到icon,button,tab,标签,大到整个网站、后台系统等,so,我寻思着还是从大家喜闻乐见的banner入手。

现在有这样一个需求,给OTA网站打造一个崭新的目的地跟团游频道,在pc和m版上都需要重点展示。等你梳理完所有规则功能,确认好原型后,找到设计MM:

“hi,有空吗,给哥撸一张banner~”

要是你这样说,反手就是一巴掌。

正确打开姿势是:

“hi,妹子,我这边有一个新需求,关于欣欣优选(项目名称)的,需要给频道页设计一张主图,pc和m各一份,这是我的原型(附上原型地址或者其他表现方式),今天(根据紧急程度安排时间)有空的话可以先看一下。”

你以为说这些就够了?

“等你看完了再叫我,我再过来讲一下具体的细节,可以吗?”

先告知对方你要做什么,给他一个缓冲期,让他大致理解一下你说的内容。历史经验告诉我,不管你原型写得有多细致,如果你不当面去验证对方是否理解到你的意图或想法,做出来的东西往往会不尽人意。


先说第一个环节:你真的有在原型上标注很清楚吗?

除了banner上的主要文字内容以外,banner的尺寸标清楚了吗?这个banner是要做成静态的,还是gif?需要五毛钱的特效吗?要给他加链接吗?如果有的话,链接地址给出来了吗?这个banner或者这个页面的使用场景是什么?用户是从哪些入口来到这里的,banner要达到一个什么样的目的?用户群体的特征是?


如果考虑得更周全一点的话,直接给出你的想法。通常我会在自己有灵感的时候,在原型旁边标注思路,比如“此banner可以采用漫画的方式,两个人在对话,A说xxxx,B说xxxx,背景由xxx构成,重点突出品牌文案xxx。另外,我找了一些同类网站类似的banner(粘贴出网址url),供你参考,希望对你有帮助。”有PM可能觉得,这些都给设计想好了,那要设计干什么。千万不要这样想,想法你提供了,采不采纳是设计师们自己的意愿,也许在你的想法之下,他们有了更好的idea呢?所以表达你所想的,是为了给他们带来些许的灵感。一个好的产品经理,应该引导专业的人朝着正确的方向发展。


站好了脚跟,你才有底气去面对质疑。周全的准备工作做好后,不管对方提什么问题,你都能接招。

为了让本案例更具说服性,接下来我们看几张banner,边看边思考。


Pic1  pc版1920*360


这是为欣欣优选频道pc页设计的头图,没有链接,仅仅是一个展示说明的作用。通过这个banner,你能捕捉到哪些信息?

1、这是一个有关目的地跟团游的主题;

2、看起来比较实惠……

在给出的用户反馈中,提到最多的几点:偏暗,看起来不热闹,没有给人眼前一亮的感觉。假设你现在要将收集到的意见转达给设计师,如果你就这么说,那也太不专业了。

首先,分析一下用户的反馈。你可是一个万能的产品经理,当用户在说这些词语的时候,你应该快速转换成具象化的思维模式。我们可以这样说:在xx场景下(前置条件很重要),冷色系的banner给人疏远的印象,建议采用暖色调;考虑到夏天、暑假等元素,阳光沙滩海浪等可作为辅助背景,尽量营造出一种欢乐出游的愉快气氛。另外,这个频道主要强调的是品质跟团游,高性价比旅游产品,尤其适用家庭出游、团队出游。


这样讲,有没有清楚一点?在反馈设计师这些意见的时候,建议你先肯定他的劳动成果。90%的人存在的意义,就是希望得到别人的认可,在遇到与自己观念相左的态度时,不爽是正常的,但要学会去克制这种情绪,并把它转化成正向积极的效果。


当设计师对你的建议表示质疑的时候,不妨多听下他在创作这个banner时候的想法,或许你会收获意想不到的东西。


这是第二版:

Pic2  pc版1920*400


标题比较醒目了,气氛也努力营造了,文案换成了比较接地气的,但观察一下细节,你会发现:第一,不同区域的边缘过渡处理得比较粗糙;第二,景点散落在两边,1024的情况下,就只能看见中间的区域了;第三,既然有景点,有人物,为什么不把海洋换成公路,一家人自驾游的场景跃然而现;第四,标题放在人物上面,会比较压抑。除此以外,我们又找了一些价值观比较相近的图片给设计作为参考。


整理清楚这些问题之后,再反馈给设计,接下来是第三版:(重做是需要勇气的,说服设计重做则要看你的功力了)

Pic3  pc版1920*380


明显进步了,有木有!主体集中,视觉延伸的落脚点刚好在“欣欣优选”这个标题上面,气氛烘托也有了。在此基础上,设计师还追加了一个版本:

Pic4  pc版1920*380


Pic3、pic4有异曲同工之妙。Pic4在色彩舒适度上会更胜一筹。当然,还有优化空间:)

有没有注意到这四张banner的尺寸,高度发生了轻微变化,因为在做之前,我们并没有限制高度,而是希望设计自己来决定这个高度。

看完这几张banner之后,谁给你的印象更深?谁能让你过目不忘?谁会吸引你去关注这个频道?这都是我们要思考的。


我们平时说的大气、高大上、热闹等,这些词语是非常抽象的,它并不能给设计带来具体的建议,比如,布局排版,颜色,甚至是字体的选择。因为每一个细微的调整,都会影响你的第一印象。

我记得《腾讯方法》里面有一个桥段,令我印象颇深。

背景是《天天爱消除》这款游戏早期的时候邀请玩家测试。

用户体验室的主持人问玩家:“这个设计里面有没有你们喜欢的元素?”

“除了消除物以外,边框还不错!”一个玩家回答到。

画猫的员工在体验室后面脸都绿了,自己的设计在玩家面前居然什么都不是。

后来他连夜改了一版,第二天在测试的时候,喜欢的玩家就多了很多。

看完这段话,我的第一感想就是,诶,要是有用户体验室就好了,要是能让设计自己看到用户的反应就好了。But the truth is,大部分互联网企业没有所谓的用户体验室/观察室,还得靠产品经理将效果反馈给设计。那么问题来了,这么多人的意见,我听谁的啊?哪些又是可取的?

第一稿你过了吗?如果你觉得ok的话,再将设计稿分发给你的潜在用户(公司同事也好,自己的朋友也好,重点是,他们是经常使用你产品的人吗?)。接下来你就察言观色,注意他们评价的语气、用词、操作路径。当你发现某个问题被频繁提到时,那差不多你就找到那个点了。其他形形色色的问题,你就得自己拿捏了。放心,意见听多了,你会听出感觉的。

当然,如果你已经自信独立傲娇到不需要其他人的评价了,那你就忽略我上面的话吧。

关于那些需要自己拿捏的部分,坚持一个原则——始终站在用户(受众)的角度来取舍。作为一个产品经理,我们除了把控整体的美感,还要关注设计的可用性、易读性,以及商业价值。


上面的例子仅仅只是一个banner的沟通,当我们在面对其他复杂页面设计时,更加需要交代清楚产品的定义,背景,竞品的调研情况,你的信息越清楚,设计吸收得越准确,那么做出来的东西就会更加靠近你的理想值。

讲到这里,基本上回答完了开篇的几个问题。

曾经就如何提高自己的审美水准,也请教过一些人,不论专业与否。

多看,这个就真没诀窍了。熟能生巧,以后随便给你一张图,给你一套VI,你都能快速判断出他的价值。

多混。别误会了,这里的“混”是指,潜伏在设计师的圈子里,了解他们,感受他们,有精力的话,ps你应该要懂,最好还能有摄影的小兴趣,共同语言多了以后,你会发现,沟通并不难嘛。

最后,产品经理还是要多培养一些兴趣爱好,一个热爱生活、具有敏锐嗅觉力的产品才能真正关切到用户痛点。


说了这么多,不如来看个实际的页面。欣欣优选m版优选频道,经过每周一次的迭代,颜值与功能性的展示都不错,戳阅读原文,切身感受~我怎么觉得有点像在打广告……

还没完,微信小程序搜索“欣欣优选”,嗯,就是那只荧光绿大象。新鲜刚出炉的小程序,抢先体验~接下来的时间也会对它进行持续迭代,欢迎关注,共同进步。


彩蛋


是时候该放出来其他评论了。太长,你们慢慢享用。


Q2  你希望PM在与你沟通的时候告诉你哪些内容,会有助于你的设计?


@墨菲

对产品的思考 比如 这个页面哪里来 哪里去 为哪些人服务 有什么利益点


@maple

需要PM在沟通的过程中告知这些信息有助于设计:

 ①设计项目的相关项目背景概括;

 ②整体偏好的风格与色调建议;

 ③设计项目的应用场景;


@阿本

1.如果已经有了非常明确的构想,在提需求时直接说明。比如,已经确定要做一个橙色的H5 招聘页面,但是在提需求时不直说,抱着“希望看到设计师会不会有更好的方案”这样的想 法,结果设计师给了个蓝色的H5页面。等到做完以后,觉得不好,不够热烈欢快,要求重新改过。

2.用户数据。主观评价设计优劣容易导致互相撕逼,真实数据才能量化设计到底好不好。(我)在每次进行新的设计或者改版之前,都没有一个正规,完整的用户调研过程,设计后也没有做过灰度测试。改动的依据都来自以往的经验,产品经理口述他们对于用户的了解这类比较主观的想法。在这种情况下,最好能提供后台的数据,对设计效果进行评判。


@依依

在产品进行设计开发之前,建议PM与UI设计甚至是前后端的开发同学一起讨论产品原型;

在没有交互岗位的项目中,PM可以与设计同学一起承担起这部分,不管是产品经理还是设计人员都需要对最终的上线产品效果做一个预判;

就像设计同学在学校的时候学过VI这个课程,但VI之前呢,我们还有BI和MI,你的产品气质,品牌定位,面向的消费群体,都是需要做细分的,同样换做互联网产品,我们也需要对我们的产品气质,用户特征有一定的详尽的说明。这样做出来的产品才不会走偏。希望产品同学积极主动的沟通,不要以“你是专业的,你来想想”这种话去搪塞设计同学,其实设计师很反感这种不负责任的态度。

最后送给PM和UI一句话:手拉手,一起做出高尚的产品,纯粹的产品,脱离了低级趣味的产品,有益于人民的产品!



附录


能写完这篇文章,首先要感谢设计师依依的大力支持。也要感谢牛逼轰轰的前端云哥(此处应该@星云)在平时的设计稿中给出的建设性建议。

从酝酿、准备、调查,再到梳理,写这篇文章,前后花了20天左右的时间。目的就一个,希望PM与UI能沟通得更加顺利、愉快,从而提高执行效率。

其实,在开篇之前设置过一系列的采访问题,针对PM和UI,PM的回答没有被引用在文中,恩,我嫌弃他们答得不好。开玩笑.jpg

其实就是我想验证PM与UI沟通难的问题是否为刚需,我写这篇文章是否有意义。不管怎样,终于完成这篇文章了,不知道是否对你有帮助,如果有心得交流的朋友,在后台骚扰我吧。


本文属原创,禁止商用,转载请注明出处。

友情链接