如何進(jìn)行B端產(chǎn)品工作臺(tái)設(shè)計(jì)?

3 評(píng)論 36124 瀏覽 257 收藏 12 分鐘

編輯導(dǎo)語:我們?cè)谶M(jìn)行一個(gè)項(xiàng)目或者業(yè)務(wù)時(shí)經(jīng)常會(huì)用到工作臺(tái),工作臺(tái)可以清晰的看到你今天要做的、你的目標(biāo)、任務(wù)等等,提高了工作效率;本文作者介紹了如何設(shè)計(jì)B端工作臺(tái)設(shè)計(jì),需要有的功能是什么,我們一起來看一下。

一、背景

B端產(chǎn)品的業(yè)務(wù)種類繁多、流程復(fù)雜,導(dǎo)致用戶處理業(yè)務(wù)時(shí)需要在多個(gè)功能模塊間切換,一定程度上影響了工作效率;而每個(gè)用戶真正常用的功能并不多,把B端產(chǎn)品首頁設(shè)計(jì)成工作臺(tái),方便用戶登錄系統(tǒng)就可以立刻掌握工作進(jìn)度、查看待辦事項(xiàng)、快速處理業(yè)務(wù)。

更大的背景則包括:信息系統(tǒng)越來越多,信息爆炸;信息孤島出現(xiàn),信息無法實(shí)現(xiàn)集成與共享;信息仍是被動(dòng)式的提供給需求者,無法實(shí)現(xiàn)信息的個(gè)性化存取。

如何進(jìn)行B端產(chǎn)品工作臺(tái)設(shè)計(jì)?

二、定義

工作臺(tái)是一個(gè)幫助用戶快速掌握工作進(jìn)度及進(jìn)入工作狀態(tài)的導(dǎo)航頁面。

工作臺(tái)的設(shè)計(jì)離不開產(chǎn)品經(jīng)理對(duì)現(xiàn)有業(yè)務(wù)流程、管理體系的深入了解和洞察——從用戶角度來看,首頁工作臺(tái)是用戶感知產(chǎn)品價(jià)值的重要“門面”;從設(shè)計(jì)角度來看,首頁工作臺(tái)是系統(tǒng)內(nèi)體驗(yàn)范式及視覺風(fēng)格的核心場景。

為什么將工作臺(tái)定義為導(dǎo)航頁面,而不是綜合管理頁面?

工作臺(tái)是為了讓用戶隨時(shí)掌握各項(xiàng)工作的進(jìn)展情況,快速進(jìn)入需要處理的工作事項(xiàng)。

三、設(shè)計(jì)目標(biāo)

  • 提升使用者的工作效率,減輕工作壓力;
  • 串聯(lián)業(yè)務(wù)場景,展示業(yè)務(wù)全景;

四、角色

“工作臺(tái)的設(shè)計(jì)圍繞節(jié)省完成任務(wù)時(shí)間,以及實(shí)時(shí)掌握業(yè)務(wù)情況展開?!?/p>

兩大類角色:管理者(偏基層管理者)和執(zhí)行者(業(yè)務(wù)人員):

  • 管理者的核心需求是根據(jù)公司戰(zhàn)略規(guī)劃,對(duì)業(yè)務(wù)情況進(jìn)行把控,如進(jìn)度、質(zhì)量、風(fēng)險(xiǎn)、任務(wù)分配合理性等。
  • 執(zhí)行者的核心需求是高效地完成任務(wù),涉及分工協(xié)作、信息同步等方面。

管理者需要及時(shí)高效的查看數(shù)據(jù)報(bào)表,了解團(tuán)隊(duì)任務(wù)進(jìn)展和每個(gè)成員的任務(wù)進(jìn)度,掌握業(yè)務(wù)全景。

設(shè)計(jì)時(shí)需要根據(jù)角色的工作崗位量化并展示他們關(guān)注的核心數(shù)據(jù),包含正常數(shù)據(jù)和異常數(shù)據(jù);任務(wù)進(jìn)度包括團(tuán)隊(duì)及團(tuán)隊(duì)每個(gè)成員的分配任務(wù)數(shù)、完成任務(wù)數(shù)、任務(wù)完成率等信息。

業(yè)務(wù)人員每天的工作都圍繞任務(wù)展開,上班后了解今日任務(wù),然后按照規(guī)劃開始工作,下班之前再查看任務(wù)的完成情況。

如果沒有工作臺(tái),任務(wù)分散在系統(tǒng)的各個(gè)模塊,會(huì)需要花費(fèi)很多時(shí)間去尋找任務(wù),也可能遺漏任務(wù)。

頁面布局上可以通過歸集任務(wù)入口、展示任務(wù)進(jìn)度和剩余待辦任務(wù)滿足相應(yīng)的需求;信息同步包括公司級(jí)信息同步和協(xié)同任務(wù)信息同步,一般通過通知公告模塊、消息中心以及站外推送方式實(shí)現(xiàn)。

如何進(jìn)行B端產(chǎn)品工作臺(tái)設(shè)計(jì)?

五、內(nèi)容模塊

1. 工作進(jìn)度

通常來講,工作進(jìn)度是指對(duì)某些項(xiàng)目或重點(diǎn)業(yè)務(wù)流程的進(jìn)度監(jiān)控,無論是項(xiàng)目里程碑還是審批流程,系統(tǒng)都定義了確定的階段或狀態(tài)。

另一類工作進(jìn)度則是對(duì)當(dāng)前已完成工作量的匯總,一般沒有確定的數(shù)值;比如日累計(jì)或月累計(jì)數(shù)據(jù),可以同時(shí)顯示設(shè)定目標(biāo)值、個(gè)人歷史值或全員平均值進(jìn)行對(duì)比,在一定程度上可激勵(lì)員工提高工作積極性。

對(duì)管理者而言,工作進(jìn)度的意義更為重大,可以及時(shí)了解各個(gè)業(yè)務(wù)人員的任務(wù)進(jìn)展以及整個(gè)項(xiàng)目的進(jìn)度。

2. 待辦提醒

待辦事項(xiàng)/任務(wù)用于提醒用戶當(dāng)前待處理的工作事項(xiàng),匯總數(shù)量后方便用戶查看當(dāng)天的工作量。

不同角色的待辦內(nèi)容不同,執(zhí)行者的待辦任務(wù)更多的是工作內(nèi)容,比如待審核訂單、待發(fā)貨訂單、待處理退款等;管理者的待辦任務(wù)更多的是流程審批,比如請(qǐng)假審批、報(bào)銷審批、用章審批等,也包括管理范圍內(nèi)整體的待辦任務(wù),以便安排工作。

無論具體內(nèi)容如何,在設(shè)計(jì)待辦事項(xiàng)時(shí)都要遵循三個(gè)原則:

  • 展示形式簡潔,一眼就能獲取所有關(guān)鍵信息;
  • 要能夠快速處理,可以當(dāng)前頁面直接處理,也可以鏈接到詳情頁處理;
  • 如果有截止時(shí)間,需要重點(diǎn)標(biāo)記出來,并按照截止時(shí)間升序排列。

對(duì)業(yè)務(wù)人員而言,待辦任務(wù)一般有三個(gè)來源:

  • 上級(jí)領(lǐng)導(dǎo)分配或指派的以及其他同事轉(zhuǎn)手的;
  • 系統(tǒng)根據(jù)分配規(guī)則自動(dòng)分發(fā)的(具有明確的達(dá)成標(biāo)準(zhǔn));
  • 用戶根據(jù)工作需要自行添加的(可通過日程管理和備忘實(shí)現(xiàn))。

各類待辦事項(xiàng)可外露出相應(yīng)的匯總數(shù)量,方便用戶對(duì)各類任務(wù)的工作量建立認(rèn)知。

待執(zhí)行任務(wù)一般有兩種呈現(xiàn)形式:

  • 僅放置任務(wù)入口,點(diǎn)擊可進(jìn)入對(duì)應(yīng)的任務(wù)列表。這種形式適用于數(shù)量較多、需要批量的任務(wù);
  • 顯示任務(wù)列表項(xiàng),點(diǎn)擊可對(duì)任務(wù)進(jìn)行處理。這種形式適用于數(shù)量較少、且獨(dú)立于其它模塊的任務(wù)。

待辦任務(wù)的處理方式也是兩種:

  • 簡單的事務(wù)可以直接在當(dāng)前頁面通過彈窗進(jìn)行快捷處理;
  • 復(fù)雜的可以按照“待辦列表-待辦詳情”或直接進(jìn)入詳情頁兩種操作路徑進(jìn)行處理。

3. 快捷功能導(dǎo)航

快捷功能板塊是承載用戶常用功能的快鏈入口,可以節(jié)省到導(dǎo)航欄查找功能菜單以及進(jìn)入頁面查看功能入口的時(shí)間。

滿足的是用戶個(gè)人偏好的需求,對(duì)于絕大多數(shù)用戶來說,經(jīng)常使用的功能只有幾個(gè);將常用的菜單或操作入口提煉出來,方便用戶快速進(jìn)入,省時(shí)省力,屬于錦上添花的功能。

一般會(huì)按照特定角色的工作職責(zé)預(yù)置幾個(gè)默認(rèn)的快捷功能,并允許用戶自定義編輯。

同樣的,可以直接在工作臺(tái)頁面以彈窗形式進(jìn)行展示,也可以跳轉(zhuǎn)至對(duì)應(yīng)的功能頁面;一般還包括應(yīng)用搜索及查看歷史搜索,以及最近使用的應(yīng)用等功能。
如何進(jìn)行B端產(chǎn)品工作臺(tái)設(shè)計(jì)?

4. 通知公告

企業(yè)的重大決定往往以公告的方式進(jìn)行發(fā)布,以體現(xiàn)其正式性,也方便用戶集中查看,同時(shí)避免用戶錯(cuò)過重大通知。

5. 核心業(yè)務(wù)數(shù)據(jù)概覽

核心業(yè)務(wù)數(shù)據(jù)的判定依賴對(duì)業(yè)務(wù)的足夠了解;任務(wù)都完成了并不代表業(yè)務(wù)進(jìn)展得順利,所以要對(duì)業(yè)務(wù)進(jìn)行分析,看哪些數(shù)據(jù)能夠反映業(yè)務(wù)的真實(shí)情況。

6. 消息中心

消息系統(tǒng)一般包括普通提醒(如續(xù)費(fèi)預(yù)警、有效期提醒等)、業(yè)務(wù)提醒(和業(yè)務(wù)流程密切相關(guān)的提醒,如待審批等)、系統(tǒng)公告(平臺(tái)級(jí)的功能更新說明、營銷推廣活動(dòng),公司級(jí)的通知公告等)。

形式上一般是獨(dú)立于頁面的懸浮消息列表,避免打斷用戶原有操作流程。

7. 全局搜索

包括對(duì)人員、消息、功能菜單、業(yè)務(wù)流程等內(nèi)容的搜索。

8. 工作日志

工作日志是對(duì)每天工作的梳理。有的公司要求員工寫工作日?qǐng)?bào),包括今日工作完成情況和明天工作計(jì)劃;因此可在工作臺(tái)添加工作日志入口。

此外,系統(tǒng)還可以自動(dòng)匯總?cè)請(qǐng)?bào)提煉形成周報(bào),并進(jìn)行統(tǒng)計(jì)分析。

9. 日程管理

日程管理是從更加宏觀的視角來看待整個(gè)工作安排。

釘釘、飛書中都有類似的日志功能,對(duì)時(shí)間管理比較重視的企業(yè)會(huì)比較青睞這個(gè)功能。

六、設(shè)計(jì)小貼士

1)業(yè)務(wù)場景比較簡單的產(chǎn)品不適合使用工作臺(tái),可能無法提高工作效率,甚至?xí)蔀橛脩舻呢?fù)擔(dān)。

2)對(duì)于不同的角色,需要的功能板塊不同,相同功能板塊的重要程度也不一樣,因此要有針對(duì)性的進(jìn)行合理布局。

3)工作臺(tái)不是簡單的功能堆砌,而是依據(jù)不同業(yè)務(wù)角色的工作職責(zé)和核心使用場景,將相應(yīng)的功能和數(shù)據(jù)規(guī)劃到一個(gè)頁面進(jìn)行集中展示。

4)少即是多,工作臺(tái)設(shè)計(jì)以提高工作效率為目的,展示的內(nèi)容不易過多,太多了容易給用戶造成視覺疲勞,最好一屏展示完全。

參考資料:

工作臺(tái)設(shè)計(jì)思路(東東方筆記 公眾號(hào))

淺談B端產(chǎn)品設(shè)計(jì)-工作臺(tái)篇(明天上線 公眾號(hào))

B端產(chǎn)品工作臺(tái)設(shè)計(jì)詳解(袁賀)

云臺(tái)助手案例分享:B端產(chǎn)品該如何改版?(蘇寧設(shè)計(jì) 公眾號(hào))

怎樣設(shè)計(jì)企業(yè)管理系統(tǒng)的首頁工作臺(tái)(產(chǎn)品旅程 公眾號(hào))

以電商和醫(yī)療行業(yè)為例,看B端工作臺(tái)和消息系統(tǒng)的設(shè)計(jì)(司馬特小分隊(duì))

研究規(guī)劃 | 企業(yè)門戶系統(tǒng)的規(guī)劃與建設(shè)研究(數(shù)字化企業(yè) 公眾號(hào))

傳統(tǒng)企業(yè)的數(shù)字化之路:如何打造一款企業(yè)級(jí)的工作協(xié)同門戶平臺(tái)(神馬B端)

#專欄作家#

張鵬濤TAO,人人都是產(chǎn)品經(jīng)理專欄作家。關(guān)注電商、教育領(lǐng)域,擅長后臺(tái)產(chǎn)品設(shè)計(jì)、用戶體驗(yàn)設(shè)計(jì)。

本文原創(chuàng)發(fā)布于人人都是產(chǎn)品經(jīng)理。未經(jīng)許可,禁止轉(zhuǎn)載。

題圖來自 Unsplash,基于CC0協(xié)議

更多精彩內(nèi)容,請(qǐng)關(guān)注人人都是產(chǎn)品經(jīng)理微信公眾號(hào)或下載App
評(píng)論
評(píng)論請(qǐng)登錄
  1. 聚類分析講解很不錯(cuò)

    來自北京 回復(fù)
  2. 管理者的核心需求是根據(jù)公司戰(zhàn)略規(guī)劃,對(duì)業(yè)務(wù)情況進(jìn)行把控,如進(jìn)度、質(zhì)量、風(fēng)險(xiǎn)、任務(wù)分配合理性等。

    分三個(gè)角色,高層管理,中層管理,一線人員

    高層管理,是經(jīng)營壯況,一般是數(shù)據(jù)的多維分析

    中層管理,業(yè)務(wù)情況進(jìn)行把控,如進(jìn)度、質(zhì)量、風(fēng)險(xiǎn)、任務(wù)分配合等。

    一線人員,一般是我的任務(wù),我的動(dòng)態(tài)等

    回復(fù)
  3. 總結(jié)的很棒??

    來自上海 回復(fù)