本文主要对阿里妈妈创意中心推出的《2019双11创意洞察报告》进行了拆解，分析了如何设置手机淘宝首页的焦点图的要素，并通过数据分析了什么是好的界面设计。

阿里妈妈创意中心在11月4日的时候，发布了一组报告《2019双11创意洞察报告》（点击标题即可查看报告）。

这个报告主要是把手机淘宝首页的焦点图的要素分解，通过数据比对，得出首页应该如何布局这些要素：Logo/标识、色调、产品/人像、内容展示、商品数量、调性。

利用实验法，控制其中单一要素，作为变量，在其他要素不变的情况下，调研其对点击率的影响。这个方式比较科学，所以研究的成果还是具备一定的科学性和真实性的。

01 打破了我们对UI设计的主观印象

我们主观上评论UI设计会从“好看”“不好看”上评估。但是实际上，在和周围设计师交流的过程中，我们会发现，这样主观的评论，是没有效率的。

其一，好看或者不好看评估的可是设计师的专业领域。主观评价会激起设计师强烈的防御机制。导致后续你说的话，设计师也难听得进去。

其二，主观性太强的领域，往往难以得到统一的结果。远近高低各不同，基于每个人的审美、立场、经验，得出来的结论各不相同。

其三，好不容易统一了观点，“好看”，但是或许“没用”。因为在UI设计里面，我们遵循的原则是：功能>交互>界面设计。我们首先要保证的是功能的完整，其实是交互的体验，最后才是界面的设计。所以放到banner上面，首先得看哪些要素是必备的，再把这些必备的进行合理的布局，最后才看搭配的界面是否好看。

其四，用客观的数据说话，提高效率。这个报告里面的banner图在我看来都挺好看的，但是数据表现的区别还是挺大的。说明有一个或者几个超越了好看这个范畴的东西，影响了数据。

02 从场景出发

我们仔细看这个报告，会发现，各个品类，得出的结果其实是不一样的：女装、运动、电器、居家这几个品类，由于购买人群、客单价、产品属性都各有不同，所以对banner的要求也各不相同。

比如说展示主体：

女装：从展示主体（包含带有模特的商品）的数量来看，2个展示主体效果最佳，优于单个和多个主体，而只有1个主体的效果也优于多个。

运动：在突出商品呈现的前提下，只摆放1个商品的效果比摆放更多个商品的效果提升13.4%。

电器：在电器类目下在突出商品的前提下，多个商品数量的效果优于其它数量，3个以上商品的展示效果更好。

所以单纯的分析banner的具备哪些要素才好是没有意义的，要把这些分析放到一定的场景中去。

这个banner面对的是什么样的人群？这些人群的喜好如何？要展示的商品属性怎么样？客单价怎么样？

考虑到这些以后，我们才来说好还是不好，才是有效率，有意义的。

03 知其然，知其所以然

调性追求清爽淡雅，明丽的大促暖色调效果反而不佳，简洁氛围更能提升质感和清晰突出商品本身。人像模特对商品有辅佐陪衬作用，

但相比人像，商品本身才是各类目的发力重点，尤其是对强调功能特性的产品。

女装、运动等重颜值的商品需要在保证整体调性的同时展现产品的细节；电器等单价较高的产品兴趣可在紧迫的促销氛围烘托中被激发；居家赖以产品与氛围的融合，和有创意的品牌表达。

为什么会是这样的结论呢？

因为电商本质是为了推销商品，那么商品其实才是重点，清爽淡雅的浅色单色，能够更大程度的突出商品的重点和细节。

但是如果是其他的类型，比如内容社区和直播等，可能内容和人才是重点，所以所谓的知其所以然，不是说我们要死记硬背下这个报告本身的结论，而是说我们要了解这里面的逻辑。

我们要明白，结论是什么，也要明白这个结论是怎么得出来的，为什么会是这个结论，而不是照本宣科。

掌握这个研究方法和推断过程，内化为自己的方法，才能不至于尽信书而做出错误的判断。

04 小结

我们通过对这个《2019双11创意洞察报告》的解析，打破了对界面设计的固有的主观判断，了解到了一切设计需要从场景出发。而对于报告的结论，我们也要多想几个为什么，知其然也要知其所以然。

以上图片都来自：《2019双11创意洞察报告》

作者：熊不知；公众号：熊不知（ID：xiongbuzhia）关注我，一起聊产品吧。

本文由 @熊不知 原创发布于人人都是产品经理，未经作者许可，禁止转载。

题图来自Unsplash，基于CC0协议。