FacebookTwitterLineHatena

如果要問企業中的IT人最怕聽到領導說什麼,那麼幾乎一定少不了這句話:“IT部門這幾天搭建一個戰情室出來,要高端一些,還要能清晰展現數據。”

其實做IT資訊的人都知道,要搭建一個戰情室儀表板都需要開發半個月甚至更長的時間,從領導的需求分析到數據收集、儀表板的開發,還需要保證戰情室能支援大量數據。光開發工作就已經夠讓人頭疼了,再要讓這些IT人兼顧美觀設計,實在為難。

根據我多年的經驗,想要搭建出讓領導滿意的企業戰情室看板,需要遵循以下兩個原則:一是明確核心需求,二是善用工具。前者需要IT人的職業能力,而後者則需要一款好的報表工具來借力。使用一些報表工具來輔助搭建,上面會有定制化和自動化的戰情室搭建方式,不僅能夠大大降低自己的工作量和工作負荷,還能夠輕鬆搭建讓領導表揚的炫酷儀表板。下面我們就以報表bi工具Finereport為例,手把手教你搭建炫酷好看的企業戰情室

一、使用決策報表

戰情室儀表板的本質其實是可交互性報表分析,普通的報表開發模式要實現圖表視覺化以及交互會很繁瑣,Finereport開發了一種簡單方便的決策報表模式,通過拖拽式操作,即可實現不同視覺化組件的隨意搭配,完美實現多維度分析管理儀表板,並支援局部刷新、多屏適應等功能,可謂強大。

首先,我們打開Finereport設計器的決策報表模式,新建決策報表,選擇想要使用的圖表組件直接拖拽進面板上,然後進行進一步的編輯:

有了圖表,接下來要做的就是導入我們想要的數據。這裡我們只需要通過查詢數據集,將想要進行分析展示的數據取出,然後將其綁定給圖表組件就OK了。

比如你想要展示不同銷售員的銷量情況,只要將新建的數據集綁定給柱狀圖,然後選擇合適的分類、系列名和系列值,這樣基本上一個圖表組件就完成了。

學會使用決策報表製作視覺化組件之後,我們的戰情室設計也就成功邁出了第一步。

二、選擇合適的戰情室類型

一般來講,戰情室都是由多個圖表共同組成。面對不同的人群呵需求,就要選擇不同的戰情室類型,Finereport中提供的三種類型,基本可以實現企業內部所有場景的視覺化需求:

1. 戰略型戰情室

主要面向的用戶是企業高層,比如總經理、部門高管等,這類駕駛艙對實時性數據的要求比較低,關鍵是對核心數據信息的展示,因為領導喜歡的是簡潔、準確、有效的數據。

2.分析型戰情室

主要面對的是部門管理者和企業中層人員,目的是為了讓用戶深層次地分析數據,通過鑽取、聯動、過濾等操作探究數據變化的真實原因,比如為什麼業績下降、銷售額下降這類問題。

3.操作型戰情室

主要是面對業務人員,目的是能進行持續、實時的數據匯報,比如監控每天的進度和產出,監控計劃預期進展。這種戰情室主要是從業務需求出發,實現對關鍵數據的監控、閾值預警等,對數據的實時性要求比較高。

三、佈局排版

在明確了戰情室類型之後,就可以進行布局排版了,用正確的方式來展示正確的數據,才能保證我們的戰情室是美觀準確的。

1. 版式設計

第一步是要將數據進行梳理,明確數據想要表達的主題。

一般來說,駕駛艙上的展示空間是有限的,我們不能將所有的數據都堆到裡面,領導想要看到的也只是一些關鍵數據,因此我們要把最關鍵的數據放到核心位置,然後按照重要度依次排列。

比如按照人眼的視覺習慣,將主要內容放在駕駛艙面板的左上角,比如地圖組件,次要內容分布於下方和右方,比如柱狀圖和餅狀圖。

2. 圖表類型選擇

第二步我們要選擇最合適的圖表類型來表達數據,以便簡化信息、突出重點,比如如果地圖是我們重要的展示數據,就要將地圖作為圖表的主體部分放在戰情室的中部或者上部,然後與其他次要圖表進行搭配。

如果你想展示一些占比統計,可以選擇餅圖、儀錶盤、圓環圖、泡圖、散點圖、雷達圖等進行圖表展示,這些圖表容易出現空間較空、散的問題,所以可以搭配些畫較滿的圖表類型:如柱形圖、條形圖、堆積柱形圖、表格、積圖等。這樣畫才能做到鬆弛有度,節奏感強畫就會舒服。

四、进行配色

布局好之後下一步就是要進行配色,包括圖表、背景、組件、數據等等,顏色越多,搭配的難度就越大,所以多數的時候選擇臨近色系,顏色跨度在90°左右,當對比較強烈的顏色進行搭配時,要掌握好顏色的比例。

finereport內置了不少配色方案,都比較不錯,而且finereport設計器中的圖表,用默認配色,所以柱形圖和餅圖最好用「漸變高光」。如果自己配色,可以選擇淺淡一些的顏色,不要太亮太扎眼。

此外圖表的背景色很重要,巧妙使用,可以得到不同的效果,Finereport的背景色裡面,也可以設置間隔或漸變,得到不一般的效果。

五、动态、细节优化

戰情室製作的最後一個重要步驟就是加入動態效果,所謂「死的表格不如動的圖形」,我們不僅要努力讓看的人能夠解讀數據,還要讓他們還可以輕鬆甚至愉快地完成這些工作。

Finereport中有很多可以實現的動態效果,比如自動輪播、圖表閃爍、動態背景等等,基本上也都是用報表塊實現的,具體方法大家可以參考一下官方的幫助文檔,比較詳細簡單,很容易學會。

還有Finereport的視覺化插件很良心,我們只要下載插件然後按照教程就可以完成很多複雜的動態效果,非常方便實用。

最後,我們的視覺化戰情室就基本上搭建完成了,最後只需要再對圖表的外框、組件、背景、圖形適配大小、字體大小等進行優化就行了,保證我們的視覺化戰情室的每個細節都無可挑剔。

經過上面五大步驟之後,我們最終就能完成一個精美而實用的戰情室,不僅不會有人嫌棄你的報表難看,更能夠幫助企業進行數據精細化管理,讓數據真正發揮價值。

六、FineReport戰情室新模塊——FVS 3D大屏戰情室

覺得經過五步製作的戰情室還是不夠酷炫?想要更加有科技感的視覺化模塊?FineReport大屏開發新功能——FVS 3D戰情室,滿足你的酷炫視覺化需求!

FineReport新增模塊FVS戰情室引入了3D戰情室和故事性大屏功能,畫佈式佈局更加生動和吸引人。透過手機和平板,使用者就可以輕鬆控制大屏戰情室。

1. 新增故事性大屏演繹功能,簡報生動有趣

FVS企業戰情室採用類似簡報的多分頁設計模式,輕鬆實現簡報翻頁和輪播。在分頁之間,使用者可以應用靈活的組件動畫效果,讓內容以動畫過渡呈現,讓示範彙報生動有趣,絕不枯燥乏味。

FVS支援類簡報風格的故事化大屏展示

2. 酷炫3D戰情室,體現未來科技感

FVS不僅能一屏呈現全面的業務資訊,還可以輕鬆追溯關鍵指標,便捷實現管理手段。實時資料、豐富的組件、3D華麗動效以及故事性企業戰情室演繹,幫助快速搭建戰情中心。

使用FVS製作的智慧工廠大屏戰情室

多解析度自適應,簡單拖拽即可自由佈局,所見即所得操作方式,讓使用變得更加便捷。快點擊下方按鈕開啟FVS 3D大屏戰情室體驗吧!

對於IT人來說,戰情室的設計不僅需要積累經驗,還需要善用工具,一個好的報表工具能夠讓你得心應手,換成是數據小白也一樣能夠做出高端大氣的戰情室!

現在,就來嘗試一下免費版的FineReport,搭建超炫酷戰情室!

喜歡這篇文章嗎?歡迎分享按讚,給予我們支持和鼓勵!

熱門文章推薦

立即試用,可獲取更多 報表範本和案例

免費試用