在快節奏的商業環境中，差旅審批流程的效率直接影響著企業的營運成本和員工的滿意度。本文將帶您一探究竟，如何透過精心的設計最佳化，讓繁瑣的審批流程變得更加省錢且高效。
差旅業務常見主管和財務要審批屬員出行的申請，主管審批的難點在於既要審過合理的出差費用又要能合理的分配，接下來分享如何透過設計來進行最佳化。
一、業務背景主管角色在差旅業務中擁有著審批的職能，目標是高效審批單據，審批有參考依據,對於部門出差資訊有一個全域的掌控。希望個人的資訊與部門的能同時展現。
二、現有痛點最佳化前的痛點具體可以三類：
- 鏈路長：無法一鍵獲取核心數據, 不符合實際使用者操作的心智
- 心智亂：現有布局不合理, 頁面使用屏效低且頁面結構分散, 層級雜亂。
- 風格舊：風格沈悶, 缺少情感化傳達
最佳化措施主要是涉及到工作台與具體的詳情頁面2 個功能，接下來從這個角度來進行分享。
1. 工作台最佳化
首頁布局重構，提高頁面利用率
對首頁布局進行了重構，以提高頁面利用率。摒棄了原來分散且缺乏邏輯性的板塊設定，重新定義框架。從審批人的角度出發，對工作台的功能模組進行分類並排出優先級。這樣的設計更加貼合審批場景，符合客戶的瀏覽習慣，助力審批人快速做出決策.
快速處理待辦事項，縮短操作鏈路
在工作台設計了 「待我審批」 入口，讓使用者能夠以最少的點選或操作完成審批任務，極大地提高了使用者的工作效率。透過將高頻功能前置，核心場景得以高效觸達，快速處理待辦事項，縮短了操作鏈路。可以直接從工作台進入審批詳情頁面，無需經過繁瑣的步驟，大大提升了整體的使用者體驗。
2. 詳情最佳化
重構頁面布局，雙列遞進，提高審批瀏覽效率
對頁面布局進行了重構，采用雙列遞進的方式，充分利用 X 軸空間，將資訊整合到一個頁面，實作更加沈浸式審批。左側聚焦單據資訊，右側展示支付資訊，這種布局符瀏覽動線，能夠快速獲取所需內容，提高工作效率。
預警資訊外顯，減少使用者點選
為了讓使用者更便捷地獲取重要資訊，將預警資訊進行外顯。采用醒目的顏色和圖示來標記超標數據，使用者無需多次點選就能獲取超標資訊的內容。不會打斷使用者工作流程，減少了使用者的認知負擔和切換成本。圖示和顏色的設計與其他資訊形成對比，操作更加便捷。
不同卡片展示, 快速獲取重要資訊
透過不同卡片分層、分組展示來區分資訊的優先級，降低單個頁面內資訊復雜度，提升使用者的檢視效率。在票據卡片設計上，采用情感化設計，費用相關產品采用發票樣式，提升了整體視覺品質，更貼合產品調性，增強了品牌的辨識度和記憶點。金額采用右對齊方式，總計金額拉高層級，便於使用者在金融、財務場景下從右到左閱讀數碼，進行數值比較和計算，同時突出關鍵資訊，保持界面元素整齊。
四、數據驗證上線一個月之後，透過埋點系統檢視單次審批平均時長從半小時縮短到 20 分鐘。
五、之後規劃審批相關的系統比較復雜，現階段只是最佳化了工作台和審批詳情頁面，後面會逐步最佳化整個流程。
一只雞腿，，人人都是產品經理專欄作家。一個吃貨的B端設計師。
本文原創釋出於人人都是產品經理，未經特許，禁止轉載
題圖來自 Unsplash，基於 CC0 協定
