產(chǎn)品首頁的feed流很大程度上影響著用戶對(duì)體驗(yàn)觀感的認(rèn)知，如何設(shè)計(jì)出一個(gè)抓住他人眼球的feed流？本文通過一系列的實(shí)驗(yàn)，給大家提供一些新思路，希望對(duì)你有所啟發(fā)。

產(chǎn)品首頁的Feed流很大程度承載了用戶對(duì)頁面體驗(yàn)觀感的認(rèn)知，那么如何讓你設(shè)計(jì)的Feed流抓住用戶的眼球呢？

最近我們?cè)谧?8首頁Feed流優(yōu)化時(shí)，做了一系列實(shí)驗(yàn)，也許這些實(shí)驗(yàn)結(jié)論可以給你提供一些不一樣的思路。

一、feed流數(shù)據(jù)實(shí)驗(yàn)背景

一年前我們做平臺(tái)首頁改版的時(shí)候，經(jīng)歷了非常艱難的選擇，F(xiàn)eed流選列表還是卡片？將Feed流在首屏抬高的版本好，還是壓低的版本好？

首頁改版上線后，我們持續(xù)跟蹤Feed反饋數(shù)據(jù)。我們發(fā)現(xiàn)在首頁Feed流卡片中，由于招聘業(yè)務(wù)天然不利于以卡片形式展示，在其余業(yè)務(wù)線均基本維持原有點(diǎn)擊的情況下，只有招聘點(diǎn)擊數(shù)據(jù)下跌嚴(yán)重。

為什么唯獨(dú)招聘點(diǎn)擊出現(xiàn)下滑？

我們從設(shè)計(jì)的角度出發(fā)，羅列了4個(gè)可能導(dǎo)致招聘卡片點(diǎn)擊差距的因素：

• 圖片：招聘相比較于其他有圖的業(yè)務(wù)線，視覺吸引性差一些；
• 內(nèi)容：招聘的信息承載比較局限，大段職位詳情也無法精準(zhǔn)提煉；
• 高度：本身招聘貼的所占面積偏小，2個(gè)招聘貼比1個(gè)帶圖帖高度還要低；
• 樣式：純文字樣式排版影響用戶的信息獲取效率。

找準(zhǔn)問題和方向，是實(shí)驗(yàn)成功的開始。那么如何去準(zhǔn)確定位問題呢？我們選擇使用雙鉆模型這一工具來幫助我們制定卡片實(shí)驗(yàn)方案。

二、確定實(shí)驗(yàn)內(nèi)容

招聘Feed流實(shí)驗(yàn)?zāi)康?，希望將前期?duì)于招聘卡片存在的未知的/可能影響因素，通過設(shè)計(jì)的調(diào)研，定義到關(guān)鍵影響因素。從而有目的有規(guī)劃的產(chǎn)出設(shè)計(jì)方案，最終通過數(shù)據(jù)反饋，去認(rèn)證影響招聘卡片的可能因素。

調(diào)研發(fā)現(xiàn)：

首先第一步，我們從用戶關(guān)注度調(diào)研出發(fā)。招聘之前做過一期關(guān)于招聘用戶在列表、詳情頁對(duì)于招聘信息的關(guān)注度調(diào)研，訪談了20多名用戶，了解用戶關(guān)注的招聘信息順位排序是什么。

我們對(duì)最終的調(diào)研結(jié)果進(jìn)行了一個(gè)概括整理，發(fā)現(xiàn)-招聘用戶對(duì)于招聘信息的關(guān)注度從高到低分別為：

1. 職位真實(shí)性：職位名稱、職位要求；
2. 福利優(yōu)越性：福利待遇、薪資、工作環(huán)境；
3. 通勤便利性：工作通勤距離；
4. 公司可靠性：行業(yè)偏好、公司規(guī)模、招聘者身份；

同時(shí)，由于平臺(tái)特性，在做招聘實(shí)驗(yàn)的同時(shí)，我們還需要考慮首頁的其他業(yè)務(wù)，多畫像用戶的多樣性，業(yè)務(wù)模版的統(tǒng)一性，以及不同業(yè)務(wù)之間的個(gè)性化差異。

基于用戶和業(yè)務(wù)的洞察，我們開始發(fā)散實(shí)驗(yàn)對(duì)象，根據(jù)招聘目前的信息能力，從目前現(xiàn)有的信息元素，去定義可能影響的實(shí)驗(yàn)的因素。從職位真實(shí)性出發(fā)，定位到環(huán)境圖片/職位名稱和職位類目。由此定義出了實(shí)驗(yàn)的第一期——圖片信息對(duì)于求職者的點(diǎn)擊影響。

我們分別設(shè)計(jì)了3個(gè)方案來進(jìn)行數(shù)據(jù)測(cè)試。

1. 圖片實(shí)驗(yàn)：“真實(shí)”好于“想象”

首先測(cè)試的這兩版是：

1. 【第一版｜固定的大字報(bào)運(yùn)營圖】
2. 【第二版｜Faceteam小人圖片上覆蓋上標(biāo)題、薪資等字段】

我們發(fā)現(xiàn)大字報(bào)圖片確實(shí)有吸引點(diǎn)擊的效果，UV-CTR相對(duì)較高。但是對(duì)薪資福利感興趣的群體會(huì)對(duì)強(qiáng)調(diào)薪資的版本進(jìn)行重復(fù)點(diǎn)擊的操作，所以該版本下PV-CTR會(huì)相對(duì)較高。

接下來，我們測(cè)試的兩版為：

1. 【第三版｜在招聘貼重點(diǎn)字段本身覆蓋底色】
2. 【第四版｜企業(yè)店面真實(shí)圖片】

兩版進(jìn)行比較后我們發(fā)現(xiàn)更多的用戶會(huì)傾向于點(diǎn)擊真實(shí)店面作為圖片的版本，這一版UV-CTR會(huì)明顯的高于重點(diǎn)字段覆蓋底色的版本。

分析完細(xì)節(jié)，我們?cè)購暮暧^的角度看。業(yè)務(wù)貼除點(diǎn)擊外，另一個(gè)重點(diǎn)關(guān)注指標(biāo)就是連接。所以我們也從連接層面看一下幾版圖片測(cè)試方案的表現(xiàn)。

很明顯，企業(yè)真實(shí)圖片版本從展現(xiàn)到點(diǎn)擊的比例幾乎是其他版本的2倍， 故連接到點(diǎn)擊也有很好的表現(xiàn)。所以在業(yè)務(wù)連接層面講，真實(shí)企業(yè)圖片這版是最受歡迎的。此外，字段覆蓋底色這版從點(diǎn)擊到連接的表現(xiàn)也不容忽視。

所以圖片實(shí)驗(yàn)的部分，我們的實(shí)驗(yàn)結(jié)論是：“真實(shí)”好于“想象”。

用戶會(huì)更加傾向于能展現(xiàn)企業(yè)真實(shí)面貌的圖片。

2. 福利實(shí)驗(yàn) “精細(xì)”好于“模糊”

二期實(shí)驗(yàn)從福利優(yōu)越性出發(fā)，定位到“福利標(biāo)簽”和“推薦語”元素。二期實(shí)驗(yàn)主題是福利信息對(duì)于求職者的點(diǎn)擊影響。

福利實(shí)驗(yàn)的起因是，原本招聘貼在缺少附圖加持下，天然所占版面小于其他業(yè)務(wù)。所以我們希望調(diào)整卡片的展示字段，測(cè)試出高度對(duì)用戶點(diǎn)擊吸引的影響。做了一系列關(guān)于高度的嘗試后，關(guān)于福利展示的部分有了一些發(fā)現(xiàn)。

實(shí)驗(yàn)之前，我們對(duì)推薦語和標(biāo)簽并沒有做太多的重視，認(rèn)為不加推薦語和標(biāo)簽的招聘帖，可以凸顯招聘貼本身的重點(diǎn)，即地理位置和職位信息，增加屏效。但是在實(shí)際實(shí)驗(yàn)中我們發(fā)現(xiàn)，展示推薦語和標(biāo)簽的版本，明顯要比不展示的數(shù)據(jù)好很多，這驗(yàn)證了用戶對(duì)薪資福利信息比我們預(yù)想中的更為關(guān)注。

此外，我們有意識(shí)的將平臺(tái)推薦語庫改為業(yè)務(wù)的多維度推薦語。業(yè)務(wù)側(cè)往往有更完善更多面的推薦話術(shù)。無論是從補(bǔ)貼待遇，還是福利薪酬，都更貼合于當(dāng)前的招聘內(nèi)容。將業(yè)務(wù)多維度推薦話術(shù)推薦體系接入到平臺(tái)，也可以讓首頁Feed流推薦形式更豐富完整。

此外，我們還做了另一項(xiàng)測(cè)試，內(nèi)容是關(guān)于招聘貼左上角的標(biāo)簽。

之前為了區(qū)分與其他業(yè)務(wù)的差異，將“找工作”作為標(biāo)簽放置在左上角。如今我們更加細(xì)分類目，將“職位類目”直接摘取放在卡片左上角，這個(gè)職位類目下的受眾群體是對(duì)該職位信息敏感度更高的人群，這樣做勢(shì)必會(huì)促進(jìn)點(diǎn)擊與連接，而最終的數(shù)據(jù)也如同我們所推測(cè)的一般。

最終在福利推薦語和標(biāo)簽的展現(xiàn)上，我們得出的結(jié)論是：“精細(xì)”好于“籠統(tǒng)”。

更加精細(xì)化的推薦和分類是好于只做籠統(tǒng)模糊的概述的。

3. 位置實(shí)驗(yàn) “直觀”好于“籠統(tǒng)”

第三期實(shí)驗(yàn)，源于我們?cè)谡{(diào)研時(shí)候的一個(gè)新發(fā)現(xiàn)，58的招聘用戶求職時(shí)，對(duì)于工作地點(diǎn)、通勤距離的關(guān)注度比我們想象的要高，因?yàn)樵跇?biāo)題和薪資上已經(jīng)了解工作基本信息，例如外賣/物流基本要求都差不多，選擇工作時(shí)用戶會(huì)通過工作距離來進(jìn)行篩選。

因此我們嘗試定位工作地址，做一期關(guān)于位置對(duì)于求職者的點(diǎn)擊影響。設(shè)計(jì)方案分別從文本位置和地圖圖片兩個(gè)方向出發(fā)。

文本位置類似于副標(biāo)題，小字提示位置元素，地圖位置是以縮略圖片的形式來展示地理位置。這里有兩個(gè)設(shè)計(jì)出發(fā)點(diǎn)：

1. 明顯｜圖片的很明顯占據(jù)的面積大，一定程度可以增高招聘卡片高度。
2. 豐富｜招聘本身都是以文字信息為主，增加地圖樣式可以去豐富卡片元素。

目前這一期數(shù)據(jù)正在開發(fā)測(cè)試中，暫無數(shù)據(jù)結(jié)果。后期，會(huì)同步到我們的卡片數(shù)據(jù)庫中，再進(jìn)行深入分析。

最終我們預(yù)期驗(yàn)證的是：“直觀”好于“籠統(tǒng)”。

在地理位置的展現(xiàn)上，是不是直接以地圖為背景的感知優(yōu)于只描述地理位置。

最終，我們從最初的對(duì)于招聘卡片的猜測(cè)，即可能是圖片、內(nèi)容、高度、樣式等因素對(duì)實(shí)驗(yàn)數(shù)據(jù)產(chǎn)生影響。繼而通過一系列圖片/福利/位置方向的實(shí)驗(yàn)設(shè)計(jì)，最終從數(shù)據(jù)反饋中得到了真實(shí)感、精細(xì)化、直觀性這樣的實(shí)驗(yàn)結(jié)論，一步一步的找到正確的設(shè)計(jì)方向。

三、驗(yàn)證實(shí)驗(yàn)結(jié)論

在實(shí)驗(yàn)結(jié)束后，我們?nèi)〉揭恍?shí)驗(yàn)中的過程數(shù)據(jù)去進(jìn)行顯著性差異校驗(yàn)，可以看到圖片實(shí)驗(yàn)中大字報(bào)版和企業(yè)真實(shí)圖片兩版對(duì)比，企業(yè)真實(shí)圖片版本明顯更加成功。

但是我們將企業(yè)真實(shí)圖片版本和關(guān)鍵字段覆蓋底色版本兩個(gè)版本去進(jìn)行顯著性驗(yàn)證的校驗(yàn)的時(shí)候，發(fā)現(xiàn)二者并沒有顯著區(qū)別。我們對(duì)比福利實(shí)驗(yàn)中有無推薦語和標(biāo)簽也進(jìn)行了顯著性驗(yàn)證校驗(yàn)，發(fā)現(xiàn)這兩者的差異也比較小，也沒有顯著差別。

由此我們可以得到一個(gè)判斷，就是不得不承認(rèn)：在正常波動(dòng)范圍下，真實(shí)含有噪聲數(shù)據(jù)的環(huán)境里，我們的實(shí)驗(yàn)數(shù)據(jù)是很難形成一個(gè)確定的結(jié)論的。

即使我們得到多個(gè)數(shù)據(jù)都有明確的正相關(guān)，但是也沒有辦法完全的確認(rèn)我們的結(jié)論一定是正確的。相信大家在實(shí)際工作中在做數(shù)據(jù)結(jié)論驗(yàn)證的時(shí)候，也會(huì)遇到這樣的問題。但這并不代表我們的實(shí)驗(yàn)是無意義或是這個(gè)實(shí)驗(yàn)結(jié)論是錯(cuò)的，反倒是我們依舊可以按照預(yù)判的實(shí)驗(yàn)結(jié)結(jié)論去做設(shè)計(jì)探索。因?yàn)閷?shí)驗(yàn)得出的結(jié)論，只是該實(shí)驗(yàn)解構(gòu)之后很小的一部分。

而數(shù)據(jù)實(shí)驗(yàn)的目的以及最終成果，應(yīng)該是我們與產(chǎn)品同學(xué)一起把循環(huán)數(shù)據(jù)實(shí)驗(yàn)的機(jī)制建立了起來。

四、循環(huán)機(jī)制實(shí)驗(yàn)

1. Feed流的卡片實(shí)驗(yàn)數(shù)據(jù)庫

我們共創(chuàng)了一個(gè)Feed流的卡片實(shí)驗(yàn)數(shù)據(jù)庫。將我們所有的實(shí)驗(yàn)記錄，推斷以及結(jié)論都同步在了卡片數(shù)據(jù)庫里。這也成為我們經(jīng)驗(yàn)累積，實(shí)驗(yàn)內(nèi)容總結(jié)，以及跟產(chǎn)品去共曬成果的一個(gè)小小基地。

2. 固定周期循環(huán)迭代機(jī)制

但其實(shí)更重要的是我們把一種固定周期循環(huán)迭代的機(jī)制搭建了起來。

我們通常在3周迭代一個(gè)版本，由設(shè)計(jì)產(chǎn)出方案后，產(chǎn)品給到我們實(shí)驗(yàn)的數(shù)據(jù)反饋。我們會(huì)根據(jù)反饋的內(nèi)容去判定我們本次實(shí)驗(yàn)的目的是否達(dá)到。若結(jié)論與我們之前預(yù)想數(shù)據(jù)差異比較大，我們會(huì)選擇通過嘗試新的視覺樣式或交互去完成這個(gè)實(shí)驗(yàn)?zāi)繕?biāo)。相應(yīng)的產(chǎn)品在3周之后，也會(huì)給到更新的數(shù)據(jù)反饋。我們?cè)?周的時(shí)間里去思考和探索，不斷的去嘗試思路。

所以在這段循環(huán)時(shí)間段里，大家都沒有閑著，各司其職。每一次我們也可以在第一時(shí)間給到產(chǎn)品創(chuàng)新設(shè)計(jì)的方案供給。大家一起小步快跑，敏捷適應(yīng)。

五、“成為”更好的設(shè)計(jì)

今年我讀過一本書叫《成為波伏娃》，其中關(guān)于becoming的概念，讓我覺得非常警醒，也想把這句話分享給大家。

“自我是流動(dòng)的，人的一生都在成為自己，永不停止的蛻變”

人生就是永遠(yuǎn)不停止的蛻變，我們一輩子都要去獨(dú)立思考，探索自己，成為自己。

成為自己，跟做設(shè)計(jì)某種意義上講是相通的。

似乎沒有什么設(shè)計(jì)方案可以作為永恒經(jīng)典的設(shè)計(jì)，一勞永逸。我們的設(shè)計(jì)注定永遠(yuǎn)要隨著用戶的需求，場(chǎng)景的轉(zhuǎn)換不斷被打磨的愈加精細(xì)。

自我是流動(dòng)的，設(shè)計(jì)也是流動(dòng)的。

將“探索一個(gè)正確的設(shè)計(jì)方案”作為目標(biāo)，得到的也只是一個(gè)短時(shí)效的結(jié)果。它其實(shí)遠(yuǎn)遠(yuǎn)比我們想象的難，因?yàn)闆]有什么事情在流動(dòng)的時(shí)間線上是永遠(yuǎn)正確的。

所以我更加提倡去構(gòu)建出一個(gè)能夠檢驗(yàn)方案適配程度的機(jī)制，跟合作方一起構(gòu)建出可以一直流動(dòng)，一直蛻變著的設(shè)計(jì)檢驗(yàn)機(jī)制，它的功能性可能要遠(yuǎn)比探索出來一個(gè)所謂的當(dāng)下的正確設(shè)計(jì)方案要有意義。

希望大家的設(shè)計(jì)都能在不斷蛻變的過程中變得更好。