从 6 个方面着手:产品经理应如何与设计师沟通?
人人都是产品经理06-14

 

很多的产品经理认为自己在视觉的问题不太专业,所以验收的时候往往会忽视一些问题,那产品经理要如何验收设计稿呢?应该怎样去与设计师交流呢?

现在很多产品同学,在验收设计稿的时候,经常遇到以下问题:

设计规范:设计师说,我们现在设计规范就是这样的,产品觉得,既然都是规范了,就用着吧。

不懂 UI 无法给出建议:产品也看不出来视觉的好坏,感觉这个设计稿跟产品调性看起来相差不大,唉,差不多先上线吧。

UI 抄原型:自己的原型画得就很简陋,UI 照着原型出来,自己感觉很奇怪,但是又没法说:毕竟人家照着你的原型画的。

细节把握不准确:这个地方是左对齐好,还是居中对齐好,还是两端对齐好?

等等……

很多产品同学会觉得,产品经理主要负责逻辑、流程上的问题,视觉的问题自己不专业,所以在验收上就草草而行,保证没有大错就好。但是视觉是跟用户体验很近的,在视觉上给用户清晰的认知和良好的情感体验,非常重要。

先说问题:如何验收设计稿?

产品经理作为 " 门外汉 ",可以从以下几个方面着手:

一、有一些涉及元素,是可以不符合 " 设计规范的 "

比如:放在 app 首页的一个特别重要的按钮,需要很强的吸引用户去点击,但是 app 的设计规范中没有涉及到这种可能性,是可以独立做一个 " 只针对首页 " 的按钮的。如果其他地方要多次复用这个样式,就可以把它写进设计规范中。

二、设计稿的信息架构要与原型一致

展示哪些信息?哪些元素应该突出?哪些元素应该弱化?

这些内容产品是应该很了解的。尤其是对于商业产品,不要让设计稿影响产品既定的流量分发。

三、遵守版式设计 4 大设计原则

设计是有一些原则的,设计师也要遵循一定的原则,并不是设计师脑洞一开就可以的。

一般来讲设计需要符合以下几个原则:

(1)对比(Contrast)

对比的基本思想是,要避免页面上的元素太过相似,如果元素(字体、颜色、大小、线宽、形状、空间等)不相同,那就干脆让它们截然不同。

要让页面引人注目,对比通常是最重要的一个因素,对比能使读者更能看懂这个页面,不然整个页面都长得差不多,分不出主次。

(2)重复(Repetition)

让设计中的视觉要素在整个作品中重复出现,可以重复颜色、形状、材质、空间关系、线宽、字体、大小和图片等等。这样一来,既能增加条理性,还可以加强统一性。

举个例子:我们之前运营做了一个促销的活动,活动的主色调是紫色。我们当时 app 中很多 icon 都变成了淡紫色,首页的 banner 也跟促销的 H5 一致等。

(3)对齐(Alignment)

任何东西都不能在页面上随意安放,每个元素都应当与页面上的另一个元素有某种视觉联系。这样能建立一种清晰、精巧而且清爽的外观,尽量不要用居中对齐。

(4)亲密性(Proximity)

彼此相关的项应当靠近,归组在一起。如果多个项相互之间存在很近的亲密性,它们就会成为一个视觉单元,而不是多个孤立的元素。这有助于组织信息,减少混乱,为读者提供清晰的结构。产品要搞清楚信息架构,把相关的东西放在一起。

四、常见的设计细节,需要在交互中都考虑到,UI 没考虑到,不怪人家

该有点击态的按钮,是否有点击态?

加载中、断网、弱网等异常状态的处理等;哪些元素需要放在一起,哪些元素要放在二级页面等。这些需要在交互中考虑到(团队没有交互设计师,就是产品的活了)。

五、设计中的隐喻

视觉稿中的隐喻是否正确?

隐喻是设计中很重要的一环,被隐喻的客体往往来源于现实生活。产品要经常看一些做得比较好的视觉设计和工业设计,可以是时装、家居、文具、海报等,提升自己的审美,同时对于设计中的一些细节和隐喻,都能很好的把握到。

比如:按钮就隐喻了点击;菊花条就隐喻了 loading;哭脸就隐喻了 " 错误、失败 " 等。

六、设计稿符合通行的设计规范

HIG、material design 两个设计规范总要符合一个,因为用户已经被这两套教育过很多遍了,用通行的设计规范可以降低教育用户的成本,让用户更容易上手。

最后给大家分享几点我关于设计上的思考:

1. 为什么要有设计规范?哪些情况下要用设计规范?设计规范要做到什么样的颗粒度?

一个公司可能有很多个团队会提出设计需求,设计团队中可能有很多设计师。为了保障用户体验的连贯(说白了就是要各个设计师的设计样式看起来都差不多,不会出现用户在 A 页面看到按钮是这个样子而在 B 页面看到按钮是另一个样子),所以需要存在一个 " 规则 " ——即大家都按照这个规则去设计,来保障产出都差不多。

所以设计规范本质上是解决一个管理的问题。

可见,不是所有产品、所有团队、所有公司都需要设计规范,只有需要 " 管理 " 的,才要。

往小了说,笔者在做的 app,就有几种规定的按钮样式,这就是设计规范了;往大了说,比如:QQ,就有很详细的视觉规范,包括 logo 怎么用都有涉及。

所以设计规范做到什么颗粒度,看团队而定,大多数团队做到按钮样式、文字大小的颗粒度就好了。

2. 给出设计师合理的意见和参考,保障原型质量

产品在与设计师沟通前,需要跟各方提前沟通清楚产品的调性、页面的信息架构等;设计师主要是做视觉的部分就好了。

首先应该要多给设计师输入信息,比如:找一些类似的页面或功能、找一些元素(比如:要给用户传达 " 成功 " 的概念,就找一些对勾、礼花等元素给设计师)。

其次要保障原型的质量。不能自己原型上的两句文案用一样的字体字号字色,却跟设计师说 A 文案要突出显示,B 文案要弱化显示,这些都需要在你的原型上提现出来。

如果团队没有交互设计师,产品就好想得更细,比如:各种异常状态、各处的文案用词的一致等。

总之,想得越细越好,但是这些特别细的东西未必都要提现在你的文档上。

本文由 @破局 原创发布于人人都是产品经理。未经许可,禁止转载

题图来自 Pexels,基于 CC0 协议

原网页已经由 ZAKER 转码以便在移动设备上查看

评论
大家都在看