場景化分析可以讓設計師直擊用戶痛點，發現精準的用戶體驗問題，從而通過精準的問題定義明確的設計目標。
01 前言
隨著即時通訊的飛速發展，人與人之間的溝通方式已經完全習慣於線上的場景。對於五大民生之一的招聘行業，為了提升企業與求職者的招聘效率，企業面試前的溝通已經成為必不可少的環節，那這個環節的輔助個性功能的增加，已經成為B端產品可以競爭的優勢。
02 PC端場景用戶使用痛點
通過數據觀察，超過一半多的用戶是在PC端操作，而對於目前58招聘功能分佈為VIP管理後臺及58PC企業端，現實中用戶的工作場景就是在VIP管理後臺處理簡歷及求職者溝通，同時還要在58PC企業端查看求職者簡歷，這樣兩個功能頻繁的交替，其實工作效率極低。
而對於面試前的具有決策性作用的溝通環節，也就是VIP管理後臺的IM功能卻僅僅可以聊天，只滿足了用戶最基礎的需求“電腦打字比較方便”，並且通過數據顯示IM的接收回覆率占到了整個平臺的近一半的量，所以把VIP管理後臺的IM功能豐富起來，多維度的輔助用戶快速決策，將可助力招聘B端業務的良性發展。
產品側此次便把58PC企業端的簡歷功能整合到了VIP管理後臺的IM功能中，並且增加多種輔助功能，旨在打造個性化招聘，從而在整個招聘行業里樹立58招聘的標桿。
03 產品戰略結構剖析
通過用戶流的方式來剖析產品結構。首先目前的VIP管理後臺的IM場景，用戶通過（移動端信息同步、求職者主動發起、B端用戶直聊發起）這4方式進入到IM功能，經過雙方的溝通後，B端用戶會對求職者有（面試邀請、職位邀請、篩選簡歷、標記求職者狀態）這些下一步的操作，此次IM的改版是把前一步與後一步功能全部整合到一起，最終用戶只需要在IM這一個功能場景中，邊聊天邊看簡歷，並且直接進入求職者篩選的下一步操作，快速找到適合公司的人。
04 設計目標確立
依據IM的使用場景分析以及產品側的戰略結構剖析，進而確立我們的三個設計目標。
第一個，由於IM場景是必須一屏內的操作，所以頁面佈局需要特別精準。
（1）頁面尺寸確定
首先在「恆星」左側類目欄增加了消息入口，聊天界面變由浮層樣式變更為瀏覽器樣式。
1）界面邊界尺寸確定
由於中後臺的PC端頁面設計規範是1400x900px，但是考慮到IM場景使用，尺寸採用市面上比較低的分辨率的筆記本的尺寸1366x768px，刨除瀏覽器的高度，VIP管理後臺頂部狀態欄的高度，左側類目欄的高度，篩選器的高度及間距等，得出的最終的設計尺寸是1100x490px。
2）界面框架尺寸確定
依據最基礎的聊天結構，以最小高度為基數a，以a的3倍4倍6倍8倍，在界面上算出最精準的比例劃分。
（2）頁面層級的確定
第二個，由於在增加內容的同時還要保持基礎的聊天結構，所以需要特別明確的頁面層級。
1）顏色字號規範層級確定
由於目前VIP管理後臺的規範不太適用IM場景的應用，所以為了提升用戶的操作效率，拉高層級重新調整。
2）內容層級確定
採用十字交叉法的方法，提煉出對於用戶使用的最重要及最緊急的信息，其次信息，最弱信息等。
（3）用戶使用的舒適感
第三個，由於增加了很多不同維度的功能，所以這些功能需要合理的出現在界面上，並且要增加用戶使用的舒適感。
- 由於此次改版最重要的功能就是簡歷查看場景融入到聊天場景中，為了保證用戶的使用舒適度，簡歷的展示方式採用抽屜的形式，用戶可以隨時展開收起，真正做到邊聊邊看的場景。
- 由於IM場景小一半的設置操作功能都在彈窗內完成，為了增加操作按鈕的區分度及降低用戶的誤操作率，採用部分操作用圖標的形式展示。
- 對於用戶需要重覆設置的操作頁面，雖然從產品角度看是對不用內容的不同設定，但是從用戶角度看，實質就是一個功能操作，所以界面的展示要滿足用戶的心理模型而不是產品的表現模型。
- 對於處於較弱層級的操作，視覺做弱化處理，降低界面的突兀感。
05 總結
場景化分析可以讓設計師直擊用戶痛點，發現精準的用戶體驗問題，從而通過精準的問題定義明確的設計目標。隨之就是為了設計目標的落地一步步的解決問題，最終呈現給用戶一個不僅可以高效工作還很滿意的產品。
此次IM改版項目上線後，B端用戶的閱讀到回覆的操作效率有了一定的提升，給了我們正向的驗證。未來還需不停的找到突破點去賦能，在為用戶打造個性化招聘的同時，建立良性的招聘生態環境，從而在整個招聘行業里樹立58招聘的標桿。
作者：周圓圓，視覺設計師
本文來源於人人都是產品經理合作媒體@58用戶體驗設計中心（微信公眾號@58UXD），作者@周圓圓
題圖來自Unsplash，基於CC0協議