手把手教你制作好看实用的可视化驾驶舱
如果要問企業(yè)中的IT人最怕什么,除了怕脫發(fā)之外,就是怕業(yè)務(wù)和領(lǐng)導(dǎo)突如其來的關(guān)心了。
業(yè)務(wù)三天兩頭提報(bào)表需求,領(lǐng)導(dǎo)時(shí)不時(shí)讓你做個(gè)駕駛艙。一些簡單的報(bào)表需求倒容易應(yīng)付,但領(lǐng)導(dǎo)經(jīng)常要求做的駕駛艙就沒那么容易了
我們做IT的都知道,一般的dashboard駕駛艙都要開發(fā)一周甚至更長時(shí)間,從需求分析到數(shù)據(jù)采集、儀表板開發(fā),還得保證能支持大數(shù)據(jù)量的性能,這還只是開發(fā)的工作,沒有涉及美觀設(shè)計(jì)層面的內(nèi)容,就能讓IT部門累到吐血。
但對(duì)于企業(yè)來說,精心設(shè)計(jì)的dashborad不僅能夠高效地展示信息,讓用戶第一眼就能迅速捕捉關(guān)鍵信息,而且還可以幫助領(lǐng)域和業(yè)務(wù)人員直觀監(jiān)測(cè)數(shù)據(jù),洞察全局輔助決策。
那IT怎么才能高效率做出領(lǐng)導(dǎo)想要的dashboard呢?
根據(jù)大師兄的多年經(jīng)驗(yàn),想做出讓領(lǐng)導(dǎo)滿意的dashboard有下面兩個(gè)要點(diǎn):
-
明確核心需求,不做表面功夫
-
巧用工具,善于借力
先來說說dashboad駕駛艙的核心是什么?
對(duì)于很多大型企業(yè)來說,dashboard的搭建不僅僅能夠幫助決策,還可以跟外界秀秀肌肉,所以很多領(lǐng)導(dǎo)都喜歡將dashboard駕駛艙做成大屏放在接待中心,但這也給很多中小型企業(yè)造成了誤導(dǎo),以為只要做出了可視化駕駛艙,就能夠洞察和解決企業(yè)的一切問題了。
實(shí)際上dashboard駕駛艙最最關(guān)鍵的作用,應(yīng)該是實(shí)現(xiàn)精細(xì)化的數(shù)據(jù)管理,數(shù)據(jù)的準(zhǔn)確表達(dá)才是領(lǐng)導(dǎo)最核心的需求,不能只一味追求美觀炫酷,專業(yè)性才是一個(gè)優(yōu)秀dashboard的前提。
明確了核心需求之后,IT人員怎么巧用工具借力呢?
駕駛艙的搭建可以分為數(shù)據(jù)應(yīng)用架構(gòu)的搭建,以及數(shù)據(jù)可視化平臺(tái)的組建這兩部分。一般大部人IT人都會(huì)選擇進(jìn)行代碼開發(fā),或者直接交給外包做,但其效率和效果我就不說了,懂得人都明白。
更高效的制作方法可以用報(bào)表工具來輔助搭建,比如FineReport,內(nèi)有豐富的可視化圖表組件和定制化和自動(dòng)化的駕駛艙搭建方式,大大減少IT人員工作量。
下面我就以FineReport為例,實(shí)操一下駕駛艙的具體制作流程。
1使用決策報(bào)表
我們制作dashboard使用的模式叫做決策報(bào)表模式,其實(shí)dashboard駕駛艙的本質(zhì)就是可交互性報(bào)表分析嘛,普通的報(bào)表開發(fā)模式要實(shí)現(xiàn)圖表可視化比較繁瑣,低效困難,所以FineReport開發(fā)了一種簡單方便的報(bào)表設(shè)計(jì)方式,通過拖拽式操作,實(shí)現(xiàn)不同可視化組件的隨意搭配,完美實(shí)現(xiàn)多維分析管理看板,并支持局部刷新、多屏適應(yīng)等等功能。
首先,我們打開FineReport設(shè)計(jì)器的決策報(bào)表模式,新建決策報(bào)表,選擇想要使用的圖表組件(也可以選擇圖表組件或者參數(shù)組件)直接拖拽進(jìn)面板上,然后可以進(jìn)行進(jìn)一步的編輯:
有了圖表,但是我們還沒有數(shù)據(jù)怎么辦?很簡單,只需要通過查詢數(shù)據(jù)集,將想要進(jìn)行分析展示的數(shù)據(jù)取出來,然后將其綁定給圖表組件就OK了。
比如你想要展示不同銷售員的銷量情況,就要將新建的數(shù)據(jù)集綁定給柱狀圖,然后選擇合適的分類、系列名和系列值,這樣基本上一個(gè)圖表組件就完成了。
如果我們想要先看一下圖表的最終展示效果,可以選擇左上角的預(yù)覽按鍵,直接在web瀏覽器中查看,一次簡單的dashboard圖表就完成了。
學(xué)會(huì)了用決策報(bào)表制作可視化組件之后,我們的dashboard駕駛艙設(shè)計(jì)也就成功邁出了第一步,當(dāng)然后面還有第二步、第三步、第四步......
2選擇合適的駕駛艙類型
獨(dú)木不成林,單個(gè)圖表肯定算不上是駕駛艙,也無法支撐數(shù)據(jù)所以在進(jìn)行版面設(shè)計(jì)之前,要先選擇合適的駕駛艙類型。面對(duì)不同的人群和需求,就要選擇不同的駕駛艙類型,比如finereport中提供的三種類型,基本可以實(shí)現(xiàn)企業(yè)內(nèi)部所有場(chǎng)景的可視化需求:
1、戰(zhàn)略型駕駛艙:主要面向的用戶是企業(yè)高層,比如總經(jīng)理、部門高管等,這類駕駛艙對(duì)實(shí)時(shí)性數(shù)據(jù)的要求比較低,關(guān)鍵是對(duì)核心數(shù)據(jù)信息的展示,因?yàn)轭I(lǐng)導(dǎo)喜歡的是簡潔、準(zhǔn)確、有效的數(shù)據(jù)。
?
2、分析型駕駛艙:主要面對(duì)的是部門管理者和企業(yè)中層人員,目的是為了讓用戶深層次地分析數(shù)據(jù),通過鉆取、聯(lián)動(dòng)、過濾等操作探究數(shù)據(jù)變化的真實(shí)原因,比如為什么業(yè)績下降、銷售額下降這類問題。
3、操作型駕駛艙:主要是面對(duì)業(yè)務(wù)人員,目的是能歐進(jìn)行持續(xù)、實(shí)時(shí)的數(shù)據(jù)匯報(bào),比如監(jiān)控每天的進(jìn)度和產(chǎn)出,監(jiān)控計(jì)劃預(yù)期進(jìn)展。這種駕駛艙主要是從業(yè)務(wù)需求出發(fā),實(shí)現(xiàn)對(duì)關(guān)鍵數(shù)據(jù)的監(jiān)控、閾值預(yù)警等,對(duì)數(shù)據(jù)的實(shí)時(shí)性要求比較高。
3布局排版
在明確了駕駛艙類型之后,就可以進(jìn)行布局排版了,用正確的方式來展示正確的數(shù)據(jù),才能保證我們的駕駛艙是美觀準(zhǔn)確的。
1、版式設(shè)計(jì)
第一步是要將數(shù)據(jù)進(jìn)行梳理,明確數(shù)據(jù)想要表達(dá)的主題。一般來說,駕駛艙上的展示空間是有限的,我們不能將所有的數(shù)據(jù)都堆到里面,領(lǐng)導(dǎo)想要看到的也只是一些關(guān)鍵數(shù)據(jù),因此我們要把最關(guān)鍵的數(shù)據(jù)放到核心位置,然后按照重要度依次排列,一般來說有下面四種板式:
比如我經(jīng)常會(huì)用第一種設(shè)計(jì)方式,按照人眼的視覺習(xí)慣,將主要內(nèi)容放在駕駛艙面板的左上角,比如地圖組件,次要內(nèi)容分布于下方和右方,比如柱狀圖和餅狀圖
2、圖表類型選擇
第二步我們要選擇最合適的圖表類型來表達(dá)數(shù)據(jù),以便簡化信息、突出重點(diǎn),比如如果地圖是我們重要的展示數(shù)據(jù),就要將地圖作為畫表的主體部分放在駕駛艙的中部或者上部,然后與其他次要圖表進(jìn)行搭配:
如果你想展示一些占比統(tǒng)計(jì),可以選擇餅圖、儀表盤、圓環(huán)圖、?泡圖、散點(diǎn)圖、雷達(dá)圖等進(jìn)行圖表展示,這些圖表容易出現(xiàn)空間?較空、散的問題,所以可以搭配?些畫??較滿的圖表類型:如柱形圖、條形圖、堆積柱形圖、表格、?積圖等。這樣畫?才能做到松弛有度,節(jié)奏感強(qiáng)畫?就會(huì)舒服。
?
如果你的駕駛艙設(shè)計(jì)中不可避免要使用相同類型的圖表,為了消除重復(fù)感,你可以將同樣的圖表類型看做?個(gè)整體來進(jìn)?搭配。其中若畫?中有多個(gè)表格時(shí),最好將表格都放在同?處,如兩個(gè)表格上下排列?左側(cè)。
此外,還要注意每個(gè)圖表所占區(qū)域最好不要都?樣,這樣會(huì)讓畫?變得沒有主次之分;圖表的?平?度最好保持?致,不要錯(cuò)落的排布;每個(gè)圖表之間的配?和涉及的?字??最好保持統(tǒng)?等等,很多圖標(biāo)設(shè)計(jì)上的要求這里就不詳細(xì)說
4進(jìn)行配色
布局好之后下一步就是要進(jìn)行配色,包括圖表、背景、組件、數(shù)據(jù)等等,顏?越多,搭配的難度就越?,所以?多數(shù)的時(shí)候選擇臨近?系,顏?跨度在90°左右,當(dāng)?對(duì)?強(qiáng)烈的顏?搭配時(shí),要掌握好顏?的?例,?量的主?搭配少量的對(duì)??。
FineReport內(nèi)置了不少配色方案,都比較不錯(cuò),而且FineReport設(shè)計(jì)器中的圖表,用默認(rèn)配色,所以柱形圖和餅圖最好用“漸變高光”。如果自己配色,可以選擇淺淡一些的顏色,不要太亮太扎眼。
?
?
此外圖表的背景色很重要,巧妙使用,可以得到不同的效果,FR的背景色里面,也可以設(shè)置間隔或漸變,得到不一般的效果。
5動(dòng)態(tài)、細(xì)節(jié)優(yōu)化
駕駛艙制作的最后一個(gè)重要步驟就是加入動(dòng)態(tài)的效果,所謂“死的表格不如動(dòng)的圖形”,我們不僅要努力讓用戶能夠解讀數(shù)據(jù),還要讓他們還可以輕松甚至愉快地完成這些工作。
FineReport中有很多可以實(shí)現(xiàn)的動(dòng)態(tài)效果,比如自動(dòng)輪播、圖表閃爍、動(dòng)態(tài)背景等等,基本上也都是用報(bào)表塊實(shí)現(xiàn)的,更多的可視化插件可以去帆軟市場(chǎng)下載
?
最后,我們的可視化dashboard駕駛艙就基本上完成了,最后只需要再對(duì)圖表的外框、組件、背景、圖形適配大小、字體大小等進(jìn)行優(yōu)化就行了,保證我們的可視化駕駛艙的每個(gè)細(xì)節(jié)都無可挑剔。
經(jīng)過上面五大步驟之后,我們最終就能完成一張精美而實(shí)用的dashboard駕駛艙,不僅不會(huì)有人嫌棄你的報(bào)表難看,更能夠幫助企業(yè)進(jìn)行數(shù)據(jù)精細(xì)化管理,讓數(shù)據(jù)真正發(fā)揮價(jià)值。
最后,駕駛艙要想最終實(shí)現(xiàn)價(jià)值,離不開業(yè)務(wù)場(chǎng)景的依托,從業(yè)務(wù)場(chǎng)景需求出發(fā),才更有意義,才不會(huì)被說成是表面功夫。
歡迎關(guān)注我的公眾號(hào)“商業(yè)智能研究”,私信回復(fù)“資料包”,即可領(lǐng)取大數(shù)據(jù)、數(shù)據(jù)中臺(tái)、商業(yè)智能、數(shù)據(jù)倉庫等6G精華資料
?
總結(jié)
以上是生活随笔為你收集整理的手把手教你制作好看实用的可视化驾驶舱的全部內(nèi)容,希望文章能夠幫你解決所遇到的問題。
- 上一篇: 除了架构,没有数据人才,也做不了数字化转
- 下一篇: 5.6亿人没有存款、人均负债13万,大数