2020年了,數(shù)據(jù)可視化已經(jīng)不是個(gè)新鮮詞了,把數(shù)據(jù)以可視化圖表的形式展示并沒有多神奇,用Excel等傳統(tǒng)的辦公工具就可以輕松實(shí)現(xiàn)。
以前傳統(tǒng)數(shù)據(jù)分析報(bào)告就是ppt里貼圖表,再配上分析結(jié)論,這種形式的數(shù)據(jù)呈現(xiàn)是靜態(tài)的,沒辦法實(shí)時(shí)反應(yīng)業(yè)務(wù)狀態(tài),而且單個(gè)圖表只能反應(yīng)局部的數(shù)據(jù),但是老板要根據(jù)數(shù)據(jù)綜合管理業(yè)務(wù),往往需要看到多個(gè)數(shù)據(jù)指標(biāo),就需要把各方面數(shù)據(jù)圖表整合到一起,于是一個(gè)新的概念“數(shù)據(jù)管理駕駛艙”就誕生了
不同的駕駛艙對(duì)應(yīng)著不同的業(yè)務(wù)數(shù)據(jù)模塊,可以根據(jù)不同行業(yè)、不同角色、不同場(chǎng)景的需求進(jìn)行配置,比如零售業(yè)常見的銷售管理駕駛艙,制造業(yè)常見的生產(chǎn)管理駕駛艙,還有一些單獨(dú)業(yè)務(wù)模塊等等,領(lǐng)導(dǎo)在駕駛艙里一下子就能看到做決策時(shí)需要用的關(guān)鍵數(shù)據(jù)儀表,并且可以對(duì)異常的指標(biāo)進(jìn)行下鉆分析。
銷售管理駕駛艙
收入利潤(rùn)分析駕駛艙
數(shù)據(jù)實(shí)時(shí)展現(xiàn),圖表之間能夠聯(lián)動(dòng),界面高端大氣,數(shù)據(jù)一目了然,這樣的數(shù)據(jù)可視化駕駛艙,領(lǐng)導(dǎo)怎么能不喜歡。
那么這種的可視化管理駕駛艙應(yīng)該怎么做呢?今天我就用一個(gè)實(shí)操案例,手把手教大家如何制作。
第一步:需求調(diào)研
可視化駕駛艙其實(shí)就是一款數(shù)據(jù)產(chǎn)品,從產(chǎn)品經(jīng)理的思想出發(fā),第一步就是搞清楚用戶需求,簡(jiǎn)單來說就是這三個(gè)問題:駕駛艙是給誰看?他想看什么?有哪些關(guān)鍵指標(biāo)?
比方說我們制作一個(gè)可視化駕駛艙,這個(gè)駕駛艙的受眾可能是公司的ceo,銷售總管,各大區(qū)銷售負(fù)責(zé)人,或者還有各個(gè)基層銷售人員,不同的層級(jí),他們關(guān)注的數(shù)據(jù)是不一樣的,這時(shí)候就需要我們根據(jù)業(yè)務(wù)需求梳理展示邏輯,讓數(shù)據(jù)指標(biāo)合理呈現(xiàn)在屏幕上
如果遇到復(fù)雜的管理型駕駛艙,涉及到多個(gè)數(shù)據(jù)指標(biāo),計(jì)算過程復(fù)雜,建議大家利用魚骨圖來梳理需求
第二步:根據(jù)指標(biāo)選擇對(duì)應(yīng)圖表
確定了要展現(xiàn)的數(shù)據(jù)指標(biāo)之后,下一步就是根據(jù)指標(biāo)分析的場(chǎng)景,選擇對(duì)應(yīng)的圖表,這里放一張經(jīng)典的圖表選擇指導(dǎo)圖給大家參考:
第三步:布局排版
根據(jù)實(shí)際需求,確定駕駛艙的主要信息和對(duì)應(yīng)的展示形式,以及其他需要的次要信息和展示形式。就以上面的銷售駕駛艙為例,大概的布局如下:
第四步:駕駛艙設(shè)計(jì)
上面的都是前期的準(zhǔn)備工作,這一步就是真正的開發(fā)環(huán)節(jié)了。工欲善其事必先利其器,要制作這樣的可視化駕駛艙得選個(gè)趁手的工具。
Excel、python、還是專業(yè)的可視化軟件?
我首先放棄了Excel,可視化模板開發(fā)對(duì)我來說還是很簡(jiǎn)單的,也能實(shí)現(xiàn)圖表聯(lián)動(dòng),但是沒辦法實(shí)現(xiàn)數(shù)據(jù)實(shí)時(shí)展現(xiàn),大數(shù)量承載能力也一般。從效率角度講,python是個(gè)不錯(cuò)的選擇,但是代碼不熟練的話,我勸你放棄。
所以我還是選用專業(yè)的可視化軟件來做,上手門檻比較低,我用的是國(guó)內(nèi)比較有名一個(gè)報(bào)表工具FineReport,本來以為它是和Excel差不多用法,但是看了網(wǎng)友用它做的可視化大屏,知道它做可視化開發(fā)也很厲害。
話不多說,直接放制作過程:
1、打開設(shè)計(jì)器,新建一張決策報(bào)表
決策報(bào)表采用的是畫布式的界面,上面的圖表組件和控件,可以拖拽到面板上,隨意布局
2、新建數(shù)據(jù)集
新建數(shù)據(jù)集,通過sql語(yǔ)句取出要用到的數(shù)據(jù)集,數(shù)據(jù)源我用的軟件自帶的數(shù)據(jù)。沒有sql基礎(chǔ)的朋友也不用擔(dān)心,都是用的最基礎(chǔ)語(yǔ)句,看一遍就會(huì)了。
新建模板數(shù)據(jù)集如下:
3、拖拽圖表組件布局
數(shù)據(jù)準(zhǔn)備好之后,按照我們之前的排版布局圖,把對(duì)應(yīng)的圖表組件拖拽到畫布上:
4、設(shè)置圖表
到上一步,我們的駕駛艙雛形就出來了,然后再給每個(gè)圖表組件綁定好數(shù)據(jù)源,設(shè)置好樣式、特效,基本就差不多了
基礎(chǔ)圖表的設(shè)置很簡(jiǎn)單,我就不展示,給大家看一下數(shù)據(jù)地圖設(shè)置:
5、細(xì)節(jié)美化
配置好圖表,可視化駕駛艙的功能性已經(jīng)完成了,但是視覺上還不夠美觀,我們可以駕駛艙配上統(tǒng)一的背景和標(biāo)題,還有一些炫酷的可視化元素
(1)設(shè)置大屏背景
背景最好選用深色,所有的圖表背景色也最好要一致,背景除了采用顏色之外,也可以用深色系的圖片,加上一些視覺設(shè)計(jì),效果會(huì)更好,給大家推薦幾個(gè)配色:
這里我選擇圖片作為背景,選中body,點(diǎn)擊屬性>樣式,設(shè)置填充圖片,打開背景圖片,設(shè)置圖片格式為拉伸,如下圖所示:
缺好看的背景圖的,推薦幾個(gè)背景圖網(wǎng)站:
https://unsplash.com/
http://699pic.com/
http://7mx.com/
(2)主標(biāo)題邊框
為了細(xì)節(jié)美觀,我們還可以給駕駛艙添加一些可視化元素,比如給主標(biāo)題添加邊框,利用一些創(chuàng)意圖標(biāo)等等
在report 標(biāo)題兩側(cè)拖入報(bào)表塊,并設(shè)置控件屬性中的樣式,以report 左為例,如下圖所示:
(3)設(shè)置圖表塊邊框
除了頂部的標(biāo)題框外,各個(gè)圖表組件的標(biāo)題也可以用不規(guī)則漸變色圖片來點(diǎn)綴,在給每個(gè)圖表組件都搭配簡(jiǎn)潔的邊框,提升整個(gè)駕駛艙的層次感。
選中圖表塊,點(diǎn)擊屬性>樣式,設(shè)置填充圖片,打開準(zhǔn)備好的標(biāo)題背景圖片,設(shè)置圖片格式為拉伸,如下圖所示:
6、預(yù)覽最終效果
上述設(shè)置完后,點(diǎn)擊預(yù)覽,一張科技感的可視化駕駛艙就完成了:
除了一些基礎(chǔ)的可視化圖表之外,這個(gè)軟件還提供很多炫酷動(dòng)態(tài)的圖表組件,可以實(shí)現(xiàn)自動(dòng)播放、3D動(dòng)畫特效等多種效果,多維度地展示數(shù)據(jù),提升駕駛艙科技感
另外,一些創(chuàng)意元素的應(yīng)用能夠讓可視化駕駛艙更加生動(dòng),比如,假如我們要做一個(gè)航空管理駕駛艙,就可以利用一些飛機(jī)圖標(biāo)、圖畫之類的擬物效果,讓駕駛艙效果更加靈動(dòng)
推薦一些獲取圖標(biāo)的網(wǎng)站:
- https://www.iconfont.cn/
- https://icons8.com/
- https://iconmonstr.com/
- https://iconstore.co/
- https://www.easyicon.net/
- https://www.iconfinder.com/
- http://flat-icon-design.com/
總結(jié)
多說無益,自己動(dòng)手實(shí)操一遍勝過看文章、資料百遍,要是能做出這樣的可視化駕駛艙,領(lǐng)導(dǎo)想不重要你都難!
文中所涉及的工具及素材,如有需要,收藏本文并轉(zhuǎn)發(fā),在評(píng)論留言“素材”,我會(huì)逐一回復(fù)
版權(quán)聲明:本文內(nèi)容由互聯(lián)網(wǎng)用戶自發(fā)貢獻(xiàn),該文觀點(diǎn)僅代表作者本人。本站僅提供信息存儲(chǔ)空間服務(wù),不擁有所有權(quán),不承擔(dān)相關(guān)法律責(zé)任。如發(fā)現(xiàn)本站有涉嫌抄襲侵權(quán)/違法違規(guī)的內(nèi)容, 請(qǐng)發(fā)送郵件至 舉報(bào),一經(jīng)查實(shí),本站將立刻刪除。