在B端產(chǎn)品設(shè)計中，審批流程是非常重要的設(shè)計內(nèi)容之一。這篇文章，作者總結(jié)了自己在審批流程這方面的經(jīng)驗，希望能對大家的工作有所幫助。

審批是管理側(cè)后臺系統(tǒng)中比較常出現(xiàn)的一個功能，就是去支持不同業(yè)務(wù)節(jié)點的申請審批。

如何讓審批流程簡單高效呢？這也是我一直思考的問題。

一、角色

關(guān)于審批，主要的用戶角色可分為兩類：申請人和審批人。

1. 申請人

申請人是審批的流程發(fā)起者，他們會根據(jù)自己的需求發(fā)起不同的審批，以及填寫所需的申請單子和提供所需的材料，若被駁回，則還需要修改。

從用戶旅程上可以找到用戶情緒低落點，從而發(fā)現(xiàn)其中的設(shè)計機會點。

設(shè)計機會點主要為：

1. 申請單及審批結(jié)果信息傳達(dá)清晰且準(zhǔn)確
2. 審批流程清晰明確且簡潔高效，用戶可預(yù)知
3. 審批結(jié)果及時反饋

2. 審批人

審批人是審批流程結(jié)果的決定者，他會根據(jù)實際業(yè)務(wù)管理規(guī)則判斷申請人提交的申請是否符合要求，若不符合則會做駁回處理，反之亦然。

從用戶旅程上可以看出對于審批人來說，主要的操作場景聚焦在對申請資料的查看上。

二、設(shè)計怎么做？

在針對B端審批的這個場景下的角色進(jìn)行了解后，接下來需要思考如何可以更有效的幫助他們提升工作體驗?？偨Y(jié)為需要解決的兩點問題為：流程清晰與信息明確。

接下來將從申請側(cè)與審批側(cè)分別描述設(shè)計可以怎么做。

1. 申請側(cè)

申請側(cè)側(cè)重于解決審批單創(chuàng)建及信息填寫的效率問題。解決此問題的方法可采用信息前置的方法，讓用戶在審批單創(chuàng)建前就了解需要準(zhǔn)備什么資料，以及需要怎么做。

同時遵循可預(yù)見性原則，在用戶需要的時候便可提供其需要的信息。

1）信息前置

首先，我們來了解信息前置。

• 目的：是為了讓用戶在實際操作前就了解需要怎么做。
• 場景：第一次進(jìn)行審批申請操作時。
• 方式：可使用彈窗形式展示。

若需準(zhǔn)備的材料有特殊的要求，則可以配置示例圖片，讓用戶在準(zhǔn)備材料時可以更準(zhǔn)確，從而減少因資料格式不規(guī)范被駁回的情況。

2）可預(yù)見性原則

可預(yù)見性原則，即讓用戶在適當(dāng)?shù)臅r間內(nèi)快速了解當(dāng)前所處的狀態(tài)。

針對申請審批這一場景下，需在以下情況下做好可預(yù)見性。

–審批節(jié)點可預(yù)知：可以將審批的流程及審核的時間設(shè)計成流程節(jié)點至于頁面頂部，同時根據(jù)審批流進(jìn)到的不同狀態(tài)，進(jìn)行展示。節(jié)點狀態(tài)需包含“正在進(jìn)行中”、“已完成/已通過”、“已駁回/已終止”。

同時可以通過審批流水的展示，有助于申請人更詳細(xì)的了解整個審批過程以及曾經(jīng)未通過時的審批意見的查看。

采用倒敘形式展示，可以讓用戶更快速的看到最新的信息。

–審批結(jié)果可快速了解：結(jié)果只包含兩種，通過及駁回。用戶對于通過，更在意其“通過”的這一結(jié)果，對于駁回，則更在意“駁回的原因”，所以在針對這兩種情況，需做好重要信息的有效傳達(dá)。

所以可以將最終的審批結(jié)果置于審批單頂部，若被駁回，則可將駁回理由定位顯示在具體填寫的哪條信息不符合要求的信息旁。使其駁回提示更具有針對性。

2. 審批側(cè)

審批側(cè)側(cè)重于解決審批結(jié)果的容錯性以及歷史信息可追溯。

所以不論是駁回還是通過，都需要給用戶二次確認(rèn)的機會?？梢酝ㄟ^點擊“駁回”、“通過”按鈕，觸發(fā)二次確認(rèn)的彈窗，并且在“駁回”是，需要必須填寫駁回理由。

關(guān)于信息可追溯，則可以參考申請側(cè)，提供審批流水的說明以及保留駁回原因，幫助審批側(cè)在再次收到申請人申請時可以快速定位上次的問題是否有修改。

三、小結(jié)

以上是關(guān)于工作中遇到關(guān)于審批流程需求時所做的一些思考。b端設(shè)計的本質(zhì)永遠(yuǎn)離不開兩個原則：將本增效與增強管理，所以對于審批流程的設(shè)計也以此為準(zhǔn)則展開思考，尋找問題的解決方法。若大家對此還有更多的方法以及解決方案，歡迎在下面留言～