也許你的領導對數據有這些需求：

上班路上，老板查看移動BI上的日報，昨日運營情況便一目了然；

機場候機室里，區域經理手機接收到銷售異常預警，從而為快速組織應對爭取了時間；

會議間隙，眾人商討制定下一周期計劃，手機上的數據分析結果成了最好依據。

……

移動BI讓不管是管理人員，還是一線的業務人員，都可以拿出手機，通過移動BI隨時隨地地基于數據進行溝通和交流。

而移動領導駕駛艙作為移動BI的核心應用，通過實時圖形化展示業務指標數據，能夠讓企業領導者像在汽車駕駛艙里面對儀表盤一樣，直觀地監測企業運營情況，并對異常關鍵指標預警和挖掘分析，實現決策分析無處不在的實時動態管理。

今天，教大家制作移動領導駕駛艙，只需掌握好下面的5個步驟就可以唰唰唰“變”出漂亮的領導駕駛艙！這里以資產日報駕駛艙為例，介紹一個完整的駕駛艙搭建實例，手把手教你搭建移動駕駛艙。以下跳過了數據準備和數據清洗的步驟，直接從駕駛艙的設計上手。

第一步：理清需求，設計草圖

領導駕駛艙呈現的數據是領導最關注的，也是最關鍵的核心數據，可以讓領導一眼就看明白數據重點、形勢走向，以便及時做出精準判斷，有效決策。

比如上圖是資產日報移動駕駛艙頁面。首先要搞清楚資產日報最關注的是什么：資金來源、資金支出、資金結余結構。因此，頁面的重點就圍繞這個三個關注點展開來，然后依靠時間維度來展示這三個關注點。

這就需要整理出駕駛艙會包含的內容，可通過思維導圖進行梳理，包括：梳理展示什么主題、什么維度、什么指標，以及報表需要實現的分析、交互等功能，比如怎么跳到其他條線駕駛艙去看數據，進行分析，以及這個領導駕駛艙會給予公司管理什么樣的支撐。所謂前期多溝通，后期才少返工。期間需要不斷和業務方溝通，最好能畫出demo，引導一起思考，給出合理建議。

第二步：布局設計

根據第一步的設計稿規劃報表布局，布局看似簡單，其實是很重要的一個步驟。需要縱觀整個頁面的排版情況，充分考慮各組件的擺放位置；也要考慮移動端自適應，各個手機、平板分辨率差異很大，所以要滿足移動端報表的自適應規則。

最簡單流式布局，將所有關注點均以平鋪的方式展開，能夠快速一覽數據內容。

以上圖駕駛艙為例，布局如下圖所示，灰色虛線為布局組件的劃分，勾選“手機自動排版”。APP計算時，會根據布局代碼生成流式布局，手機排版就會從上往下、從左往右，每個布局塊按順序豎向排列，并每個布局自動水平撐滿來滿足移動端的屏幕大小。

△PC端設置

△移動端效果

第三步：基本元素設計

布局中主要文本、表格和統計圖是主要組成元素，占據了絕大多數版面，要達到更好的展現效果就需要發揮不同元素的特長。

（1）文本

文本主要是用來表達數據，讓數據的表達直觀、簡潔，且占用空間少。在移動駕駛艙場景中適合應用于重點業務指標的展示，在報表的最顯眼位置放入諸多重點數字可以快速地一覽業務的全貌。

其缺點在于無法更深入的了解數字的背后的趨勢，占比，分布等更深層次的含義。

（2）表格

把各種明細數據匯總后用表格的形式展現出來，既能直觀的看出指標的數據情況，也能從不同的角度，對指標數據進行比較分析。在移動駕駛艙場景中，比如資金結余結構，我們通過表格既能看出2017年，各資金結余情況，也能把2016年和2017年的數據進行對比分析，指標的數據情況一目了然。

表格展示數據更為集中，沒有統計圖的視覺渲染效果，讓用戶更聚焦于數據本身。

（3）統計圖

統計圖在數據內容的表達上表現的更豐富，在視覺上也能達到更好的效果。在移動駕駛艙場景中適合應用于業績達成率、重點指標走勢等，以便用戶對業績現狀與趨勢有更加直觀的把控。

就使用者而言，移動端報表講究隨時獲取，所以在設計上，需要避繁就簡，直擊重點。

比如：下圖資金來源占比分析，使用占比圖表達出來更為豐富，更為直觀。

第四步：對接數據

報表的布局、美觀很重要，但是數據的有效性依然是第一位的，如果報表脫離了數據價值本身，那再好看也沒有任何意義。

在億信ABI中，所有展示組件的數據來源都可以通過表格來獲取，所以需要將業務數據對接到億信ABI中后，通過表格給統計圖等組件提供數據。

第五步：細節美化

最后需要對我們制作的分析展現進行美化，包括設置背景顏色、邊框樣式、文字顏色、大小、統計圖配色、添加圖片一個都不能少喔，做出來的領導駕駛艙一定美美噠。

友情提示：不要忘記設置統計圖提示信息的樣式和表格的整行高亮及選中樣式。

當然，駕駛艙制作的錦上添花的一步就是加入動態的效果以及一些細節優化。所謂“死的表格不如動的圖形”，我們不僅要努力讓大家能夠解讀數據，還要讓他們還可以輕松甚至愉快地完成這些工作。

悄悄告訴你，億信ABI中有很多可以實現的動態效果，比如自動輪播、播放組件、時間滑動軸等等。當然，還可以在整個報表的整體設置中添加腳本，通過腳本來完成自定義樣式的設計等，方便了前端開發人員快速實現一些動態效果。

結語：以上就是通過億信ABI從移動端設計的思路梳理的移動駕駛艙制作教程，當然在具體實施過程中，需要全局把控，從報表結構、數據選擇、主頁設計、元素搭配組合等方面著手設計，循序漸進，這必然是一個不斷打磨的過程。