找出关键问题后就要去解决问题,那么如何解决问题是关键。此处需要保证在不改变新版设计语言的基础上对首屏 Sublist 的坑位透出做调整,那么只需要坑位透出3.5~4个坑位就能到达预期的效果,如何在有限的空间里解决这个问题,做了很多版本的尝试。
通过各类尝试得出ABCDEF六种方案后,这时候需要从设计细节的差异性逐一分析然后进行取舍:
A.此方案为目前 v4.0实行方案,可以明显看出单屏的效率只能展示3个商品坑位,因此是造成用户在浏览的过程中会流失的根本原因;
B.此方案计与 v3.9通栏无太大差异,所以问题就是:1.版式陈旧老化;2.信息过多整体会导致页面看起来杂乱无章;
C.此方案除了版式陈旧信息过多问题外,图片变小导致用户对信息细节辨识度不高,直接pass,所以通栏的方案在当前场景中完全不可行。
D.此方案基于 v4.0上,缩进了卡片内信息的距离,更加突出"抢购"的紧凑感氛围,同时单屏能显示3.5个商品坑位,解决了屏效的主要问题,同时数据显示比通栏式设计曝光点击率有所提升,也符合淘宝的设计风格规范,但是单卡片样式商品与商品之间分割感太强烈;
E.此方案将所有商品坑位包含在一个大卡片内,解决了商品与商品之间的分割感,商品信息细节也比小卡片展示得更完全,但存在问题就是:每个商品之间的间隔存在的分割线导致间距过大,屏效又回到旧版只能展示3个的问题,不能解决主要问题,所以pass;
F.此方案在大卡片设计上进行了优化,取消了分割线的设计,缩进了商品与商品之间的间距,解决了小卡片式商品与商品之间分割感强烈的问题,图片的大小信息细节也能给用户良好的体验,最主要单屏显示3.5个商品坑位,解决了最主要的问题,也符合最新的淘宝设计规范和风格,此方案为最佳方案。
最后采用了F方案,也就是目前我们线上看到的效果,在灰度上线和 A/B test 后数据反馈,淘抢购 v4.0.1的成交量&成交率相比 v4.0有很明显的上升甚至超出了 v3.9的数据,这是通过寻找设计细节上的差异性来解决问题最好的案例。再次证明:设计思维不应被视为一种具体而不灵活的设计方法,细节的差异性有时候往往能起到产品的关键性作用,所以设计师从设计层面上去解决问题的时候,要不断通过寻找产品之间的差异性,培养自己设计思维中的差异性。
动效差异性的运用
产品设计中,动效作为一种辅助手段,帮助设计师传达具象的意愿,帮助开发理解交互手段,是一种锦上添花的表达;前面的内容更偏向于战略层,而动效则偏向于表现层,同一种想表达的心智不同的样式表达的效果完全不同。如何做好动效在产品中的表现,我们就需要了解不同的动效所带来的性质传达。
举个例子,某个弹窗需要对行动点通过动效的展示进行强化,但是同样是强化行动点,如果产品是需要体现出质感、高端等心智时,那么在动效上的处理上就应该体现出高品质高质感的动效,如果产品主要用户为女性或者年龄偏小的用户,则需要体现出可爱、亲切感的心智。那么在动效的选择上,就需要通过平时对动效的收集积累,然后熟悉不同的动效所表达的性质,才能从中选择最优的方案。比如 Q弹缩放的动效看起来亲切感更强,闪光的按钮看起来质感更加强烈一些。
动效向来是产品的辅助,动效应该是克制的,只有了解动效的性质,通过动效的差异性,完美地契合产品,才能发挥出动效的最大作用。
总结
在如今网络时代和社会化媒体的大潮下,产品设计差异化的力量不仅仅基于竞争,更要基于消费者需求的敏锐察觉和捕捉;设计思维的共通性和差异性,在今天也比以往任何时代都显得重要。识别和竞争的需要决定了产品一定要差异化,而诚信和责任要求产品必须做到共通,差异性是产品价值的基础,而共通性则是产品价值的保障。设计思维不应被视为一种具体而不灵活的设计方法,而是需要设计师们通过自己的经验积累,刻意地培养设计与产品之间差异性和共通性的意识,总结归纳出一套适用自己的设计思维。
参考资料
·《5 Stages in the Design Thinking Process》Rikke DamAndTEO Siang,2015
·《Design thinking is a process for creative problem solving》David Kelley,2007
·《Google Design Sprint 设计方法介绍》Baoling
URL:http://www.jianshu.com/p/608db80f0cd0
·《做品牌一定要知道的两个词"差异性","一致性"》四喜品牌包装设计
URL:http://baijiahao.baidu.com/s?id=1595907484693767671&wfr=spider&for=pc
FEVTE编注:更多平面设计理论学习请访问飞特网平面设计理论知识栏目,地址:https://www.fevte.com/plan/shejililun/
飞特游客
委托设计