起點課堂會員權(quán)益
職業(yè)體系課特權(quán)
線下行業(yè)大會特權(quán)
個人IP打造特權(quán)
30+門專項技能課
1300+專題課程
12場職場軟技能直播
12場求職輔導(dǎo)直播
12場專業(yè)技能直播
會員專屬社群
榮耀標(biāo)識阿里媽媽《2019雙11創(chuàng)意洞察報告》：透過數(shù)據(jù)看界面設(shè)計要點
本文主要對阿里媽媽創(chuàng)意中心推出的《2019雙11創(chuàng)意洞察報告》進(jìn)行了拆解，分析了如何設(shè)置手機(jī)淘寶首頁的焦點圖的要素，并通過數(shù)據(jù)分析了什么是好的界面設(shè)計。
阿里媽媽創(chuàng)意中心在11月4日的時候，發(fā)布了一組報告《2019雙11創(chuàng)意洞察報告》（點擊標(biāo)題即可查看報告）。
這個報告主要是把手機(jī)淘寶首頁的焦點圖的要素分解，通過數(shù)據(jù)比對，得出首頁應(yīng)該如何布局這些要素：Logo/標(biāo)識、色調(diào)、產(chǎn)品/人像、內(nèi)容展示、商品數(shù)量、調(diào)性。
利用實驗法，控制其中單一要素，作為變量，在其他要素不變的情況下，調(diào)研其對點擊率的影響。這個方式比較科學(xué)，所以研究的成果還是具備一定的科學(xué)性和真實性的。
01?打破了我們對UI設(shè)計的主觀印象
我們主觀上評論UI設(shè)計會從“好看”“不好看”上評估。但是實際上，在和周圍設(shè)計師交流的過程中，我們會發(fā)現(xiàn)，這樣主觀的評論，是沒有效率的。
其一，好看或者不好看評估的可是設(shè)計師的專業(yè)領(lǐng)域。主觀評價會激起設(shè)計師強(qiáng)烈的防御機(jī)制。導(dǎo)致后續(xù)你說的話，設(shè)計師也難聽得進(jìn)去。
其二，主觀性太強(qiáng)的領(lǐng)域，往往難以得到統(tǒng)一的結(jié)果。遠(yuǎn)近高低各不同，基于每個人的審美、立場、經(jīng)驗，得出來的結(jié)論各不相同。
其三，好不容易統(tǒng)一了觀點，“好看”，但是或許“沒用”。因為在UI設(shè)計里面，我們遵循的原則是：功能>交互>界面設(shè)計。我們首先要保證的是功能的完整，其實是交互的體驗，最后才是界面的設(shè)計。所以放到banner上面，首先得看哪些要素是必備的，再把這些必備的進(jìn)行合理的布局，最后才看搭配的界面是否好看。
其四，用客觀的數(shù)據(jù)說話，提高效率。這個報告里面的banner圖在我看來都挺好看的，但是數(shù)據(jù)表現(xiàn)的區(qū)別還是挺大的。說明有一個或者幾個超越了好看這個范疇的東西，影響了數(shù)據(jù)。
02?從場景出發(fā)
我們仔細(xì)看這個報告，會發(fā)現(xiàn)，各個品類，得出的結(jié)果其實是不一樣的：女裝、運(yùn)動、電器、居家這幾個品類，由于購買人群、客單價、產(chǎn)品屬性都各有不同，所以對banner的要求也各不相同。
比如說展示主體：
女裝：從展示主體（包含帶有模特的商品）的數(shù)量來看，2個展示主體效果最佳，優(yōu)于單個和多個主體，而只有1個主體的效果也優(yōu)于多個。
運(yùn)動：在突出商品呈現(xiàn)的前提下，只擺放1個商品的效果比擺放更多個商品的效果提升13.4%。
電器：在電器類目下在突出商品的前提下，多個商品數(shù)量的效果優(yōu)于其它數(shù)量，3個以上商品的展示效果更好。
所以單純的分析banner的具備哪些要素才好是沒有意義的，要把這些分析放到一定的場景中去。
這個banner面對的是什么樣的人群？這些人群的喜好如何？要展示的商品屬性怎么樣？客單價怎么樣？
考慮到這些以后，我們才來說好還是不好，才是有效率，有意義的。
03?知其然，知其所以然
調(diào)性追求清爽淡雅，明麗的大促暖色調(diào)效果反而不佳，簡潔氛圍更能提升質(zhì)感和清晰突出商品本身。人像模特對商品有輔佐陪襯作用，
但相比人像，商品本身才是各類目的發(fā)力重點，尤其是對強(qiáng)調(diào)功能特性的產(chǎn)品。
女裝、運(yùn)動等重顏值的商品需要在保證整體調(diào)性的同時展現(xiàn)產(chǎn)品的細(xì)節(jié)；電器等單價較高的產(chǎn)品興趣可在緊迫的促銷氛圍烘托中被激發(fā)；居家賴以產(chǎn)品與氛圍的融合，和有創(chuàng)意的品牌表達(dá)。
為什么會是這樣的結(jié)論呢？
因為電商本質(zhì)是為了推銷商品，那么商品其實才是重點，清爽淡雅的淺色單色，能夠更大程度的突出商品的重點和細(xì)節(jié)。
但是如果是其他的類型，比如內(nèi)容社區(qū)和直播等，可能內(nèi)容和人才是重點，所以所謂的知其所以然，不是說我們要死記硬背下這個報告本身的結(jié)論，而是說我們要了解這里面的邏輯。
我們要明白，結(jié)論是什么，也要明白這個結(jié)論是怎么得出來的，為什么會是這個結(jié)論，而不是照本宣科。
掌握這個研究方法和推斷過程，內(nèi)化為自己的方法，才能不至于盡信書而做出錯誤的判斷。
04?小結(jié)
我們通過對這個《2019雙11創(chuàng)意洞察報告》的解析，打破了對界面設(shè)計的固有的主觀判斷，了解到了一切設(shè)計需要從場景出發(fā)。而對于報告的結(jié)論，我們也要多想幾個為什么，知其然也要知其所以然。
以上圖片都來自：《2019雙11創(chuàng)意洞察報告》
作者：熊不知；公眾號：熊不知（ID：xiongbuzhia）關(guān)注我，一起聊產(chǎn)品吧。
本文由 @熊不知 原創(chuàng)發(fā)布于人人都是產(chǎn)品經(jīng)理，未經(jīng)作者許可，禁止轉(zhuǎn)載。
題圖來自Unsplash，基于CC0協(xié)議。
作者：熊不知；公眾號：熊不知（ID：xiongbuzhia）關(guān)注我，一起聊產(chǎn)品吧