導(dǎo)讀：內(nèi)容產(chǎn)品的首頁大家都不陌生，作為承擔(dān)著品牌傳達(dá)和內(nèi)容分發(fā)兩大基本使命的頁面，改版設(shè)計(jì)難度很高。除了其牽一發(fā)而動(dòng)全身特殊地位外，面臨的最難問題是，為了什么而改？依據(jù)是什么？改完就能更好嗎？本文就從流量價(jià)值思維開始，帶領(lǐng)我們看看部落首頁的改版設(shè)計(jì)。

01 流量價(jià)值思維

流量天然誕生于滿足用戶需求的場(chǎng)景中，而產(chǎn)品能從中獲取到什么價(jià)值，則需通過設(shè)計(jì)手段達(dá)到，例如獲取內(nèi)容（引導(dǎo)用戶創(chuàng)作）、獲取線索（引導(dǎo)用戶進(jìn)一步使用服務(wù)）、獲取收益（引導(dǎo)用戶付費(fèi)）等。

用戶產(chǎn)生的流量價(jià)值

部落作為58同城的內(nèi)容社區(qū)，天然坐擁百萬日活，其定位就是通過內(nèi)容為重決策服務(wù)但低訪問頻率的產(chǎn)品提供粘性。而部落想達(dá)成內(nèi)容吸引和活躍的目標(biāo)，其第一步就是在首頁做好內(nèi)容分發(fā)，將用戶吸引進(jìn)入更符合需求的內(nèi)容或聚合，從而發(fā)揮后續(xù)價(jià)值。

而此時(shí)，部落剛好處于兩大內(nèi)容型產(chǎn)品的合并時(shí)期，原有的布局鋪設(shè)的入口多且結(jié)構(gòu)復(fù)雜，通過拉取所有入口的數(shù)據(jù)，發(fā)現(xiàn)主題內(nèi)容入口流量占比少到可以忽略不計(jì)。那這些不被用戶“寵幸”的入口，是否該一去了之？

入口流量圖

02 流量分發(fā)的判斷標(biāo)準(zhǔn)

首先必須明白，流量分發(fā)不是種樹，不能盲目砍掉小枝丫去供給已長成的粗壯樹枝，而要以是否能幫助流量達(dá)成產(chǎn)品價(jià)值為判斷標(biāo)準(zhǔn)，即該供給的是否得到滿足，整體流量比例是否合理。那如何判斷呢？這里有兩大標(biāo)準(zhǔn)：用戶天然需求比例、流量的產(chǎn)品價(jià)值。

標(biāo)準(zhǔn)1：用戶天然的需求比例

即通過需求將用戶分類，在部落中，用戶大致被分為泛瀏覽用戶和深度瀏覽用戶。主要分別在是否有特定主題的內(nèi)容興趣，兩者占比大概在9:1。

標(biāo)準(zhǔn)2：流量的產(chǎn)品價(jià)值

泛瀏覽用戶未被培養(yǎng)具體興趣，習(xí)慣于在feed流瀏覽，互動(dòng)行為較少。而深度瀏覽用戶具備特定興趣，習(xí)慣在某個(gè)主題下瀏覽，且會(huì)產(chǎn)生互動(dòng)行為，有商業(yè)轉(zhuǎn)化的機(jī)會(huì)。因此，后者價(jià)值更稀缺，產(chǎn)品也更希望引導(dǎo)泛瀏覽用戶成為深度瀏覽用戶。

判斷標(biāo)準(zhǔn)

通過以上標(biāo)準(zhǔn)可以判斷，那些被用戶忽略的主題入口，正是產(chǎn)品想要通過一級(jí)頁引流的、具備較高價(jià)值的流量入口，且用戶使用基數(shù)也遠(yuǎn)大于現(xiàn)有流量分配。只是因?yàn)楫?dāng)前不合理的結(jié)構(gòu)或設(shè)計(jì)造成了不被關(guān)注的現(xiàn)狀。因此，新首頁應(yīng)該以分發(fā)深度流量為目標(biāo)，提高該流量的占比。

03 流量分發(fā)的模型提取

想要提升某入口的合理占比，無非就是動(dòng)結(jié)構(gòu)動(dòng)視覺，難在動(dòng)的有理有據(jù)。這里我們用視覺歸納的方法去研究入口的分布和占比。

第一步，將流量類型對(duì)應(yīng)的功能進(jìn)行歸納。

功能歸納

第二步，抽取深度流量入口打標(biāo)。

打標(biāo)

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

重疊

第四步，對(duì)比已有首頁的模型。發(fā)現(xiàn)當(dāng)前首頁的深度流量入口占比偏少，頭部聚合不夠突出，feed流的基本卡片結(jié)構(gòu)混亂，導(dǎo)致深度流量入口視覺感官不明顯，且由于顯示策略的問題，入口也時(shí)有時(shí)無。

04 用流量價(jià)值思維做設(shè)計(jì)重構(gòu)

針對(duì)以上問題，我們對(duì)首頁進(jìn)行了設(shè)計(jì)重構(gòu)。

從結(jié)構(gòu)上，我們首先簡化合并了重要性較低的內(nèi)容類型入口，因?yàn)橛脩羰前磧?nèi)容瀏覽而不是類型瀏覽。其次，按照流量模型，我們將深度流量的入口集中安排在頭部，為了提升該部分的流量分發(fā)效率，讓用戶都能通過該模塊去往主題內(nèi)容，這里運(yùn)用自定義的設(shè)計(jì)手段，讓用戶自己編輯金剛位上顯示的部落，去拓寬命中率。然后，我們將主題內(nèi)容變?yōu)閒eed流中的基礎(chǔ)卡片之一，在feed流中增加深度流量的引導(dǎo)。

從feed流基礎(chǔ)卡片上，首先，我們整體調(diào)整了卡片的內(nèi)容分布，頭部空出用戶運(yùn)營區(qū)，將部落下移，將話題上移與內(nèi)容連接，形成腰部主內(nèi)容區(qū)，之后承接閱后的互動(dòng)區(qū)。其次，我們調(diào)整了圖片顯示效果、提升顯示質(zhì)量，成為內(nèi)容吸引的第一眼鉤子。至此，新的首頁誕生，我們通過提取模型對(duì)比了前后效果，從視覺上看新版的深度流量入口相比更貼近競(jìng)品模型。

05 應(yīng)用流量指標(biāo)做模型驗(yàn)證

還記得判斷流量分發(fā)的兩大標(biāo)準(zhǔn)嗎？我們的驗(yàn)證指標(biāo)也從這兩大標(biāo)準(zhǔn)而來：

1. 用戶天然的需求比例，可以導(dǎo)出首頁向深度流量入口分發(fā)的流量占比是否有提升。
2. 流量的產(chǎn)品價(jià)值，可以導(dǎo)出從首頁導(dǎo)向主題內(nèi)容的流量占比是否提升，該部分流量的價(jià)值是否被發(fā)揮（用戶留存）。

通過灰度測(cè)試，一半用戶都使用了自定義部落功能，且該部分用戶的次日、3日、7日留存提升了2倍以上，從首頁導(dǎo)向主題內(nèi)容的流量占比也提升了一倍。

06 小結(jié)

流量價(jià)值思維，可以幫助設(shè)計(jì)師從業(yè)務(wù)角度思考流量分發(fā)的作用，讓設(shè)計(jì)更好的服務(wù)于產(chǎn)品目標(biāo)。視覺歸納法去抽象流量入口的分布狀態(tài)可以幫助我們快速理解頁面的流量理想分配，發(fā)現(xiàn)當(dāng)前流量分配的主要問題。

在后后后后面的文章中，我們還會(huì)帶著流量思維去做流量的轉(zhuǎn)化，點(diǎn)個(gè)小贊，敬請(qǐng)期待~

作者：梁晨曦，交互設(shè)計(jì)師

本文來源于人人都是產(chǎn)品經(jīng)理合作媒體@58用戶體驗(yàn)設(shè)計(jì)中心（微信公眾號(hào)@58UXD），作者@梁晨曦

題圖來自Unsplash，基于CC0協(xié)議