B端系統(tǒng)改版的設(shè)計(jì)思路

2021-5-26    資深UI設(shè)計(jì)者

最近很長(zhǎng)時(shí)間都在做招聘管理系統(tǒng)的大改版,管理系統(tǒng)用戶角色眾多、功能邏輯復(fù)雜、使用場(chǎng)景多樣化,如何做到用戶體驗(yàn)的突破?




前言

「招聘管理系統(tǒng)」是 打造以應(yīng)聘者為中心的先進(jìn)招聘體系,定制化招聘解決方案,提升企業(yè)人才獲取競(jìng)爭(zhēng)力的產(chǎn)品。主要功能包括招聘需求及職位管理、人才資源運(yùn)營(yíng)、招聘過程管理、應(yīng)聘者錄用管理、招聘數(shù)據(jù)分析,同時(shí)基于SaaS模式,招聘系統(tǒng)覆蓋全流程的功能支撐與PaaS平臺(tái)強(qiáng)大的應(yīng)用拓展和集成,實(shí)現(xiàn)個(gè)性化功能模塊的快速配置與開發(fā)。


在 ToB 領(lǐng)域,面對(duì) 業(yè)務(wù)門檻高、 產(chǎn)品邏輯復(fù)雜、客戶決策鏈長(zhǎng)等重重困難和挑戰(zhàn),通過該項(xiàng)目改版升級(jí)的設(shè)計(jì)實(shí)踐,我總結(jié)了 這次改版的設(shè)計(jì)流程和方法,希望能為 ToB 領(lǐng)域的設(shè)計(jì)同行提供參考,共同探索交流。


設(shè)計(jì)流程

在 ToB 領(lǐng)域,不能只關(guān)注中間的設(shè)計(jì)環(huán)節(jié),而是需要參與到整個(gè)項(xiàng)目的流程中,圍繞著客戶服務(wù)的全流程,包括 理解業(yè)務(wù)-尋找機(jī)會(huì)-制定策略-設(shè)計(jì)原型-效果驗(yàn)證 進(jìn)行全鏈路的體驗(yàn)設(shè)計(jì)觸達(dá)。

一、理解業(yè)務(wù)

理解業(yè)務(wù),主要是理解業(yè)務(wù)邏輯、用戶角色、使用場(chǎng)景;

1、業(yè)務(wù)流程圖

通過客戶現(xiàn)場(chǎng)訪談、問卷調(diào)查、用戶行為數(shù)據(jù)分析、競(jìng)品分析、查閱行業(yè)報(bào)告等方式,梳理業(yè)務(wù)流程的關(guān)鍵節(jié)點(diǎn),這些節(jié)點(diǎn)也就是我們后續(xù)設(shè)計(jì)的關(guān)鍵步驟。


2、用戶角色

梳理出業(yè)務(wù)流程之后,從業(yè)務(wù)流程中可以找到對(duì)應(yīng)的用戶角色。招聘平臺(tái)的用戶角色包括招聘專員、招聘經(jīng)理、部門主管、面試官、應(yīng)聘者、獵頭、企業(yè)員工等,最主要的用戶角色是招聘專員。

通過角色畫像,減少我們?cè)谠O(shè)計(jì)過程中的盲目設(shè)計(jì)和閉門造車,時(shí)刻以用戶的視角和感受來設(shè)計(jì)。


下圖是“招聘專員”的用戶畫像


2、場(chǎng)景分析/用戶故事

場(chǎng)景化設(shè)計(jì)的定義:根據(jù)特定時(shí)間、使用情景、及用戶的特性,進(jìn)行定制化的設(shè)計(jì),使用戶按照產(chǎn)品設(shè)定的路線快速完成目標(biāo)盡可能的給予用戶驚喜與感動(dòng)。

可以應(yīng)用“體驗(yàn)設(shè)計(jì)畫布”來幫助我們更好的梳理場(chǎng)景。



場(chǎng)景化分析的好處在于通過對(duì)用戶使用場(chǎng)景進(jìn)行分析,有利于幫助我們了解到當(dāng)前場(chǎng)景下用戶的需求和痛點(diǎn),并通過設(shè)計(jì)手段進(jìn)行優(yōu)化,以更好滿足用戶體驗(yàn)?zāi)繕?biāo)和產(chǎn)品商業(yè)目標(biāo)。


二、尋找機(jī)會(huì)

主要是從操作流程、內(nèi)容反饋、信息傳達(dá)、視覺表現(xiàn)、情感關(guān)懷的角度來尋找交互和視覺的優(yōu)化點(diǎn);



  1. 「操作流程」是否高效

    去除冗余:去掉哪一步驟仍能跑通流程;預(yù)判操作:下一步驟是否可預(yù)判,提前幫用戶完成;自定義操作:高頻操作是否允許用戶自定義從而減少操作步驟;

2.「內(nèi)容反饋」是否合適

符合預(yù)期:每一個(gè)操作后呈現(xiàn)的頁(yè)面或信息內(nèi)容是不是用戶想要的;

一致性:不同界面同一個(gè)操作或樣式,操作后是否呈現(xiàn)一致的內(nèi)容?

輕量化:采用更輕量的內(nèi)容呈現(xiàn)方式,是否依然符合場(chǎng)景,減輕操作成本;


3.「信息傳達(dá)」是否清晰

邊界清晰:能夠明顯區(qū)分各模塊或信息,遵循格式塔原理;

易獲?。?/strong>主要模塊或信息放置在容器邊界的左上部分,因?yàn)橛脩糸喿x習(xí)慣從左到右、從上到下;

結(jié)構(gòu)簡(jiǎn)潔:同一層級(jí)信息數(shù)量遵循7±2原則,若超過則考慮重新整合信息結(jié)構(gòu),或是提供更高效的信息獲取方式;



4.「視覺表達(dá)」是否明確

減少認(rèn)知負(fù)擔(dān):是否有信息內(nèi)容可用視覺元素代替或輔助,規(guī)避用戶閱讀文字加重認(rèn)知負(fù)擔(dān);

表意清晰:通過視覺元素能夠快速了解信息大意,而不產(chǎn)生歧義;

降低疲勞:界面視覺是否容易加速用戶的疲勞感;


5.「情感關(guān)懷」體現(xiàn)溫度

正向情感:文案是否傳達(dá)了正向情緒,避開負(fù)面情緒;

貼近日常:信息呈現(xiàn)貼近日常習(xí)慣,非必要不使用專業(yè)術(shù)語;

積極提供方案:當(dāng)出現(xiàn)異常情況時(shí),是否有解決方案替代異常提示;



三、制定策略


1.「操作流程」優(yōu)化操作路徑


2.「內(nèi)容反饋」更加人性


3.「信息傳達(dá)」信息整合,清晰高效



4.「視覺表達(dá)」一致、易獲取、動(dòng)線合理


5.「情感關(guān)懷」體現(xiàn)溫度


四、原型設(shè)計(jì)

經(jīng)過前面的理解業(yè)務(wù)、尋找機(jī)會(huì)、制定策略之后就可以進(jìn)行原型設(shè)計(jì)了,考驗(yàn)大家設(shè)計(jì)功底的時(shí)候到了,這里不再贅述。

五、效果驗(yàn)證

1.驗(yàn)證維度

2.驗(yàn)證方式

我們主要通過系統(tǒng)功能埋點(diǎn)、系統(tǒng)NPS信息收集、客戶現(xiàn)場(chǎng)和電話回訪、內(nèi)部客戶外部客戶問卷調(diào)查等方式來收集用戶反饋信息。


3.驗(yàn)證結(jié)果


六、總結(jié)回顧



藍(lán)藍(lán)設(shè)計(jì)建立了UI設(shè)計(jì)分享群,每天會(huì)分享國(guó)內(nèi)外的一些優(yōu)秀設(shè)計(jì),如果有興趣的話,可以進(jìn)入一起成長(zhǎng)學(xué)習(xí),請(qǐng)掃碼藍(lán)小助,報(bào)下信息,藍(lán)小助會(huì)請(qǐng)您入群。歡迎您加入噢~~希望得到建議咨詢、商務(wù)合作,也請(qǐng)與我們聯(lián)系。

截屏2021-05-13 上午11.41.03.png



文章來源:站酷   作者:ZZiUP

分享此文一切功德,皆悉回向給文章原作者及眾讀者.
免責(zé)聲明:藍(lán)藍(lán)設(shè)計(jì)尊重原作者,文章的版權(quán)歸原作者。如涉及版權(quán)問題,請(qǐng)及時(shí)與我們?nèi)〉寐?lián)系,我們立即更正或刪除。

藍(lán)藍(lán)設(shè)計(jì)bouu.cn )是一家專注而深入的界面設(shè)計(jì)公司,為期望卓越的國(guó)內(nèi)外企業(yè)提供卓越的UI界面設(shè)計(jì)、BS界面設(shè)計(jì) 、 cs界面設(shè)計(jì) 、 ipad界面設(shè)計(jì) 、 包裝設(shè)計(jì) 、 圖標(biāo)定制 、 用戶體驗(yàn) 、交互設(shè)計(jì)、 網(wǎng)站建設(shè) 、平面設(shè)計(jì)服務(wù)








分享本文至:

日歷

鏈接

個(gè)人資料

存檔