很多的产品经理认为自己在视觉的问题不太专业,所以验收的时候往往会忽视一些问题,那产品经理要如何验收设计稿呢?应该怎样去与设计师交流呢?
现在很多产品同学,在验收设计稿的时候,经常遇到以下问题:
- 设计规范:设计师说,我们现在设计规范就是这样的,产品觉得,既然都是规范了,就用着吧。
- 不懂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 协议
爱盈利-运营小咖秀(www.aiyingli.com) 始终坚持研究分享移动互联网App运营推广经验、策略、全案、渠道等纯干货知识内容;是广大App运营从业者的知识启蒙、成长指导、进阶学习的集聚平台;
想了解更多移动互联网干货知识,请关注微信公众号运营小咖秀(ID: yunyingshow)