場(chǎng)景化分析可以讓設(shè)計(jì)師直擊用戶痛點(diǎn)，發(fā)現(xiàn)精準(zhǔn)的用戶體驗(yàn)問(wèn)題，從而通過(guò)精準(zhǔn)的問(wèn)題定義明確的設(shè)計(jì)目標(biāo)。

01?前言

隨著即時(shí)通訊的飛速發(fā)展，人與人之間的溝通方式已經(jīng)完全習(xí)慣于線上的場(chǎng)景。對(duì)于五大民生之一的招聘行業(yè)，為了提升企業(yè)與求職者的招聘效率，企業(yè)面試前的溝通已經(jīng)成為必不可少的環(huán)節(jié)，那這個(gè)環(huán)節(jié)的輔助個(gè)性功能的增加，已經(jīng)成為B端產(chǎn)品可以競(jìng)爭(zhēng)的優(yōu)勢(shì)。

02?PC端場(chǎng)景用戶使用痛點(diǎn)

通過(guò)數(shù)據(jù)觀察，超過(guò)一半多的用戶是在PC端操作，而對(duì)于目前58招聘功能分布為VIP管理后臺(tái)及58PC企業(yè)端，現(xiàn)實(shí)中用戶的工作場(chǎng)景就是在VIP管理后臺(tái)處理簡(jiǎn)歷及求職者溝通，同時(shí)還要在58PC企業(yè)端查看求職者簡(jiǎn)歷，這樣兩個(gè)功能頻繁的交替，其實(shí)工作效率極低。

而對(duì)于面試前的具有決策性作用的溝通環(huán)節(jié)，也就是VIP管理后臺(tái)的IM功能卻僅僅可以聊天，只滿足了用戶最基礎(chǔ)的需求“電腦打字比較方便”，并且通過(guò)數(shù)據(jù)顯示IM的接收回復(fù)率占到了整個(gè)平臺(tái)的近一半的量，所以把VIP管理后臺(tái)的IM功能豐富起來(lái)，多維度的輔助用戶快速?zèng)Q策，將可助力招聘B端業(yè)務(wù)的良性發(fā)展。

產(chǎn)品側(cè)此次便把58PC企業(yè)端的簡(jiǎn)歷功能整合到了VIP管理后臺(tái)的IM功能中，并且增加多種輔助功能，旨在打造個(gè)性化招聘，從而在整個(gè)招聘行業(yè)里樹(shù)立58招聘的標(biāo)桿。

03?產(chǎn)品戰(zhàn)略結(jié)構(gòu)剖析

通過(guò)用戶流的方式來(lái)剖析產(chǎn)品結(jié)構(gòu)。首先目前的VIP管理后臺(tái)的IM場(chǎng)景，用戶通過(guò)（移動(dòng)端信息同步、求職者主動(dòng)發(fā)起、B端用戶直聊發(fā)起）這4方式進(jìn)入到IM功能，經(jīng)過(guò)雙方的溝通后，B端用戶會(huì)對(duì)求職者有（面試邀請(qǐng)、職位邀請(qǐng)、篩選簡(jiǎn)歷、標(biāo)記求職者狀態(tài)）這些下一步的操作，此次IM的改版是把前一步與后一步功能全部整合到一起，最終用戶只需要在IM這一個(gè)功能場(chǎng)景中，邊聊天邊看簡(jiǎn)歷，并且直接進(jìn)入求職者篩選的下一步操作，快速找到適合公司的人。

04?設(shè)計(jì)目標(biāo)確立

依據(jù)IM的使用場(chǎng)景分析以及產(chǎn)品側(cè)的戰(zhàn)略結(jié)構(gòu)剖析，進(jìn)而確立我們的三個(gè)設(shè)計(jì)目標(biāo)。

第一個(gè)，由于IM場(chǎng)景是必須一屏內(nèi)的操作，所以頁(yè)面布局需要特別精準(zhǔn)。

（1）頁(yè)面尺寸確定

首先在「恒星」左側(cè)類目欄增加了消息入口，聊天界面變由浮層樣式變更為瀏覽器樣式。

1）界面邊界尺寸確定

由于中后臺(tái)的PC端頁(yè)面設(shè)計(jì)規(guī)范是1400x900px，但是考慮到IM場(chǎng)景使用，尺寸采用市面上比較低的分辨率的筆記本的尺寸1366x768px，刨除瀏覽器的高度，VIP管理后臺(tái)頂部狀態(tài)欄的高度，左側(cè)類目欄的高度，篩選器的高度及間距等，得出的最終的設(shè)計(jì)尺寸是1100x490px。

2）界面框架尺寸確定

依據(jù)最基礎(chǔ)的聊天結(jié)構(gòu)，以最小高度為基數(shù)a，以a的3倍4倍6倍8倍，在界面上算出最精準(zhǔn)的比例劃分。

（2）頁(yè)面層級(jí)的確定

第二個(gè)，由于在增加內(nèi)容的同時(shí)還要保持基礎(chǔ)的聊天結(jié)構(gòu)，所以需要特別明確的頁(yè)面層級(jí)。

1）顏色字號(hào)規(guī)范層級(jí)確定

由于目前VIP管理后臺(tái)的規(guī)范不太適用IM場(chǎng)景的應(yīng)用，所以為了提升用戶的操作效率，拉高層級(jí)重新調(diào)整。

2）內(nèi)容層級(jí)確定

采用十字交叉法的方法，提煉出對(duì)于用戶使用的最重要及最緊急的信息，其次信息，最弱信息等。

（3）用戶使用的舒適感

第三個(gè)，由于增加了很多不同維度的功能，所以這些功能需要合理的出現(xiàn)在界面上，并且要增加用戶使用的舒適感。

1. 由于此次改版最重要的功能就是簡(jiǎn)歷查看場(chǎng)景融入到聊天場(chǎng)景中，為了保證用戶的使用舒適度，簡(jiǎn)歷的展示方式采用抽屜的形式，用戶可以隨時(shí)展開(kāi)收起，真正做到邊聊邊看的場(chǎng)景。
2. 由于IM場(chǎng)景小一半的設(shè)置操作功能都在彈窗內(nèi)完成，為了增加操作按鈕的區(qū)分度及降低用戶的誤操作率，采用部分操作用圖標(biāo)的形式展示。
3. 對(duì)于用戶需要重復(fù)設(shè)置的操作頁(yè)面，雖然從產(chǎn)品角度看是對(duì)不用內(nèi)容的不同設(shè)定，但是從用戶角度看，實(shí)質(zhì)就是一個(gè)功能操作，所以界面的展示要滿足用戶的心理模型而不是產(chǎn)品的表現(xiàn)模型。
4. 對(duì)于處于較弱層級(jí)的操作，視覺(jué)做弱化處理，降低界面的突兀感。

05?總結(jié)

場(chǎng)景化分析可以讓設(shè)計(jì)師直擊用戶痛點(diǎn)，發(fā)現(xiàn)精準(zhǔn)的用戶體驗(yàn)問(wèn)題，從而通過(guò)精準(zhǔn)的問(wèn)題定義明確的設(shè)計(jì)目標(biāo)。隨之就是為了設(shè)計(jì)目標(biāo)的落地一步步的解決問(wèn)題，最終呈現(xiàn)給用戶一個(gè)不僅可以高效工作還很滿意的產(chǎn)品。

此次IM改版項(xiàng)目上線后，B端用戶的閱讀到回復(fù)的操作效率有了一定的提升，給了我們正向的驗(yàn)證。未來(lái)還需不停的找到突破點(diǎn)去賦能，在為用戶打造個(gè)性化招聘的同時(shí)，建立良性的招聘生態(tài)環(huán)境，從而在整個(gè)招聘行業(yè)里樹(shù)立58招聘的標(biāo)桿。

作者：周圓圓，視覺(jué)設(shè)計(jì)師

本文來(lái)源于人人都是產(chǎn)品經(jīng)理合作媒體@58用戶體驗(yàn)設(shè)計(jì)中心（微信公眾號(hào)@58UXD），作者@周圓圓

題圖來(lái)自Unsplash，基于CC0協(xié)議