UI設計丨流量的分發(fā)設計
內容產品的首頁大家都不陌生,作為承擔著品牌傳達和內容分發(fā)兩大基本使命的頁面,改版設計難度很高。除了其牽一發(fā)而動全身特殊地位外,面臨的最難問題是,為了什么而改?依據是什么?改完就能更好嗎?本期我們就從流量價值思維看看部落首頁的改版設計是怎樣的?希望各位小伙伴可以從中得到些啟發(fā)!
01.內容產品首頁的設計困惑
02.流量價值思維

部落作為58同城的內容社區(qū),天然坐擁百萬日活,其定位就是通過內容為重決策服務但低訪問頻率的產品提供粘性。而部落想達成內容吸引和活躍的目標,其第一步就是在首頁做好內容分發(fā),將用戶吸引進入更符合需求的內容或聚合,從而發(fā)揮后續(xù)價值。
而此時,部落剛好處于兩大內容型產品的合并時期,原有的布局鋪設的入口多且結構復雜,通過拉取所有入口的數據,發(fā)現主題內容入口流量占比少到可以忽略不計。那這些不被用戶“寵幸”的入口,是否該一去了之?

03.流量分發(fā)的判斷標準
首先必須明白,流量分發(fā)不是種樹,不能盲目砍掉小枝丫去供給已長成的粗壯樹枝,而要以是否能幫助流量達成產品價值為判斷標準,即該供給的是否得到滿足,整體流量比例是否合理。那如何判斷呢?這里有兩大標準:用戶天然需求比例、流量的產品價值。
·標準1:用戶天然的需求比例
即通過需求將用戶分類,在部落中,用戶大致被分為泛瀏覽用戶和深度瀏覽用戶。主要分別在是否有特定主題的內容興趣,兩者占比大概在9:1。
·標準2:流量的產品價值

通過以上標準可以判斷,那些被用戶忽略的主題入口,正是產品想要通過一級頁引流的、具備較高價值的流量入口,且用戶使用基數也遠大于現有流量分配。只是因為當前不合理的結構或設計造成了不被關注的現狀。因此,新首頁應該以分發(fā)深度流量為目標,提高該流量的占比。
04.流量分發(fā)的模型提取

第二步,抽取深度流量入口打標。

第三步,將所有處理過的競品圖像進行重疊,進行觀察,標記的匯聚區(qū)域即是目標入口位置集中的區(qū)域,標記的占比面積即是同類產品采用的平均曝光度。標記后發(fā)現,深度流量入口集中在頭部和feed流。頭部區(qū)域占比高,集中程度高,這樣設計的目的是方便已有的深度瀏覽用戶可以快速進入主題內容。第二,feed流中的入口相對弱化分散,占比小,但是feed流卡片的基礎構成之一,起著將泛瀏覽用戶轉化為深度瀏覽用戶的作用。

第四步,對比已有首頁的模型。發(fā)現當前首頁的深度流量入口占比偏少,頭部聚合不夠突出,feed流的基本卡片結構混亂,導致深度流量入口視覺感官不明顯,且由于顯示策略的問題,入口也時有時無。

05.用流量價值思維做設計重構
針對以上問題,我們對首頁進行了設計重構。
從結構上,我們首先簡化合并了重要性較低的內容類型入口,因為用戶是按內容瀏覽而不是類型瀏覽。其次,按照流量模型,我們將深度流量的入口集中安排在頭部,為了提升該部分的流量分發(fā)效率,讓用戶都能通過該模塊去往主題內容,這里運用自定義的設計手段,讓用戶自己編輯金剛位上顯示的部落,去拓寬命中率。然后,我們將主題內容變?yōu)閒eed流中的基礎卡片之一,在feed流中增加深度流量的引導。
從feed流基礎卡片上,首先,我們整體調整了卡片的內容分布,頭部空出用戶運營區(qū),將部落下移,將話題上移與內容連接,形成腰部主內容區(qū),之后承接閱后的互動區(qū)。其次,我們調整了圖片顯示效果、提升顯示質量,成為內容吸引的第一眼鉤子。至此,新的首頁誕生,我們通過提取模型對比了前后效果,從視覺上看新版的深度流量入口相比更貼近競品模型。


06.應用流量指標做模型驗證
還記得判斷流量分發(fā)的兩大標準嗎?我們的驗證指標也從這兩大標準而來。
標準1:用戶天然的需求比例,可以導出首頁向深度流量入口分發(fā)的流量占比是否有提升。
標準2:流量的產品價值,可以導出從首頁導向主題內容的流量占比是否提升,該部分流量的價值是否被發(fā)揮(用戶留存)。

07.小結

全部評論


暫無留言,趕緊搶占沙發(fā)
熱門資訊

【AI教程】五步教你用AI制作公司印章效果 ...

成長日記|剛剛,最新畢業(yè)班學員薪資表公布,月入8K+不是問題!...

學員采訪丨師兄師姐用行動告訴你思想決定高度!...

將視錯覺應用到平面設計創(chuàng)意中會怎么樣?

深圳網頁設計培訓班學費是多少?

web產品設計操作指南

【科普】什么是UI交互設計?

UI設計面試作品集到底應該怎么做?

沒有原創(chuàng)作品能找到UI設計工作嗎?
