拉勾網(wǎng)改版始末：一個(gè)90后產(chǎn)品經(jīng)理妹子的自述

時(shí)間：2022-07-20 16:09:01 | 來源：建站知識

時(shí)間：2022-07-20 16:09:01 來源：建站知識

本文來自拉勾產(chǎn)品經(jīng)理Mika@劉芯宇

本來是答應(yīng)Banlon寫點(diǎn)東西放到他的知乎專欄里，想著隨便記錄幾個(gè)重要的點(diǎn)湊一篇幾百字的文章就好?？勺鳛閬淼嚼粗笾鲗?dǎo)的第一個(gè)偏大型的項(xiàng)目，從10月開始規(guī)劃，到6月初上線，作為產(chǎn)品經(jīng)理&項(xiàng)目經(jīng)理，頂著巨大的壓力(據(jù)說上一個(gè)做這個(gè)需求的pm因?yàn)楫嬃?0多版原型還沒通過就毅然離職了)畫了5種完全不同畫風(fēng)的20多稿原型，我決定要認(rèn)真的總結(jié)一下這次改版從無到有的全過程，一來對得起自己這大半年的時(shí)間，二來也希望可以通過我自己的經(jīng)歷讓新壯大起來的產(chǎn)品團(tuán)隊(duì)的新伙伴們了解拉勾的產(chǎn)品理念和風(fēng)格，也能了解到這個(gè)項(xiàng)目背后的點(diǎn)滴。

==以上為閑扯，以下是正文==

6月初，拉勾網(wǎng)上的「公司主頁」靜悄悄的改版了。

如果你并未需要通過拉勾留意新的工作機(jī)會(huì)，或許沒有注意到公司主頁發(fā)生的變化;作為這次改版的產(chǎn)品經(jīng)理，親歷從規(guī)劃到最終上線的全程，為什么我們要進(jìn)行這次改版?為什么新版公司主頁會(huì)提供這些模塊的信息?為什么是這樣的布局?為什么.......當(dāng)我在進(jìn)行這次產(chǎn)品改版的時(shí)候，我們在想些什么?

從電商領(lǐng)域跨界到招聘行業(yè)，「公司主頁改版」是我接到的第一個(gè)較大型的需求。

我是通過拉勾網(wǎng)向拉勾投遞的簡歷，所以作為用戶，我知道當(dāng)下的公司主頁真的「太丑了」，從美觀性的角度確實(shí)需要改版，可其他的呢?只為換膚?還是其實(shí)用戶對這個(gè)頁面有其他需求是當(dāng)下的頁面無法滿足的呢?

改版動(dòng)機(jī)

為什么當(dāng)下的公司主頁需要改版?

(↑舊版的公司主頁↑)

我認(rèn)為最核心的點(diǎn)在于，當(dāng)下的公司主頁展示的信息太少，并不足以讓用戶全方位立體的了解一家公司，如果都無法在這里對公司產(chǎn)生足夠的了解，如何直接進(jìn)行投遞決策?

而作為平臺方，我們想讓用戶和企業(yè)間的隔閡更少，讓用戶在這里了解到企業(yè)的更多信息，達(dá)到一種無聲的「交流」。

也就是說：頁面所展現(xiàn)內(nèi)容的調(diào)整遠(yuǎn)大于頁面的美化。

Ø 確定內(nèi)容 ——提供更多維度的企業(yè)信息

帶著諸多問題以及極大的壓力，以及對招聘行業(yè)淺顯的理解，我把自己的身份從這個(gè)需求的「產(chǎn)品經(jīng)理」還原成「拉勾網(wǎng)的普通用戶」：當(dāng)我在找工作的時(shí)候，我是怎樣評估一家公司是否適合我的? 然后這個(gè)問題又被我拆解成以下幾個(gè)過程：

Q1. 想要離職or關(guān)注新機(jī)會(huì)的原因是什么?

Q2. 公司相關(guān)的哪些信息是對決策有幫助的?哪些更重要?哪些沒那么重要?

Q3. 當(dāng)前的頁面中是否已經(jīng)提供了這些信息?

Q1. 想要離職的原因是什么?

那段時(shí)間剛好知乎上有兩類問題特別火，一類是#離職原因#，一類是#你為什么加入X#。認(rèn)真翻閱了此類問題下BAT、網(wǎng)易、去哪兒、知乎、一號店、豆瓣等公司的大量答案之后，基本整理出了幾個(gè)大方向：企業(yè)文化(包括管理方式)、工作氛圍&環(huán)境、薪金待遇、個(gè)人發(fā)展、公司前景、福利關(guān)懷、升值空間...

通過對以上結(jié)果進(jìn)行整理，可以發(fā)現(xiàn)用戶對于職位、公司的關(guān)注點(diǎn)中，更偏向「公司」層面的集中在以下幾個(gè)大類：公司基本信息(含產(chǎn)品)、公司發(fā)展(包括融資、規(guī)模)、員工關(guān)懷(包括薪酬福利、工作環(huán)境)。

恩，到這時(shí)候感覺有點(diǎn)方向了。

Q2. 公司相關(guān)的哪些信息是對決策有幫助的?哪些更重要?

Q3. 當(dāng)前的頁面中是否已經(jīng)提供了這些信息?

信息分類

綜合考慮了以上兩個(gè)問題，然后結(jié)合我們自身的產(chǎn)品，把有價(jià)值的信息進(jìn)行分類：

競品分析

雖然不是為了「對齊競品」，只為「給用戶設(shè)計(jì)更好的產(chǎn)品」，我們還是調(diào)研了下其他的招聘網(wǎng)站。

下表中比較了幾家同類競品的公司主頁，包括：若鄰、獵聘、看準(zhǔn)、大街、內(nèi)推，從展示的「信息類別」和「頁面結(jié)構(gòu)」進(jìn)行了橫向?qū)Ρ龋l(fā)現(xiàn)從呈現(xiàn)的信息層面，至少能夠達(dá)成一些共識。

第一版原型

Ø 設(shè)計(jì)產(chǎn)品原型——讓企業(yè)形象更加豐富立體，頁面更加美觀

起初確定要做這個(gè)需求之后，其他pm已經(jīng)在給我施壓「之前的pm為了公司主頁的改版做了10幾版方案都沒過然后最終離職了」。

本來自信滿滿地覺得自己在5稿內(nèi)就能搞定原型，結(jié)果發(fā)現(xiàn)絕對是too young too naive，實(shí)際從開始進(jìn)入原型設(shè)計(jì)，到最終確定所有頁面的原型方案和交互細(xì)節(jié)，出了不下5種截然不同的頁面布局&交互，畫了20多稿的原型，發(fā)動(dòng)全產(chǎn)品組的pm們進(jìn)行過一次歷時(shí)12個(gè)小時(shí)的腦暴，總共歷時(shí)約~~~2個(gè)月。

關(guān)于面向普通用戶展示的公司主頁頁面，我花了1個(gè)星期畫出的第一版原型。

因?yàn)樽畛跆^自信，又和TL、banlon溝通過少，導(dǎo)致這個(gè)方案的整體設(shè)計(jì)理念和交互形式太「電商化」，但不一定適合，在組內(nèi)并沒有達(dá)成共識，分歧點(diǎn)主要存在于：

1. 頁面結(jié)構(gòu)：是否應(yīng)該多tab切換?電商化的商詳設(shè)計(jì)風(fēng)格是否適合招聘行業(yè)中的公司主頁?

2. 內(nèi)容：是否應(yīng)該將公司所有收到的面試評價(jià)集中展示出來?

3. 信息動(dòng)態(tài)化：是否應(yīng)該按信息的「動(dòng)態(tài)」or「靜態(tài)」分類展示?

......

然后我們突然發(fā)現(xiàn)，其實(shí)我們并沒有形成統(tǒng)一的產(chǎn)品觀，連這次改版想要解決的問題、目的和方式都沒有統(tǒng)一。所以急需一次腦暴來確定一個(gè)合理明確的方向~

腦暴的重點(diǎn)在于：究竟需要以怎樣的結(jié)構(gòu)呈現(xiàn)哪些公司信息

在我看來，這可能是形成最終產(chǎn)品方案過程中最重要的一個(gè)環(huán)節(jié)，使得我們共同達(dá)成了一致的觀點(diǎn)：

結(jié)構(gòu)上：通過模塊化的方式將用戶關(guān)心的企業(yè)信息區(qū)分一定側(cè)重進(jìn)行結(jié)構(gòu)化展示;

內(nèi)容上：除了原有已確定的內(nèi)容外，在頁面中增加“處理數(shù)據(jù)”和UGC內(nèi)容的呈現(xiàn);

交互上：盡量減少用戶的點(diǎn)擊操作;

然后就產(chǎn)出了第二版原型，也就是當(dāng)前線上的樣子。

第二版原型

產(chǎn)品原型：

之所以把公司的數(shù)據(jù)放在第一屏，把這家公司收到的所有面試評價(jià)集中展示，算是我們一次特別大的嘗試。

作為拉勾，我們不希望我們只是個(gè)「向用戶展示職業(yè)機(jī)會(huì)并向企業(yè)展示優(yōu)秀候選人」的平臺，我們需要對候選人的抉擇負(fù)責(zé)，對整體的簡歷處理狀況負(fù)責(zé)，因此在綜合評估之后，我們認(rèn)為需要把企業(yè)方對簡歷的處理數(shù)據(jù)展示給用戶，一方面可以讓候選人對投遞后的等待時(shí)間有個(gè)大概的預(yù)期，另一方面可以反向刺激企業(yè)方加快對簡歷的處理。

而把面試評價(jià)集中展示，也是我們當(dāng)下認(rèn)為很值得做的一件事 ——讓普通用戶的聲音越來越能產(chǎn)生更大的價(jià)值，變成內(nèi)容的生產(chǎn)者、參與者。

第二版設(shè)計(jì)稿

在設(shè)計(jì)師大人的美化下，最終呈現(xiàn)出來的頁面就是當(dāng)前線上的樣子：

在確定好面向普通用戶展示的頁面后，我們開始確定設(shè)計(jì)企業(yè)端的編輯狀態(tài)。

為了能夠讓企業(yè)，特別是HR可以配合我們完善這么大量的企業(yè)信息，我們在思考是否需要調(diào)整當(dāng)前「模塊中編輯」的樣式，改成類似airbnb的「分步」填寫方式，或者「彈窗」形式，還是tumblr的「左欄編輯右欄預(yù)覽」風(fēng)格?

(↑彈窗風(fēng)格↑)

(↑左欄編輯右欄預(yù)覽風(fēng)格↑)

為了不讓信息的完善過程對企業(yè)方帶來太大的負(fù)擔(dān)，我們放棄了airbnb式的「分步」。

為了能使HR的編輯能夠不會(huì)過分脫離頁面，我們放棄了「彈窗」。

為了綜合考慮開發(fā)的成本，我們放棄了「左欄編輯右欄預(yù)覽」。

最終，我們依然維持了“模塊中編輯”的方式，不會(huì)讓「瀏覽」和「編輯」的切換有太強(qiáng)的打斷，又可以讓企業(yè)大概清楚信息的布局。

最終，所有頁面的UI、交互都確定下來了。

恩，我還在拉勾!!!!

以上是此次公司主頁改版的過程與思考。

雖然當(dāng)前線上的版本只完成了當(dāng)時(shí)需求里70%的功能，我們還在一步步繼續(xù)打磨著它;

雖然目前企業(yè)的信息的填寫率還不太高，很多企業(yè)甚至都還沒有在我們新加入的模塊中填寫信息，促使我們思考push企業(yè)方主動(dòng)填寫信息的idea;

雖然公司的全部面試評價(jià)被集中展示，引起了大量公司的不滿投訴，導(dǎo)致我們開始緊急思考開放企業(yè)回復(fù)、增強(qiáng)評價(jià)審核等各種完善方案;

雖然整個(gè)產(chǎn)品、設(shè)計(jì)過程中，我們經(jīng)歷了一次又一次的討論、試錯(cuò)、推翻重來，可整個(gè)過程讓我這種2年經(jīng)驗(yàn)的產(chǎn)品汪對于深刻理解用戶、產(chǎn)品、行業(yè)都有著極大的幫助，也希望我們所做的努力和付出，以及方向的調(diào)整、嘗試可以真的對用戶產(chǎn)生價(jià)值，可以更好的選擇到適合自己的企業(yè)、團(tuán)隊(duì)。

后話：這是一次真實(shí)的改版案例，或許還有較大的優(yōu)化空間，期待產(chǎn)品經(jīng)理在關(guān)注一段時(shí)間數(shù)據(jù)變化后，再做一次小結(jié)。后臺給BLUES投稿的文章有不少，后續(xù)會(huì)陸續(xù)發(fā)出來。不少?zèng)]有采用的投稿，是因?yàn)檫^多的理論，BLUES更希望大家的投稿，來自于自己的實(shí)踐案例，哪怕是一個(gè)小的產(chǎn)品特性，一個(gè)小的改版，都可以總結(jié)出來，來自于實(shí)踐，有思考，有過程，有數(shù)據(jù)，那就更好了。