B端設(shè)計指南 - 審批

2022-5-26    ui設(shè)計分享達人

業(yè)務(wù)究竟是什么?


很多時候既讓初入B端行業(yè)的設(shè)計師感到一絲絲迷茫,因為不同的B端系統(tǒng)也就意味著,它的業(yè)務(wù)一定就會有所不同。比如CRM系統(tǒng)當中的客戶生命周期管理,OA的辦公自動化,特定的行業(yè)往往都會蘊含著不同的業(yè)務(wù)類型


而作為設(shè)計師,如果只了解設(shè)計模式、設(shè)計組件,不去分析設(shè)計最后的業(yè)務(wù)訴求,其實是沒有任何意義。因此想要通過B端設(shè)計指南,和大家一起聊聊B端業(yè)務(wù),以及背后所牽涉的具體邏輯。今天就簡單聊聊最為常見的 審批


開始之前,還得再多說兩句,因為一個系統(tǒng)當中,業(yè)務(wù)本身就不是獨立存在的。因此在去講述審批的過程,一定會涉及到 流程、權(quán)限、表單配置 等一些基礎(chǔ)內(nèi)容,建議可以先做初步了解,再結(jié)合文章進行閱讀



審批的起源

雖然在說起源,其實我更想給大家講清楚 審批在B端系統(tǒng) 當中的重要性

審批字面意思是審查并加以批示,通常指對 下級呈報上級的公文進行審查批示,報請上級審批

現(xiàn)如今,任何事情一定都會有分工協(xié)作,而使用審批的好處是可以

  • 規(guī)范員工行為

  • 提高企業(yè)運轉(zhuǎn)效率

  • 系統(tǒng)存檔便于溯源

  • 保護環(huán)境(畢竟減少了紙張浪費)

當然在不同的階段的公司,對于審批的訴求是不太一樣

小公司:因為審批的決策路徑短、流程上都非常簡單,但因此就會缺乏規(guī)范保障。比如在外出辦公時,看似只需要與老板當面進行口頭上的溝通即可,但是在外出出現(xiàn)意外時,由于缺乏外出辦公的相關(guān)證據(jù),員工的權(quán)益則很難得到保障

大公司:因為審批的決策路徑長,流程上都極其復(fù)雜,因此會在多人協(xié)作下完成整個流程審批。比如想要申請購買辦公用品時,會由 行政、Leader、財務(wù) 層層審批,從提交審批到最終落實可能需要十天半個月,但是這樣的流程,能夠確保企業(yè)在清查財務(wù)狀況時,更加有理有據(jù)

審批的演變,就是從最開始的規(guī)章制度而來。比如在早期去政務(wù)機構(gòu)辦理各種業(yè)務(wù)時,會讓你去填寫各種紙質(zhì)表單。在審核過程中,則需要有各個機關(guān)的蓋章及批準,而這種形式正是政府對于普通市民的自上而下的管理方式


審批其實是整個B端系統(tǒng)的靈魂,因為在B端系統(tǒng)當中,企業(yè)想要使用系統(tǒng)的一大痛點便是 核心的管控 

因此你會發(fā)現(xiàn),只要一個獨立的系統(tǒng),一定會存在獨立的審批模塊。因為B端管理系統(tǒng)當中企業(yè)的最終目的,是管理手中的人,而審批便是最為常見的一種手段

審批在如今的B端系統(tǒng)當中,可以理解為它是一組消息,在這一組消息當中會有:“具體的文本、對應(yīng)的附件、以及照片視頻”這些內(nèi)容都是輔佐 申請人 去講訴你需要申請的內(nèi)容

比如我們在申請病假時,往往需要出示 三甲醫(yī)院所開設(shè)的證明,對于這個證明,如何在表單當中出現(xiàn),你會發(fā)現(xiàn)最為常見的便是拍攝證明圖片,然后上傳到表單當中(這個與字段屬性緊密相連,我就不做不過介紹)


審批的這組消息還會有些特殊,因為它非常重要,你可以理解為它是一則“加急消息”會提醒審批人快速的進行處理,同時會告知相關(guān)的參與人(處理人、抄送人)審批的進度、并且無論成功與否,都會在系統(tǒng)當中留下 足跡,因此它起到了 “追蹤、通知、留存” 三個非常重要的作用,我們首先對于審批進行一個基礎(chǔ)的拆解

審批的拆解

如果把審批單獨拿出來,你會發(fā)現(xiàn)審批會牽涉到 發(fā)起人、處理人、抄送人

發(fā)起人:

審批的發(fā)起人,也是整個審批流程的歸屬人,他最關(guān)心整個審批進展

因為在發(fā)起人的角度,創(chuàng)建完審批事項后,可能還需要進入審批頁面,完善 后續(xù)附加信息、及時了解審批狀態(tài)、催促審批人的審核、處理駁回意見 等等,因此站在發(fā)起人的角度,審批需要盡可能詳細的展示 當前審批的狀態(tài)、完整的審批流程、駁回信息的快速操作、成功信息的必要通知

處理人

審批的處理人主要在審批過程做出決策,因此他更在乎的是審批申請內(nèi)容的信息。比如 審批的信息內(nèi)容、直接的審批操作、多條審批的管理

當然,在一些大型的集團企業(yè)當中,會將審批分為審批「直接處理人」「間接處理人」(后文以 直處人、間處人 簡稱)

「直處人」作為審批的第一處理人,也就意味著他的意見至關(guān)重要,如果「直處人」通過過后,相對而言整條審批的通過幾率會大大增加。通?!钢碧幦恕故亲鳛樯暾埲说闹毕殿I(lǐng)導(dǎo)居多,因此多數(shù)情況下可以理解為直屬領(lǐng)導(dǎo)進行 “把關(guān)”

「間處人」作為審批的后續(xù)處理人,同樣在流程當中也十分重要。但在有些情況下,比如一些偏平化管理的企業(yè),「間處人」更多像是“權(quán)利”的象征,因為權(quán)利已經(jīng)下放給「直處人」,而「間處人」起到知曉審批以及企業(yè)的規(guī)章制度要求

抄送人

審批抄送人主要起到通知對應(yīng)角色的作用,因為一條審批的出現(xiàn),會造成諸多影響,假設(shè)今天你需要申請事假,如何通知同部門的其他成員呢?

發(fā)送即時消息,顯得過于簡單;每個打電話,又有些麻煩;發(fā)送企業(yè)郵件,又怕他們沒有看到

這時候抄送人會顯得尤為關(guān)鍵

通常抄送會有企業(yè)流程上管理員配置的固定抄送人,以及發(fā)起人選擇的自行抄送人 兩種類型

固定抄送人 角色通常與管理員配置整個流程有關(guān),他是角色當中 管理員 所配置的重要通知人,比如今天你的請假信息,肯定會告知行政,像這類默認的通知流程,則可以將其設(shè)為固定抄送人

自行選擇抄送人 則是提供給發(fā)起人自行選擇,該條審批可能會影響到的相關(guān)人群。比如就是發(fā)送給同事,讓他們知曉今天你不在崗位上,因此自行選擇可以增加審批抄送的靈活性

這里肯定會有很多讀者會問,我選擇抄送人與我發(fā)消息給同事,有什么區(qū)別么?

看似完全相同,實則有明確的區(qū)分

通過消息,將審批內(nèi)容傳達,本質(zhì)上是你自行將內(nèi)容發(fā)送給對方,對方會對于你這個消息的真實性會產(chǎn)生疑問?你是否通知了

而選擇抄送,更為權(quán)威,更能體現(xiàn)你這條消息的真實性,并且整個流程都已經(jīng)由領(lǐng)導(dǎo)進行批準,因此不會存在太大問題

其實審批的本質(zhì)就是一組消息,而這一組消息當中,申請人 通過 表單配置 去獲取需要補充的消息內(nèi)容,而流程會根據(jù)企業(yè)所配置的流程方式將這一組消息進行合并轉(zhuǎn)發(fā)給對應(yīng)人,而審批人則需要對這一組消息進行回復(fù)“通過、駁回” 來讓整個流程繼續(xù)延續(xù)

審批流程

審批當中,最主要的便是流程。因為你可以通過查看流程圖,去了解整個企業(yè)的組織架構(gòu)、規(guī)章制度、員工管理方式

1.串行審批/依次審批

串行審批主要是指當一個審核節(jié)點通過后,才能進入下一個審核節(jié)點。如果節(jié)點駁回,則可以根據(jù)業(yè)務(wù)實際需要,配置駁回的返回路徑,會有:撥回到發(fā)起人、駁回到上一個節(jié)點、或駁回之前任意一個節(jié)點 重新審批


2.并行審批

并行審批是指一個審批節(jié)點存在多個角色同時審批,這里會存在兩種情況

  1. 任何一個人審批通過,則可以進入下個節(jié)點,這也就是系統(tǒng)當中常說的 「或簽」

  2. 所有審批人員通過,才能進入下個節(jié)點,這也是系統(tǒng)當中常說的 「會簽」


3. 條件審批

條件審批就是將企業(yè)當中的規(guī)章制度映射到實際的項目當中,通常就是某個審批內(nèi)容會根據(jù) 金額多少、實際數(shù)量 等 進而選擇哪個角色進行審批

比如銷售人員在申請一個合同審批時,會根據(jù)合同金額的不同,審批人也會有所差異

  • 當金額小于8000時,合同直接由財務(wù)專員進行審批,進而讓流程進行快速審批

  • 當金額大于8000時,合同會由銷售主管進行審批,讓銷售主管能夠掌握企業(yè)的重要合同


4.自主審批

通過發(fā)起人選定一個審批事項后,將自主選擇后續(xù)的審批內(nèi)容,進而實現(xiàn)審批的后續(xù)選擇。這是一種較為靈活的審批流程,當企業(yè)尚未形成標準化流程時,自主的核心就是當發(fā)起人發(fā)起一個審批,提交時需要自行選擇下一個環(huán)節(jié)的審批人。而下一個環(huán)節(jié)的審批人審批通過后,可以選擇繼續(xù)流轉(zhuǎn)到再下一個人去審批,或者結(jié)束這個流程

審批頁面梳理

審批的背后,它映射的其實是企業(yè)的一條條管理制度,而它的設(shè)計一定是要滿足企業(yè)的實際需求。因為你負責的產(chǎn)品不是為某一家企業(yè)提供的服務(wù)(定制化產(chǎn)品),并且企業(yè)管理制度的變動其實是家常便飯,你需要去考慮一個通用的解決方案,這個解決方案拆解下來會分為三個內(nèi)容,分別是:申請表單、流程配置、更多配置 進行講解

1.審批表單

審批表單是最為一個“簡單”的用戶可配置化表單,因為現(xiàn)如今大多數(shù)B端產(chǎn)品都是以 SaaS 作為基礎(chǔ)(如果是定制化產(chǎn)品 它的審批內(nèi)容、流程也不會是固定不變的)也就意味著審批表單需要為企業(yè)提供“DIY”的方式,通過表單提供不同的字段類型,去構(gòu)建審批的實際要求


比如在一個選擇請假時,年假、事假、病假、婚假 等的要求都會有所不同

如何知道他們的差別,其實可以根據(jù)《勞動法》的相關(guān)規(guī)定 以及 各個其實的實際公司制度,進行個性化的處理

在申請婚假時,需要上傳你的結(jié)婚證,以證明其真實性;在病假時,需要有3甲醫(yī)院的病情證明;在年假時,則需要有你的剩余年假天數(shù)。而這些特殊訴求,其實都需要在表單當中進行各種定制化表單

當然這只是極為常見的 請假 場景,而在實際業(yè)務(wù)當中的復(fù)雜場景(更多需要將 審批與其他系統(tǒng)關(guān)聯(lián))一個簡單的表單是沒有辦法進行滿足

這也是很多企業(yè)會發(fā)現(xiàn),無論是飛書、釘釘、企業(yè)微信,都沒有辦法滿足其實際流程需求。又沒有辦法改變自身流程,只能夠自研、定制化 產(chǎn)品,這也是為什么即便各行各業(yè)都有了初具規(guī)模的 SaaS 產(chǎn)品,但是還是會有很多企業(yè)愿意自行研發(fā)軟件


2.流程配置

企業(yè)可以根據(jù)自身的系統(tǒng)流程,在流程配置當中去定制特定的流程。在這個頁面的設(shè)計上,需要注意不同參與人的狀態(tài),以及復(fù)雜流程時如何才能夠進行清晰的閱讀,因此增加了 顏色區(qū)分(發(fā)起人、審批人、抄送人)+ 視圖縮放 功能

顏色自然不必多說,整個系統(tǒng)需要統(tǒng)一,因此不能夠只考慮在管理后臺的顏色,是一定要在詳情頁當中也能過保證顏色的一致。這樣才能夠滿足實際業(yè)務(wù)所需

視圖縮放只是小小提一下,常見的視圖縮放會放在左側(cè),至于為什么,自己稍稍揣摩揣摩

由于流程配置的屬性頁面會涉及很多表單的復(fù)雜邏輯,這個只能夠留在我的 訓(xùn)練營的課程 當中進行拆解,這里就不過多贅述


3.更多配置

更多配置項則是審批在實際情況下的特殊處理,比如:申請人修改審批的具體時間、能夠?qū)徟D(zhuǎn)發(fā)給其他人、出現(xiàn)多次相同的審批人是否去重 等等...  其實就是將審批的設(shè)計方案進行“賦能”,去滿足更多企業(yè)在實際場景當中的需求,感興趣的同學(xué)可以去 釘釘、飛書 了解詳情


結(jié)語

審批,核心還是提高企業(yè)運轉(zhuǎn)效率,如果在審批之間,還需要不同角色私下反復(fù)溝通,本質(zhì)上就失去了審批的意義。而審批本身,就是一個典型的B端產(chǎn)品 從場景到需求,進而研發(fā)功能,最后又回歸場景,你設(shè)計的好與壞,落地到真實的場景當中,試試便知

原文地址:站酷
作者:CE青年

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

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

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

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

UI設(shè)計公司、界面設(shè)計公司、UI設(shè)計服務(wù)公司、數(shù)據(jù)可視化設(shè)計公司、UI交互設(shè)計公司、高端網(wǎng)站設(shè)計公司、UI咨詢、用戶體驗公司、軟件界面設(shè)計公司


分享本文至:

日歷

鏈接

個人資料

藍藍設(shè)計的小編 http://www.bouu.cn

存檔