拉勾產(chǎn)品經(jīng)理手記：復盤(pán)改版“公司列表頁(yè)”全過(guò)程

　　歡迎投稿到早讀課，投稿郵箱：

　　寫(xiě)在前面

　　拉勾網(wǎng)從2013年上線(xiàn)第一版后，很多頁(yè)面都停留在最初期的模樣，但是兩年前的設計早已不適合2年后的現在，與此同時(shí)在網(wǎng)站的功能不斷增加、我們所服務(wù)的用戶(hù)也在不斷成長(cháng)的過(guò)程中，網(wǎng)站中企業(yè)的量級也翻了N倍，“公司列表頁(yè)”對于用戶(hù)的價(jià)值或許也和2年前有了些許變化。

　　從去年起，越來(lái)越多的用戶(hù)都對“公司列表頁(yè)”怨聲載道，諸如「頁(yè)面太丑了」、「沒(méi)有LOGO的公司居然也會(huì )出現在第一頁(yè)」、「為什么這個(gè)頁(yè)面不提供搜索功能」……這樣的反饋我們幾乎每天都要收到，然后我們開(kāi)始認真的思考，是否真的需要對現在的公司列表頁(yè)進(jìn)行優(yōu)化？是根據用戶(hù)的需求增加和調整一些內容、模塊就好，還是到了不得不改版的地步呢？

　　舊版“公司列表頁(yè)”存在哪些問(wèn)題？

　　首先回顧一下拉勾之前的公司列表頁(yè)（下圖為新版上線(xiàn)前公司列表頁(yè)）

　　

　　當我們站在一名普通用戶(hù)的角度，重新審視當時(shí)的“公司列表頁(yè)”時(shí)，確實(shí)發(fā)現了很多問(wèn)題，嚴重影響體驗以至于想要關(guān)掉頁(yè)面：

　　“行業(yè)領(lǐng)域”、“發(fā)展階段”、“地點(diǎn)”等信息都是用戶(hù)在對比不同公司的重要參考，特別是在對公司本身還沒(méi)有很多了解的情況下；而當下的列表中，這些信息被疊加在公司LOGO之上展示，即無(wú)法足夠明顯，又會(huì )遮擋LOGO；

　　由于排序邏輯問(wèn)題，舊版公司列表頁(yè)首頁(yè)就會(huì )出現許多“無(wú)LOGO”的公司，造成用戶(hù)無(wú)法直接通過(guò)LOGO區分公司的問(wèn)題，而且從機制的角度，我們沒(méi)有讓信息更豐富的公司處于更好的曝光位置，用戶(hù)無(wú)法通過(guò)列表更快速發(fā)現、了解更多的公司，這也是對站內資源的一種浪費。

　　當前只有“默認排序”，沒(méi)有更多方式對公司進(jìn)行重新排序，因此用戶(hù)需要按照“默認”的公司排序一頁(yè)頁(yè)尋找自己可能感興趣的公司，這樣的查找效率極低。

　　列表頁(yè)的右側并沒(méi)有增加更多相關(guān)的公司信息，整個(gè)頁(yè)面1/3的空間被浪費；

　　“城市”和“發(fā)展階段”、“行業(yè)領(lǐng)域”的篩選并沒(méi)有放置在相同的模塊內，導致很多用戶(hù)反饋「為什么無(wú)法根據城市進(jìn)行篩選」

　　用戶(hù)需要什么？我們如何滿(mǎn)足？

　　在發(fā)現上述諸多問(wèn)題后，結合我們收到的用戶(hù)反饋我們認為需要重新進(jìn)行梳理，于是又回歸到最本質(zhì)的問(wèn)題：

　　「公司列表頁(yè)對用戶(hù)的價(jià)值是什么？」

　　或許這個(gè)問(wèn)題過(guò)大，于是我們又進(jìn)行一定拆分，并進(jìn)行了深刻的思考：

　　用戶(hù)來(lái)到公司列表頁(yè)的動(dòng)機是什么？

　　從“獲得更好的職業(yè)機會(huì )”的角度，用戶(hù)在來(lái)到拉勾后的狀態(tài)可以區分為：

　　1）有明確職位&公司的意向 → 搜索職位or公司

　　2）沒(méi)有明確的意向，希望發(fā)現好的公司 → 首頁(yè)公司推薦、職位推薦；公司列表

　　因此公司列表頁(yè)對用戶(hù)的核心價(jià)值在于：幫助沒(méi)有明確意向的用戶(hù)發(fā)現更好的企業(yè)。

　　用戶(hù)需要通過(guò)列表頁(yè)獲得什么？

　　既然是重點(diǎn)服務(wù)于“沒(méi)有明確意向”的用戶(hù)，幫助他們發(fā)現更好的企業(yè)，那么用戶(hù)在這個(gè)頁(yè)面符合預期的完整行為路徑應該是：

　　其中，Step 1&2都并非必須的，“發(fā)現感興趣的公司”才是核心。

　　我們需要如何解決這樣的需求？

　　對應于上述的3個(gè)步驟，我們總結出在產(chǎn)品中可以?xún)?yōu)化的方向：

　　更多維的組合篩選：for Step 1

　　為幫助不同關(guān)注點(diǎn)的用戶(hù)篩選出符合其需求的公司，我們提供了對“工作地點(diǎn)”、“發(fā)展階段”、“行業(yè)領(lǐng)域”的組合式篩選功能，我們將三個(gè)篩選項的樣式統一，便于用戶(hù)在做篩選時(shí)統一操作，消除之前的誤區；在之后的改版中還將會(huì )在數據完整后增加“行政區”、“地鐵沿線(xiàn)”等篩選項。

　　

　　更多樣的排序方式：for Step 2

　　依據用戶(hù)的關(guān)注重點(diǎn)，我們在當前“默認排序”的基礎上，增加了“按職位數量”排序；之后的版本中還將增加“評價(jià)得分排序”、“簡(jiǎn)歷處理速度排序”等，用戶(hù)可以根據自己的關(guān)注點(diǎn)進(jìn)行公司列表的排序，同時(shí)也讓配合度更高，更有積極性的企業(yè)有更好的曝光。

　　更好的公司推薦：for Step 3

　　為了讓用戶(hù)可以不需要“篩選”、不需要重新“排序”，更直接迅速發(fā)現優(yōu)質(zhì)公司，我們重新調整了“默認排序”的算法，讓公司主頁(yè)更完善的公司、簡(jiǎn)歷處理情況更好的公司得到更好的展現；

　　

　　同時(shí)我們在頁(yè)面上方增加了“公司大事記”的展示區，通過(guò)我們人工對行業(yè)內公司動(dòng)態(tài)的觀(guān)察結合站內資源形成推薦，讓有大事件發(fā)生優(yōu)秀公司可以得到更多關(guān)注，同時(shí)以事件為載體為用戶(hù)推薦更多優(yōu)秀公司；

　　

　　我們也對列表中的公司卡片樣式進(jìn)行調整，讓企業(yè)的核心信息更加突出和清晰，弱化了“職位”的展示，因為我們覺(jué)得最新職位或許對用戶(hù)的價(jià)值并不大，能提供和用戶(hù)匹配的職位才是關(guān)鍵。因此之后的版本中我們還會(huì )通過(guò)判斷用戶(hù)的“期望工作”，對于提供類(lèi)似工作的公司在列表中給予一定提示，例如：該公司目前在招XXXX崗位。

　　當然，我們也有一點(diǎn)小私心，在最右側增加了一列付費的公司推薦位，“有錢(qián)任性”的公司也都不會(huì )太虧待員工的！

　　研發(fā)過(guò)程的白描

　　6月份一天的清晨，當拉勾的測試美女Quella邊吃早飯邊看著(zhù)挨千刀的產(chǎn)品經(jīng)理Roc最新更新的PRD重新寫(xiě)測試用例的時(shí)候，撓著(zhù)頭的前端工程師Ice也想通過(guò)javascript直接將產(chǎn)品經(jīng)理寫(xiě)死。做公司列表頁(yè)的需求的前端、后端、測試以及設計師，都差不多是拉勾的freshman，需求改了又改，不禁讓參與的小伙伴們多次向我磨刀霍霍了，但好在大家認同“做正確的工作”，研發(fā)在怒發(fā)沖冠的時(shí)候更需要從產(chǎn)品經(jīng)理眼中得到肯定，“只要你一個(gè)眼神肯定，我的代碼就有意義”。在研發(fā)過(guò)程中我的同事不但能夠順利完成工作，更能在自己角度提供很多產(chǎn)品建議，這是我最為欣慰的。在項目推進(jìn)過(guò)程中，多次的討論、試錯和改進(jìn)，對我個(gè)人而言也獲得了很大的提高。研發(fā)出身的我也許更加理解當產(chǎn)品經(jīng)理提出需求修改時(shí)RD的痛苦，由衷的感謝各位不殺之恩（嘿嘿嘿，捂臉走開(kāi)）。

　　以上是基于“公司列表頁(yè)”改版的思考，目前上線(xiàn)的只是第一版，我們已經(jīng)發(fā)現了頁(yè)面上存在的大量問(wèn)題，特別是交互體驗中的，例如：切換篩選項或切換頁(yè)碼時(shí)頁(yè)面都會(huì )回到頂部；“公司大事記”的卡片樣式太丑，事件重點(diǎn)不夠突出；公司排序方式過(guò)少等等，給我們一點(diǎn)時(shí)間，我們可以做得更完美！暫言至此，先去打怪升級去了。

　　

　　互聯(lián)網(wǎng)早讀課，每天八點(diǎn)，風(fēng)雨無(wú)阻

　　專(zhuān)注產(chǎn)品、設計、交互、運營(yíng)

　　微博：@互聯(lián)網(wǎng)早讀課

　　群：215027395

　　加群密碼：地區-職位-昵稱(chēng)

　　互聯(lián)網(wǎng)早讀課是WeMedia自媒體成員之一，

　　WeMedia是自媒體第一聯(lián)盟，覆蓋5000萬(wàn)人群