本文主要對阿里媽媽創意中心推出的《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協議。
閱讀更多 人人都是產品經理 的文章
