本文主要對(duì)阿里媽媽創(chuàng)意中心推出的《2019雙11創(chuàng)意洞察報(bào)告》進(jìn)行了拆解，分析了如何設(shè)置手機(jī)淘寶首頁(yè)的焦點(diǎn)圖的要素，并通過(guò)數(shù)據(jù)分析了什么是好的界面設(shè)計(jì)。

阿里媽媽創(chuàng)意中心在11月4日的時(shí)候，發(fā)布了一組報(bào)告《2019雙11創(chuàng)意洞察報(bào)告》（點(diǎn)擊標(biāo)題即可查看報(bào)告）。

這個(gè)報(bào)告主要是把手機(jī)淘寶首頁(yè)的焦點(diǎn)圖的要素分解，通過(guò)數(shù)據(jù)比對(duì)，得出首頁(yè)應(yīng)該如何布局這些要素：Logo/標(biāo)識(shí)、色調(diào)、產(chǎn)品/人像、內(nèi)容展示、商品數(shù)量、調(diào)性。

利用實(shí)驗(yàn)法，控制其中單一要素，作為變量，在其他要素不變的情況下，調(diào)研其對(duì)點(diǎn)擊率的影響。這個(gè)方式比較科學(xué)，所以研究的成果還是具備一定的科學(xué)性和真實(shí)性的。

01?打破了我們對(duì)UI設(shè)計(jì)的主觀印象

我們主觀上評(píng)論UI設(shè)計(jì)會(huì)從“好看”“不好看”上評(píng)估。但是實(shí)際上，在和周圍設(shè)計(jì)師交流的過(guò)程中，我們會(huì)發(fā)現(xiàn)，這樣主觀的評(píng)論，是沒有效率的。

其一，好看或者不好看評(píng)估的可是設(shè)計(jì)師的專業(yè)領(lǐng)域。主觀評(píng)價(jià)會(huì)激起設(shè)計(jì)師強(qiáng)烈的防御機(jī)制。導(dǎo)致后續(xù)你說(shuō)的話，設(shè)計(jì)師也難聽得進(jìn)去。

其二，主觀性太強(qiáng)的領(lǐng)域，往往難以得到統(tǒng)一的結(jié)果。遠(yuǎn)近高低各不同，基于每個(gè)人的審美、立場(chǎng)、經(jīng)驗(yàn)，得出來(lái)的結(jié)論各不相同。

其三，好不容易統(tǒng)一了觀點(diǎn)，“好看”，但是或許“沒用”。因?yàn)樵赨I設(shè)計(jì)里面，我們遵循的原則是：功能>交互>界面設(shè)計(jì)。我們首先要保證的是功能的完整，其實(shí)是交互的體驗(yàn)，最后才是界面的設(shè)計(jì)。所以放到banner上面，首先得看哪些要素是必備的，再把這些必備的進(jìn)行合理的布局，最后才看搭配的界面是否好看。

其四，用客觀的數(shù)據(jù)說(shuō)話，提高效率。這個(gè)報(bào)告里面的banner圖在我看來(lái)都挺好看的，但是數(shù)據(jù)表現(xiàn)的區(qū)別還是挺大的。說(shuō)明有一個(gè)或者幾個(gè)超越了好看這個(gè)范疇的東西，影響了數(shù)據(jù)。

02?從場(chǎng)景出發(fā)

我們仔細(xì)看這個(gè)報(bào)告，會(huì)發(fā)現(xiàn)，各個(gè)品類，得出的結(jié)果其實(shí)是不一樣的：女裝、運(yùn)動(dòng)、電器、居家這幾個(gè)品類，由于購(gòu)買人群、客單價(jià)、產(chǎn)品屬性都各有不同，所以對(duì)banner的要求也各不相同。

比如說(shuō)展示主體：

女裝：從展示主體（包含帶有模特的商品）的數(shù)量來(lái)看，2個(gè)展示主體效果最佳，優(yōu)于單個(gè)和多個(gè)主體，而只有1個(gè)主體的效果也優(yōu)于多個(gè)。

運(yùn)動(dòng)：在突出商品呈現(xiàn)的前提下，只擺放1個(gè)商品的效果比擺放更多個(gè)商品的效果提升13.4%。

電器：在電器類目下在突出商品的前提下，多個(gè)商品數(shù)量的效果優(yōu)于其它數(shù)量，3個(gè)以上商品的展示效果更好。

所以單純的分析banner的具備哪些要素才好是沒有意義的，要把這些分析放到一定的場(chǎng)景中去。

這個(gè)banner面對(duì)的是什么樣的人群？這些人群的喜好如何？要展示的商品屬性怎么樣？客單價(jià)怎么樣？

考慮到這些以后，我們才來(lái)說(shuō)好還是不好，才是有效率，有意義的。

03?知其然，知其所以然

調(diào)性追求清爽淡雅，明麗的大促暖色調(diào)效果反而不佳，簡(jiǎn)潔氛圍更能提升質(zhì)感和清晰突出商品本身。人像模特對(duì)商品有輔佐陪襯作用，

但相比人像，商品本身才是各類目的發(fā)力重點(diǎn)，尤其是對(duì)強(qiáng)調(diào)功能特性的產(chǎn)品。

女裝、運(yùn)動(dòng)等重顏值的商品需要在保證整體調(diào)性的同時(shí)展現(xiàn)產(chǎn)品的細(xì)節(jié)；電器等單價(jià)較高的產(chǎn)品興趣可在緊迫的促銷氛圍烘托中被激發(fā)；居家賴以產(chǎn)品與氛圍的融合，和有創(chuàng)意的品牌表達(dá)。

為什么會(huì)是這樣的結(jié)論呢？

因?yàn)殡娚瘫举|(zhì)是為了推銷商品，那么商品其實(shí)才是重點(diǎn)，清爽淡雅的淺色單色，能夠更大程度的突出商品的重點(diǎn)和細(xì)節(jié)。

但是如果是其他的類型，比如內(nèi)容社區(qū)和直播等，可能內(nèi)容和人才是重點(diǎn)，所以所謂的知其所以然，不是說(shuō)我們要死記硬背下這個(gè)報(bào)告本身的結(jié)論，而是說(shuō)我們要了解這里面的邏輯。

我們要明白，結(jié)論是什么，也要明白這個(gè)結(jié)論是怎么得出來(lái)的，為什么會(huì)是這個(gè)結(jié)論，而不是照本宣科。

掌握這個(gè)研究方法和推斷過(guò)程，內(nèi)化為自己的方法，才能不至于盡信書而做出錯(cuò)誤的判斷。

04?小結(jié)

我們通過(guò)對(duì)這個(gè)《2019雙11創(chuàng)意洞察報(bào)告》的解析，打破了對(duì)界面設(shè)計(jì)的固有的主觀判斷，了解到了一切設(shè)計(jì)需要從場(chǎng)景出發(fā)。而對(duì)于報(bào)告的結(jié)論，我們也要多想幾個(gè)為什么，知其然也要知其所以然。

以上圖片都來(lái)自：《2019雙11創(chuàng)意洞察報(bào)告》

作者：熊不知；公眾號(hào)：熊不知（ID：xiongbuzhia）關(guān)注我，一起聊產(chǎn)品吧。

本文由 @熊不知 原創(chuàng)發(fā)布于人人都是產(chǎn)品經(jīng)理，未經(jīng)作者許可，禁止轉(zhuǎn)載。

題圖來(lái)自Unsplash，基于CC0協(xié)議。