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

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

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




前言

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


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


設(shè)計流程

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

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

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

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

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


2、用戶角色

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

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


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


2、場景分析/用戶故事

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

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



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


二、尋找機會

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



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

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

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

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

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

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


3.「信息傳達」是否清晰

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

易獲?。?/strong>主要模塊或信息放置在容器邊界的左上部分,因為用戶閱讀習(xí)慣從左到右、從上到下;

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



4.「視覺表達」是否明確

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

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

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


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

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

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

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



三、制定策略


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


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


3.「信息傳達」信息整合,清晰高效



4.「視覺表達」一致、易獲取、動線合理


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


四、原型設(shè)計

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

五、效果驗證

1.驗證維度

2.驗證方式

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


3.驗證結(jié)果


六、總結(jié)回顧



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

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



文章來源:站酷   作者:ZZiUP

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

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








日歷

鏈接

個人資料

藍藍設(shè)計的小編 http://m.yvirxh.cn

存檔