在當今快節(jié)奏的商業(yè)環(huán)境中，有效的差旅管理對于企業(yè)成本控制和運營效率至關(guān)重要。本文將帶您深入了解如何通過差旅管控駕駛艙——一款專為企業(yè)內(nèi)部設(shè)計的差旅費控可視化平臺，來提升差旅管理的透明度和效率。

差旅管控駕駛艙是一款服務(wù)公司內(nèi)部的差旅費控可視化平臺，以一個容器的形式聚合內(nèi)部的差旅費用、差旅報銷、 差旅安排、財務(wù)管理能力，并以可視化的形式呈現(xiàn)。接下來分享我如何進行設(shè)計以及流程是如何推進的。

01 流程整合

在設(shè)計項目開始之前，進行詳盡的流程梳理和與主管的深入溝通是至關(guān)重要的。這個過程不僅有助于確保項目的成功，還能夠促進雙方對項目目標和期望的共識。

最終整合為：改版背景，場景梳理，問題匯總，升級方向、經(jīng)驗總結(jié) 5 個方面

02 改版背景

主管長期負責(zé)管理差旅費用，借助公司既有系統(tǒng)的數(shù)據(jù)概覽，能掌握費用支出類目、金額及波動情況，開展預(yù)算把控、報銷鑒別等常規(guī)管控工作。

但在向外部合作方展示管理成效、向高層匯報項目成果時，現(xiàn)有管理模式有短板，僅靠數(shù)字表格難以讓匯報對象快速抓取關(guān)鍵信息、凸顯重點，缺乏用圖表等可視化形式關(guān)聯(lián)費用與項目進度、業(yè)務(wù)成果、成本優(yōu)化成效的呈現(xiàn)方式，是成果展示匯報環(huán)節(jié)亟待攻克的難題。

03 場景梳理

經(jīng)過對管理層相約進行會議調(diào)研之后，將場景分為 3 類：

1. 數(shù)據(jù)分析：助力管理層解讀差旅費用預(yù)算與實際支出的相關(guān)數(shù)據(jù)信息
2. 輔助決策：為市場拓展筑牢堅實的數(shù)據(jù)根基
3. 洞察市場：借助差旅數(shù)據(jù)解讀助力主管回溯總結(jié)并實現(xiàn)成果轉(zhuǎn)化

04 問題匯總

通過走差與調(diào)研，將痛點拆解為三個部分：

1. 業(yè)務(wù)不清晰：缺少分析維度，業(yè)務(wù)邏輯沒有從宏觀數(shù)據(jù)貫穿通至圍觀組件。
2. 主圖表達不清晰：主圖數(shù)據(jù)表達不清晰，使用戶無法得到場景化的有效數(shù)據(jù)，視覺效果較差。
3. 規(guī)范混亂：文字、色彩不規(guī)范，設(shè)計風(fēng)格不統(tǒng)一，重點數(shù)據(jù)不過突出，整體頁面缺少質(zhì)感。

05 升級方向

梳理頁面邏輯

做交互设计10年，我为何转岗到产品经理？

真正转岗之后，我发现很多工作还是超出了自己的想象。产品经理的工作确实比较杂。理论上，产品经理的工作包括了产品的方方面面，从市场研究、用户调研、数据分析...

查看详情 >

重新構(gòu)建頁面布局，依數(shù)據(jù)邏輯和用戶需求分區(qū)展示關(guān)鍵數(shù)據(jù)，提升易讀性，助主管掌握重點。梳理頁面邏輯，優(yōu)化數(shù)據(jù)跳轉(zhuǎn)路徑，確保展示連貫，如點擊關(guān)鍵數(shù)據(jù)可彈出關(guān)聯(lián)明細。依據(jù)數(shù)據(jù)特點與用戶需求，從組件庫、圖表庫篩選并二次設(shè)計圖表，突出重點、標注異常、融入巧思裝飾，以契合差旅數(shù)據(jù)展示需求。

定義設(shè)計規(guī)范

業(yè)務(wù)需求定設(shè)計規(guī)范，布局合理、選適配字體與圖標，融入品牌元素，顯專業(yè)和特色；融入高端商務(wù)風(fēng)，借簡約布局、質(zhì)感模擬、優(yōu)雅交互，賦大屏生命力與魅力；選銀灰、湛藍、金黃、柑紅配色，依特性傳達金錢、商務(wù)屬性。

選擇合適圖表

基于業(yè)務(wù)目標與用戶需求，循業(yè)務(wù)路徑統(tǒng)計篩選柱狀圖、條形圖、折線圖等常用圖表類型。將圖表分比較類、構(gòu)成類、分布類，依數(shù)據(jù)特性量身定制圖表以匹配之，提升分析效能。最后，運用清晰可視化視覺語言，增強圖表可讀性與美觀性。

地圖視覺迭代

主圖為國內(nèi)地圖，旨在提升決策效率。設(shè)計運用暗色調(diào)背景、3D 效果、微漸變、外發(fā)光增強科技感。歷經(jīng)四版迭代：一版視覺沖擊力弱、質(zhì)感差；二版暗黑色調(diào)不符商務(wù)氣質(zhì)；三版視覺噪音多、過亮；四版平衡質(zhì)感與信息閱讀，數(shù)據(jù)清晰，獲主管確認。

圖表視覺升級

對圖表進行優(yōu)化：一是視覺升級，依色彩心理選色、規(guī)范字體，提升識別度與數(shù)據(jù)清晰度；二是增設(shè)占比圖例，以簡約樣式標注數(shù)值占比，助快速理解數(shù)據(jù)；三是添加裝飾元素，汲取多元靈感裝飾，讓圖表信息豐富且具視覺吸引力。

大屏模版化

大屏模版化適配需求關(guān)鍵在于：一是設(shè)定統(tǒng)一模塊寬度（278PX），保障布局靈活一致，方便模塊添加與重排；二是拆分內(nèi)容為獨立模塊，可按需配置優(yōu)化，適配多樣展示需求；三是借此顯著削減定制化開發(fā)量，助力快速降低開發(fā)成本。

06 經(jīng)驗總結(jié)

流程化整合有利于設(shè)計流程的推進，從前期的團隊調(diào)研到后面的開發(fā)的落地都需要整體的跟進。最后還要說一點，針對和主管們的開會時候不要膽怯，因為本質(zhì)上是你幫助主管完成自己的任務(wù)，只對事不對人就好了。