在快節(jié)奏的商業(yè)環(huán)境中，差旅審批流程的效率直接影響著企業(yè)的運(yùn)營成本和員工的滿意度。本文將帶您一探究竟，如何通過精心的設(shè)計(jì)優(yōu)化，讓繁瑣的審批流程變得更加省錢且高效。

差旅業(yè)務(wù)常見主管和財務(wù)要審批屬員出行的申請，主管審批的難點(diǎn)在于既要審過合理的出差費(fèi)用又要能合理的分配，接下來分享如何通過設(shè)計(jì)來進(jìn)行優(yōu)化。

一、業(yè)務(wù)背景

主管角色在差旅業(yè)務(wù)中擁有著審批的職能，目標(biāo)是高效審批單據(jù)，審批有參考依據(jù),對于部門出差信息有一個全局的掌控。希望個人的信息與部門的能同時展現(xiàn)。

二、現(xiàn)有痛點(diǎn)

優(yōu)化前的痛點(diǎn)具體可以三類：

1. 鏈路長：無法一鍵獲取核心數(shù)據(jù), 不符合實(shí)際用戶操作的心智
2. 心智亂：現(xiàn)有布局不合理, 頁面使用屏效低且頁面結(jié)構(gòu)分散, 層級雜亂。
3. 風(fēng)格舊：風(fēng)格沉悶, 缺少情感化傳達(dá)

三、設(shè)計(jì)優(yōu)化

優(yōu)化措施主要是涉及到工作臺與具體的詳情頁面2 個功能，接下來從這個角度來進(jìn)行分享。

1. 工作臺優(yōu)化

首頁布局重構(gòu)，提高頁面利用率

對首頁布局進(jìn)行了重構(gòu)，以提高頁面利用率。摒棄了原來分散且缺乏邏輯性的板塊設(shè)置，重新定義框架。從審批人的角度出發(fā)，對工作臺的功能模塊進(jìn)行分類并排出優(yōu)先級。這樣的設(shè)計(jì)更加貼合審批場景，符合客戶的瀏覽習(xí)慣，助力審批人快速做出決策.

快速處理待辦事項(xiàng)，縮短操作鏈路

在工作臺設(shè)計(jì)了 “待我審批” 入口，讓用戶能夠以最少的點(diǎn)擊或操作完成審批任務(wù)，極大地提高了用戶的工作效率。通過將高頻功能前置，核心場景得以高效觸達(dá)，快速處理待辦事項(xiàng)，縮短了操作鏈路?？梢灾苯訌墓ぷ髋_進(jìn)入審批詳情頁面，無需經(jīng)過繁瑣的步驟，大大提升了整體的用戶體驗(yàn)。

2. 詳情優(yōu)化

重構(gòu)頁面布局，雙列遞進(jìn)，提高審批瀏覽效率

對頁面布局進(jìn)行了重構(gòu)，采用雙列遞進(jìn)的方式，充分利用 X 軸空間，將信息整合到一個頁面，實(shí)現(xiàn)更加沉浸式審批。左側(cè)聚焦單據(jù)信息，右側(cè)展示支付信息，這種布局符瀏覽動線，能夠快速獲取所需內(nèi)容，提高工作效率。

預(yù)警信息外顯，減少用戶點(diǎn)擊

為了讓用戶更便捷地獲取重要信息，將預(yù)警信息進(jìn)行外顯。采用醒目的顏色和圖標(biāo)來標(biāo)記超標(biāo)數(shù)據(jù)，用戶無需多次點(diǎn)擊就能獲取超標(biāo)信息的內(nèi)容。不會打斷用戶工作流程，減少了用戶的認(rèn)知負(fù)擔(dān)和切換成本。圖標(biāo)和顏色的設(shè)計(jì)與其他信息形成對比，操作更加便捷。

不同卡片展示, 快速獲取重要信息

通過不同卡片分層、分組展示來區(qū)分信息的優(yōu)先級，降低單個頁面內(nèi)信息復(fù)雜度，提升用戶的查看效率。在票據(jù)卡片設(shè)計(jì)上，采用情感化設(shè)計(jì)，費(fèi)用相關(guān)產(chǎn)品采用發(fā)票樣式，提升了整體視覺品質(zhì)，更貼合產(chǎn)品調(diào)性，增強(qiáng)了品牌的辨識度和記憶點(diǎn)。金額采用右對齊方式，總計(jì)金額拉高層級，便于用戶在金融、財務(wù)場景下從右到左閱讀數(shù)字，進(jìn)行數(shù)值比較和計(jì)算，同時突出關(guān)鍵信息，保持界面元素整齊。

四、數(shù)據(jù)驗(yàn)證

上線一個月之后，通過埋點(diǎn)系統(tǒng)查看單次審批平均時長從半小時縮短到 20 分鐘。

五、之后規(guī)劃

審批相關(guān)的系統(tǒng)比較復(fù)雜，現(xiàn)階段只是優(yōu)化了工作臺和審批詳情頁面，后面會逐步優(yōu)化整個流程。

六、總結(jié)

通過重構(gòu)頁面布局、外顯預(yù)警信息和采用不同卡片展示等方式，提高用戶工作效率，滿足主管需求。