我為拉勾網設計的移動端

uka
26 評論 17342 瀏覽 175 收藏 19 分鐘

uka導語:人帥重要還是人品重要?在面試被刷的時候,你是否想過是因為人品太差?但是即使被刷了,你是否還會有激情為該公司設計一款產品?世界那么大,人才濟濟,各種情況都有可能發生,下面來看看這樣情況下會怎樣去設計產品。

在拉勾上發現拉勾自己在招移動端產品,準備在移動端發力,因為自己就是給自己的定位就是以后做移動端,因此投了簡歷,獲得了面試機會,也過了產品負責人的那一面,只是后來 HR 面的時候由于某些原因沒能過,雖然很遺憾但還是坦然接受了這個事實,畢竟面試就像相親,這個東西還是比較講究緣分的。

由于面試時間安排的比較靠后,中間個人準備時間比較充裕,就想拉勾現在還沒有真正的移動端出來,雖然他們出過一個移動端 App,但是用他們產品負責人的話說,就是在 WAP 端套了一個殼,所以功能和易用性上都有許多問題,當時自己就想如果是我來做這個產品,會做成什么形態,越想越激動,然后就自己開始動手了。

戰略層

需要說明的一點是,這是在詳細分析了拉勾的產品理念,結合自己對移動端的理解和對招聘網站對移動端需求的分析進行的設計,當然,其中有一些沒有考慮到的地方和錯誤的地方希望有專業的認識給我指出,謝謝。

行業簡介及梳理

首先需要對招聘做一個介紹,現階段招聘行業分為三大塊。

第一是傳統的囊括各行各業的招聘網站,比如智聯,51job 等。這一類招聘網站的一個特點是包含各行各業的招聘信息,招聘信息多而全,這就導致了一個問題,這么多的信息里面用戶不能很好的篩選出自己想要的信息。還有一點,傳統招聘網站主要是 2B 端的,他們重點服務的對象是企業,因此他們把企業的招聘需求放的位置是高于投遞簡歷者的,所以我們會看到這一類網站首頁上各種廣告位一樣的企業招聘信息入口,會顯得特別的亂,這又增加了用戶篩選信息的難度。

第二類是行業細分化招聘,他們在特定的領域做細分垂直招聘,比如拉勾、周伯通都是做互聯網圈子的招聘,獵聘是做高端職位的招聘。首先他們的首頁看起來就比傳統招聘網站的頁面清爽許多,而且對信息的分類也做的更好,這就是由于他們都是 2C 產品思路所決定的,他們希望通過為投遞簡歷的用戶創建優秀的用戶體驗,解決他們的需求來吸引更多的優質用戶,用優質用戶來吸引企業在該平臺投放招聘信息。他們重點服務的對象是投遞簡歷的用戶,因此他們盡可能多的要求企業放上投遞簡歷用戶所希望了解的信息,比如有明確的工資范圍,拒絕面議。

第三類就是招聘形式上的創新,比如現在正火的 LinkedIn,脈脈所提倡的社會化招聘, 個人對這一塊了解的相對較少,而且也不是這篇文章的重點,因此不做過多的介紹。

個人是比較贊同細分招聘市場的觀點,只有通過給投遞簡歷者提供專業的優質服務招徠更多的優質用戶,這樣才能在與企業的對話中擁有更多的話語權,才能要求企業提供更多詳細的招聘信息,又用這些詳細的信息吸引更多的用戶選擇該平臺,形成一個良性循環。

需求分析

用戶分類:

126687-0b51d6b73937d7a3

拉勾的 slogan 是,最專業的互聯網招聘網站,因此定位自己的目標用戶群體在互聯網行業內有一定的工作經驗,只有擁有這樣的專業的用戶才能稱得上專業的招聘網站,所以他們的主要用戶群體集中在一年以上的工作經驗者。而且又由于4年以上工作經驗者有很大一部分是選擇通過走獵頭或者通過人脈獲得工作,由此得到他們的核心目標用戶群體是 1 到 4 年工作經驗的互聯網行業從業者。關于這一點可以從拉勾前段時間在地鐵上鋪天蓋地的廣告,卻在繁忙的校招季沒有什么動作可以得到佐證。

移動端使用場景:

126687-4e88b516435eb87a

從使用場景分析可以得出在移動端需要更多的專注于對招聘流程的跟蹤和與招聘方在面試期間的聯系。還需要著重關注保護用戶隱私的情況。

角色成就感:

126687-6c0ae9ae60ccb094

用戶通過平臺投遞簡歷獲得面試機會是最直接的用戶成就感的體現。在招聘過程中對過程的及時反饋也是增強這種成就感的有效手段。但是所有的這些手段都是為了一個終極目標,就是用戶通過這個平臺找到自己心儀的工作。因此根據移動端的碎片化的特性可以增加資訊這一塊內容幫組用戶更加了解行業和面試相關的信息,借此幫組用戶早日找到心儀的工作。

用戶需求滿足過程中的關鍵節點:

126687-f1a105900545d736

考慮到篇幅問題,且主要的產品用戶群體是 1-4 年工作經驗的用戶,因此這里只展開了1-4年用戶群體的用戶需求滿足過程中的關鍵點。其中在產品層面主要關注于使用產品、需求得到滿足、離開、回來這幾個階段優化用戶招聘體驗。這其中就需要關注對流程的跟蹤和資訊的整理推送。

人物角色:

126687-d3e6d91422db01a6

創建這兩個人物角色是為了在進行產品設計的過程中,如果出現一些卡殼的地方,就可以回到這里,通過模擬為創建的人物角色解決問題,滿足他們的需求來獲得問題的解決辦法。人物角色主要設定的都是有一定行業經驗,且對整個互聯網行業比較熟悉的兩個代表人物。

產品目標:

126687-43a1a8ea80422c21

對于簡歷投遞者而言,找工作是一件十分嚴肅,需要坐在電腦前花大量時間進行操作的一件事情。創建簡歷也是非常繁瑣,需要高度集中精力的,畢竟在簡歷中出現錯別字,對投遞者影響是很大的。所以在移動端招聘只能作為 PC 端的一個使用場景的延伸,確保用戶使用整個招聘網站,跟蹤招聘信息的流暢性。

因此移動端招聘產品首要目標是要完成對招聘流程的跟蹤,以及針對不同的招聘要求及時對簡歷能夠做個性化調整(包括在線簡歷和上傳的簡歷)。優先級第二的是對職位的查詢,投遞。優先級第三的是對行業資訊的查看。

范圍層

產品信息結構:

126687-8d98e5bbf9f15d06

整個信息結構的梳理也是按著產品目標為指導進行的。其中優先級排第一的是對招聘流程跟蹤的操作,接下來是對簡歷的查看、修改、上傳等操作,然后是對職位、公司信息的推薦和搜索,最后才是對資訊的分類整理。

這里需要詳細說明一下提醒定制的功能,移動端一個很重要的使用場景就是當準備換工作的用戶在公司有空余時間的時候,想查看一下面試的反饋信息或者想查看一下職位信息,如果在公司的電腦上大張旗鼓的打開拉勾,未免顯得太過于囂張,因此這個時候就體現出來移動端私密性的優勢。

我們再來想象一下,你和公司領導、同事在一起開會,你習慣性的將手機放在桌上,當你在大家面前唾沫橫飛的講著自己對于新產品的規劃,突然手機屏幕亮起提示你昨天晚上在拉勾上投遞的簡歷通過篩選,正在約你面試,如此畫面太美,已然不敢想象。既然移動端有私密性的特點,那就將私密性的特點用到極致,用戶可以個性化定制推送信息顯示的圖標和顯示的信息,這樣除了你自己沒有人知道這個推送信息究竟是什么內容。

內容需求

關于對資訊想法我是這樣理解的,根據拉勾產品的終極用戶成就感體現在用戶通過該平臺找到工作這樣一個過程,又由于拉勾的核心用戶群體是 1 – 4 年工作經驗投遞簡歷者,因此會存在對行業理解不夠深入,面試經驗欠缺的情況。因此想利用移動端碎片化的特性讓用戶在哪怕不找工作的時候也能夠使用拉勾移動端閱讀行業資訊,以此來增加用戶粘性。拉勾的行業資訊與其他資訊客戶端的差異化體現在所有資訊都是經過運營編輯歸類梳理過,都是以行業細分,內容由淺入深的進行介紹,方便用戶用最短的時間深入了解一個行業。

這里有一個問題,就是內容的來源,版權問題怎么解決,我的思路是做內容聚合,在每一篇報道前著重顯示信息來源的地方,做流量的入口,給對應的內容發布發布平臺導入流量,今日頭條就是通過這種方法活的那么瀟灑,所以這種方式暫時在法律上的風險應該是可以解決了。不過也還是需要借助拉勾網站平臺的數據做一些有內容專題,要做原創內容,招聘行業到最后還是要拼內容。對于招聘企業,你的優質求職者數量就是你的內容,對于求職者,你平臺上職位數量和質量是你最優質的內容,資訊也是平臺內容的一部分,只有做好這兩方面的內容才能讓整個平臺產生良性循環,越來越好。

結構層

功能結構:

126687-59bc9566443b71b7

功能結構遵循信息結構對招聘流程跟蹤優先級的第一的安排,用戶打開拉勾移動端,首先進入的是個人中心,對自己的投遞、會話、面試記錄管理。接下來事職位信息的查看搜索,最后是信息資訊頁,因此整個 App 分為三個主頁面。

核心流程:

126687-d809858f9f553c92

在這里我假設的情況是投遞簡歷用于已經在 PC 端創建了簡歷,并且已經有過投遞記錄,這樣設定是符合正常的用戶使用場景的,并且是為了弱化在移動端創建簡歷的過程。讓流程更接近于實際使用情況,對于流程的跟蹤和對職位信息的查看。流程中還有很多對產品核心功能沒有影響的細節沒有展示出來。

框架層

說一千道一萬,最后還是要有一個具體的原型才行,是騾子是馬我都拉出來遛遛了?;谏厦娴姆治?,自己也是做了一個比較高保真的原型??紤]的情況也是注冊登錄后的狀況,未登錄情況在后面有說明。

個人中心頁:

126687-2594b98a893cd421

職位列表頁:

126687-e209b733d0b18ea2

內容資訊頁-資訊:

126687-0a9d0162d7a53c77

內容資訊頁-面經:

126687-307c5953bfc4394e

個人中心-個性化推送信息頁:

126687-699614deab6301b4

未登錄進入 App 默認顯示職位列表頁,進行投遞、評論等操作則提示需要登錄,進入個人中心則直接轉達登錄頁。

整個原型的設計過程中關于職位、公司的信息和內容等一些頁面排版照著原有版本進行的,沒有做改動。

由于頁面太多就不一一展示,這里有原型的線上操作地址:

http://modao.io/app/VU5zmRH2lwXPLvuiNMnT

掃面頁面左上方的二維碼可在手機上安裝 APK ,我使用的機型是 Lg nexus5 ,系統 Android 5.1 ,生成的 APK 適配這個機型,我也不知道其他機型安裝 APK 后有沒有問題,大家可以自行去驗證。需要注意的一點是安裝了 APK 也需要在有網絡的情況才能使用。

這里不得不推薦一下墨刀這款在線原型制作網站,操作簡單,功能雖然沒有 Axure 那么強大,但是它針對移動端的特性做了很多的工作,特別是能夠生成 APK 安裝包,真的非常的方便,強烈推薦(不知道,墨刀看到我這么不要臉的跪舔,是不是可以把我那一年的升級高級賬戶的費用給我免了)

表現層

這里真的希望能有設計師看到這篇文章后與我聯系,然后我們一起將頁面設計出來,就權當練手了,而且這是一個相對完整的原型,可以有一整套東西產出,希望有意愿的設計師能夠聯系我。這里有一點小小的要求,希望你認可Google的Material Design設計風格,并能夠以這個風格進行設計。

總結

前前后后用了快一個月時間才全部弄完,從最開始在網絡上查資料,查看招聘行業大牛的新聞訪談和他們在知乎等網站上面的問答,也和朋友討論交流。自認為在整個產品的設計方向和思路上應該是沒有問題的。當然有很多的細節由于篇幅關系沒有展示出來,只能通過使用原型模擬操作才能看到,因此還是建議大家都去操作一下原型。

最后整理文檔,當寫給自己看的時候可以適當隨意一點,有的地方能簡便就簡便,但是要寫給別人看的時候就不得不重新把整個產品產生的過程梳理一遍,用讓別人最容易看懂的方式呈現出來,就這個對我而言還是挺有挑戰性的。希望看到這篇文章的讀者中,比我新的新人能夠得到他想要的東西,也希望有經驗的前輩能提出中肯的意見,這也是我做文章分享的很重要的原因,謝謝。

希望大家能夠多多討論。

 

作者:小馬達

網站:簡書

原文鏈接:http://www.jianshu.com/p/196882c01fef

更多精彩內容,請關注人人都是產品經理微信公眾號或下載App
評論
評論請登錄
  1. 謝謝樓主

    來自北京 回復
  2. 很不錯,樓主很用心,能把原型發我一份看看么?多謝了,pearlleepei@qq.com

    來自北京 回復
  3. 產品新人表示通過閱讀學習到了點東西,求原型分享,chrisfanfan@sina.com.

    來自廣東 回復
  4. 場景設計的非常豐富,求原型 ?? tybyair1@sohu.com

    來自北京 回復
  5. 個人中心的管理放在第一屏,是我認為對的。
    求職者為什么要用app?難道在pc上找工作不是更爽的嗎?
    如果說app上能即時通知你,哪個公司在什么時間看了您的簡歷,在什么時間認為您不合適,在什么時間通知您面試的話,那么我認為我會更關心我已經投遞過的職位的反饋,在得知這些反饋的情況下,我再會去搜索其他我想要了解的一些職位。
    牛逼人,不在乎在招聘站上找工作,即使來了,也很快就走了;
    不牛逼的人,會非常在意ta所投遞的結果;
    所以,得出這個結論。

    來自河南 回復
  6. ?? 你那個搜索圖標向上或向下就會消失,消失了怎么找出來。如果我一開始嫌他礙事,把他消失了。然后我又想搜索點東西怎么辦呢,難道還要返回嗎

    來自河南 回復
  7. 作者考慮了很多,有很多的借鑒意義~

    來自北京 回復
    1. :mrgreen:

      來自北京 回復
  8. 慢工出細活

    來自北京 回復
    1. ??

      來自北京 回復
  9. ?? 能把文章直接發我郵箱525280825@qq.com看下嗎,很多圖片顯示不出來,謝謝了

    來自北京 回復
  10. ?? ?? ?? 雖然大家給分不高,但是作者的思路是正確的,寫的也很細,對新手還是有很大幫助的 :mrgreen: :mrgreen: 點個贊吧

    來自福建 回復
    1. 謝謝。 ??

      來自北京 回復
  11. app端原型和現有手機站基本完全一致,app端感覺不深入。另外,個人意見,1.個人中心在主頁前面感覺有點奇怪,打開后首先展示的是個人中心。2 在個人中心里,用戶比較關注的幾項沒有突出。3.交互上還是有些不細致,比如說主頁向上滑動后,編輯那個區域建議固定在頂部。4.個人感覺搜索在右下角有點奇怪,可能在刷列表的時候有點礙事,是不是可以放在編輯那個區域。

    來自河北 回復
    1. 真的能跟大家學到好多東西。App 端關于咨詢那一塊兒的確做得不夠細,跟現有相同的主要是已有的東西我個人挺喜歡的,就沿用下來了。個人中心里面我把想突出的會話管理,投遞記錄個人感覺還是都突出了的。交互不夠細致是有的功能在墨刀上實現起來太麻煩,而且有的根本就實現不了,所以就沒有做。搜索按鈕當時寫的確不夠細,其實想的是當向下滑動的時候那個搜索按鈕是要隱掉的。

      來自北京 回復
  12. ?? 能把文章直接發我郵箱191797681@qq.com看下嗎,很多圖片顯示不出來,謝謝了

    來自廣東 回復
  13. 文中好幾張圖顯示不出來,能把文件直接發給我看下嗎,郵箱191797681@qq.com,謝謝

    來自廣東 回復
  14. 設計師很Nice的,原型吧,我個人提一點點小意見,當然我沒有去關注招聘網站這塊的產品啊,不能提供比較有深度意見,但原型里面,首頁、個人中心、資訊,建議你參考微信那種設計模式,可以在低端顯示:首頁—發現—我的,一樣可以達到這種效果,現在的app大多數都是這種用戶習慣的。

    來自廣東 回復
    1. 謝謝你的建議,我就是完全按著我梳理的邏輯來確定展示順序的,我覺得個人中心的優先級是最高的,所以才把他放在第一簽。

      來自北京 回復
  15. 信息架構是在結構層的 ?

    來自廣東 回復
    1. 信息架構不是說明軟件要實現那些功能么,對功能的規劃我記得是在范圍層里面的呀。不知道我理解的對不對?

      來自北京 回復
    2. 上一句有錯別字,是對功能的規劃在范圍層。

      來自北京 回復
  16. 思路是有了,但是設計的原型很一般,每個模塊細節太欠缺了,垂直細分的行業并不是單純的堆模塊而已,對用戶的使用場景還有使用線路都沒個很好規劃

    來自廣東 回復
    1. 我就是樓主,不知道網站轉載了我的文章,關于用戶使用場景和使用線路圖的規劃有好的例子或者文章能分享一下么?

      來自北京 回復