电子通讯

如何在产品迭代中寻求美学体验创新?

2019-10-03 09:16

 

  产品上的视觉改版,首先少不了竞品分析,如何去选择竞品,是有原则的,有考究的。正如易经里所讲的“取法乎上,仅得其中;取法乎中,仅得其下”,诠释的很到位了。要分析就要分析行业内第一、第二的产品,尽量不要拿排名3以下的,参考价值较低,学到最好,充其量也是第四,无法树立行业标杆,何谈引领、超越?所以我们仅分析钉钉、微信两款应用。

  以消息列表举例分析,钉钉界面布局平衡,色彩明快,饱和度高,列表文字层次感强。经过深入研究,发现列表文字倾向色同样是蓝色,通过Alpha的不同实现统一。细节处理上更是巧妙得当,如右侧的置顶小三角。微信对比度强烈,属于高长调,方形头像,整齐划一。豆芽色调属于中性,配色上明度差别较小,饱和度较低,其中列表文字倾向色为红色、,色相混乱不一致。Icon纤细,缺少体积感,信息列表缺少层次感,置顶过于突兀,细节上还有很多地方值得我们去思考。

  会当凌绝顶,一览众山小。站在至高点,放眼回顾豆芽的历史版本,发现一层一层不断的增加新的功能,功能之强大,大而全,全而杂,假如制作一幅类似城市的鸟瞰图会是什么样子呢?更像生活区、商业区和工业区混在了一起,相信每个人都不想看到居住的小区里出现化工厂,冒着浓浓的黑烟。所以我们下一步的目标,就是找到产品的主线、核心竞争模块,围绕这个进行设计部署。

  这就引出了极简美学,给设计做减法,给心灵做加法。艺术领域有这么一个故事,一个普通的茶壶,怎么样变的更加精美别致?艺术家是这么处理的,先打破,往地上一摔,几乎全是碎片,而他有取舍的把碎片重新粘合在一起,结果成了一件价值不菲的工艺品。另外断臂维纳斯也充分印证了这一点。在大数据大时代下,产品设计同样适合这个——打散重组。

  豆芽图标就此进行了新的尝试,因为对于移动端界面,图标尤为重要,大部分为功能型图标,至于选择线性图标,还是面性图标、线面结合图标、扁平图标,似乎都缺少一点生机。用户对于老版本产生了视觉疲劳,同时又需要保留部分视觉记忆,从而增强图标识别度,所以这里对图标做了抽象化的缺口处理,即断点非闭合式图标,用最少的墨色表达最丰富的内容,给用户一个充分的想象空间,自动弥补缺失图形。

  墨绿常高雅的颜色,雅的明朗、雅得有生命力。但是经过反复的尝试,求证,跟色卡的比对,跟产品的融合,并不是很符合豆芽即时通讯的调性。把墨绿的饱和度逐渐降低,80%、60%、40%、20%,不能再低了,40%已经开始粉了,发现60%的墨绿明度上更合适,不过饱和度降低之后,光泽度也随之降低了,此时,要增添红色成分,继续调和,最终确定了我们的豆芽主色调,即孔雀绿,也许更贴切。

  工作台的广告位图片倾向于16:9的比例,或者横向更长一些,因为手机端空间有限,而且从美学角度上更美观舒适,视野更开阔。消息列表头像仍然保持原来的圆形,略有放大;工作台应用程序图标采用圆角方形,规范整体。方圆结合,不至于视觉上单调。头像尽量还原真实感受,但是提案时,头像品质还需把控,不能因小失大。

  人人都是产品经理(是以产品经理、运营为核心的学习、交流、分享平台,集、培训、社群为一体,全方位服务产品人和运营人,成立9年举办在线+期,线+场,产品经理大会、运营大会20+场,覆盖北上广深杭成都等15个城市,在行业有较高的影响力和知名度。平台聚集了众多BAT美团京东滴滴360小米网易等知名互联网公司产品总监和运营总监,他们在这里与你一起成长。