數(shù)據(jù)可視化:用數(shù)字給你講個故事

0 評論 12316 瀏覽 126 收藏 12 分鐘

互聯(lián)網(wǎng)行業(yè)中,有許多與數(shù)據(jù)相關(guān)的崗位,例如數(shù)據(jù)產(chǎn)品經(jīng)理、數(shù)據(jù)分析師等等。對于這些崗位而言,懂得如何實現(xiàn)數(shù)據(jù)可視化非常重要。而本文就具體介紹了實現(xiàn)數(shù)據(jù)可視化的基本操作。

隨著“中臺”的火熱,數(shù)據(jù)中臺逐漸為人所知,讓很多原本隱于水下的崗位浮出了水面,比如數(shù)據(jù)產(chǎn)品經(jīng)理、數(shù)據(jù)分析師等,這些內(nèi)容在《“數(shù)據(jù)中臺”需要什么樣的產(chǎn)品經(jīng)理?》中有所提及。

“數(shù)據(jù)可視化”就是上述崗位的看家本領(lǐng)之一,所謂:顏值即正義,數(shù)據(jù)可視化水平很大程度影響了工作輸出質(zhì)量。

那到底什么是數(shù)據(jù)可視化,如何實現(xiàn)數(shù)據(jù)可視化,作為產(chǎn)品經(jīng)理,又該如何設(shè)計一個自研的可視化系統(tǒng)/工具呢?

一、什么是數(shù)據(jù)可視化?

俗語有曰:字不如表,表不如圖。

數(shù)據(jù)可視化就是通過易讀、易懂、易操作的圖表,給用戶帶來良好的視覺效果,降低用戶的理解難度,從而實現(xiàn)用數(shù)字給用戶講個故事的工作目的。

簡單理解,數(shù)據(jù)可視化=數(shù)據(jù)+可視化,數(shù)據(jù)內(nèi)容是基礎(chǔ),可視化是用圖形化的方式呈現(xiàn),并借此傳達(dá)信息的方式。

所以數(shù)據(jù)內(nèi)容是可視化的內(nèi)核,單純追求可視化炫酷的意義并不大,擁有了優(yōu)質(zhì)的數(shù)據(jù)內(nèi)容,可視化的意義方得以凸顯。

二、如何實現(xiàn)數(shù)據(jù)可視化?

實現(xiàn)數(shù)據(jù)可視化,步驟并不復(fù)雜,就像把大象放冰箱里,同樣分成三步:數(shù)據(jù)準(zhǔn)備、可視化設(shè)計與內(nèi)容分發(fā)。

1. 數(shù)據(jù)準(zhǔn)備

數(shù)據(jù)分析的目的是為了解決問題,從而給公司與部門提供存在參考價值的分析內(nèi)容,完成上述內(nèi)容的基礎(chǔ)就是數(shù)據(jù)、各種數(shù)據(jù)。

數(shù)據(jù)準(zhǔn)備就是為了明確數(shù)據(jù)范圍,減少數(shù)據(jù)量,通過采集、統(tǒng)計、分析與歸納,梳理出我們需要的數(shù)據(jù)結(jié)果表。

梳理出的數(shù)據(jù)內(nèi)容,存儲方式就是簡單的使用Excel,也可以使用MySQL或者Hive等等,這需要根據(jù)數(shù)據(jù)量和查詢性能的要求來選擇。

數(shù)據(jù)分析人員使用數(shù)據(jù)表時,通過單表查詢或者多表關(guān)聯(lián)的方式,完成其數(shù)據(jù)分析工作,就可以進(jìn)入可視化設(shè)計環(huán)節(jié)了。

2. 可視化設(shè)計

工欲善其事,必先利其器。

使用最頻繁的可視化工具可能還是Excel,除此之外,還可以通過R語言、Python結(jié)合JS,通過代碼的方式來實現(xiàn),但是這些實現(xiàn)方式,學(xué)習(xí)與操作成本略高。

如今市面上可選的可視化工具有很多:Tableau、海致BDP、帆軟FineBI、PowerBI、網(wǎng)易有數(shù)等等,通過基礎(chǔ)的SQL能力結(jié)合鼠標(biāo)的拖拽操作,就可以完成可視化設(shè)計。

(海致BDP操作頁)

用鼠標(biāo)對數(shù)據(jù)表字段進(jìn)行拖拽,就可以實現(xiàn)維度與指標(biāo)的設(shè)置,還可以添加篩選條件,再結(jié)合SQL查詢,便完成了可視化報表的制作。

而在工具越來越實用的前提下,考驗我們的還有設(shè)計與審美能力,我們需要注意的有:

A. 減少數(shù)字噪音,選擇合適的圖表

圖表有很多選擇,并不是復(fù)雜的圖表才算上檔次,大道至簡,越是簡單的圖表,越是能讓用戶理解我們所要表達(dá)的內(nèi)容。

簡單總結(jié)一下:

  • 基本圖表:折線圖、散點圖、條形圖、柱狀圖、氣泡圖、組合圖、面積圖、餅圖等。
  • 復(fù)雜圖表:儀表盤、地圖、流向地圖、熱力地圖、樹形圖、框架圖、漏斗圖、甘特圖、詞云圖、雷達(dá)圖等。

選擇圖表時,需要了解不同圖表的優(yōu)劣以及它們適合的應(yīng)用場景,盡量較少數(shù)據(jù)噪音,不要同時給予用戶太多的內(nèi)容。

但也不是不可以使用復(fù)雜圖表,某些場景下復(fù)雜圖表可能更能清晰的表達(dá)數(shù)據(jù)背后的含義,那用一下也未嘗不可。

B. 顏色搭配合理,多維度交互搭配

關(guān)于配色,仁者見仁,智者見智,有各種流派。

就筆者而言,更傾向于盡量少使用艷色調(diào),多使用漸變色,確保辨識度,而需要對比的數(shù)據(jù)可以選擇對比色或者互補色。

建議大家多去一些配色網(wǎng)站看看,如:Material Palette、Material UI Colors等等,也可以多去Dribbble、堆糖、花瓣或者千圖這些網(wǎng)站溜達(dá)一下。

(From:Material UI Colors)

看的越多,就會越有感覺,獲得一種積累而產(chǎn)生的靈感。

至于說到多維度的交互,常見的有以下幾種:

  • 篩選:通過設(shè)置過濾條件,實現(xiàn)不同維度數(shù)據(jù)的組合展現(xiàn);
  • 鉆?。簩崿F(xiàn)不同層次的數(shù)據(jù)的分層展示,如上下級部門等;
  • 聯(lián)動:通過一個圖形的變化,聯(lián)動其他圖形的變化,如選擇餅圖中的某一個色塊,則底部趨勢表顯示對應(yīng)內(nèi)容的趨勢變化等。

當(dāng)然還有很多的其他交互,只要可以為用戶展示有效的數(shù)據(jù)內(nèi)容,滿足用戶的業(yè)務(wù)需要,那就是好交互。

好看又好用,便是數(shù)據(jù)可視化的意義。

3. 內(nèi)容分發(fā)

數(shù)據(jù)可視化最終的產(chǎn)物是一張圖數(shù)并茂的報表,我們可以通過很多方式傳達(dá)給用戶,最簡單莫過于直接提供源文件或者截圖,但這樣過于笨重與低效。

數(shù)據(jù)平臺類產(chǎn)品就承擔(dān)了高效分發(fā)報表的責(zé)任,如BI平臺、移動BI平臺等,即實現(xiàn)了對報表查看權(quán)限的控制,又實現(xiàn)了對報表數(shù)據(jù)權(quán)限的控制。

我們也可以直接使用第三方工具直接完成內(nèi)容分發(fā),諸如Tableau之類的工具,都可以在本地化部署的基礎(chǔ)上實現(xiàn)內(nèi)容分發(fā),不過出于功能擴展性與數(shù)據(jù)安全性等多方面考慮,不少公司依舊選擇用自研的方式來打造自己的數(shù)據(jù)可視化系統(tǒng)。

下面,就讓我們簡單了解一下,我們該如何打造一款數(shù)據(jù)可視化系統(tǒng)/工具。

三、可視化系統(tǒng)/工具的設(shè)計思路

該部分內(nèi)容旨在簡單介紹企業(yè)BI系統(tǒng)或大數(shù)據(jù)分析平臺等數(shù)據(jù)可視化產(chǎn)品的設(shè)計思路,為產(chǎn)品設(shè)計人員提供參考的同時,也為感興趣的讀者剖析解密一下此類數(shù)據(jù)產(chǎn)品。

1. 數(shù)據(jù)源管理

此類產(chǎn)品目前支持的數(shù)據(jù)源越來越多了,畢竟數(shù)據(jù)是進(jìn)行數(shù)據(jù)分析與可視化的基礎(chǔ),無法連接數(shù)據(jù)源,下面一切的工作都將無法開展。

(海致BDP數(shù)據(jù)源管理頁)

在進(jìn)行此類產(chǎn)品設(shè)計時,優(yōu)先需要完成公司現(xiàn)有數(shù)據(jù)源的調(diào)研,然后再根據(jù)實際場景,選定項目所要支持的數(shù)據(jù)源。

因為不同的數(shù)據(jù)庫存在不同的優(yōu)劣勢,可視化報表除了數(shù)據(jù)準(zhǔn)確與樣式交互合理,對于數(shù)據(jù)查詢速度同樣存在要求,我們不可能讓用戶進(jìn)行一次點選操作后,等待數(shù)分鐘。

比如,當(dāng)數(shù)據(jù)量達(dá)到億這個量級,MySQL就不太適合了,這個時候更適合選擇一些分布式數(shù)據(jù)庫,如HBase之類。

根據(jù)平臺數(shù)據(jù)量與公司現(xiàn)有能力,選定需要支持的數(shù)據(jù)源,這是此類產(chǎn)品設(shè)計的第一步。

2. 圖表庫管理

圖表庫,就像“彈藥庫”,但是圖表組件的封裝是個持久戰(zhàn),耗時耗力,需要耗費大量的前端開發(fā)資源,不過我們可以使用ECharts這類開源圖表庫:

(From:ECharts)

根據(jù)可視化需要,不斷完善自研系統(tǒng)的圖表庫,可以讓數(shù)據(jù)分析師使用可視化工具時,做到“信手拈來”,那就算是有所小成了。

3. 報表開發(fā)與分發(fā)

報表開發(fā)與分發(fā)是數(shù)據(jù)可視化系統(tǒng)的核心功能,該部分在實現(xiàn)報表開發(fā)的同時,還需要完成權(quán)限(查看權(quán)限與數(shù)據(jù)權(quán)限)的配置。

實現(xiàn)該部分功能設(shè)計,有一個“捷徑”,去學(xué)習(xí)市面上主流可視化工具的實現(xiàn)方式,他們詳實的產(chǎn)品幫助文檔都是自研產(chǎn)品設(shè)計的“靈感源泉”。

(帆軟FineBI首頁)

至于權(quán)限的控制,也有很多方式,比如做單點讀取用戶權(quán)限表等,對數(shù)據(jù)權(quán)限的控制,是數(shù)據(jù)安全的必備項。

通過以上步驟,我們就完成了自研可視化工具的產(chǎn)品設(shè)計,但該部分涉及內(nèi)容較多,作為簡單介紹,本文不再過多展開,如果大家想了解更多此類產(chǎn)品設(shè)計,可以評論留言,筆者將在后續(xù)為大家詳細(xì)闡述該部分內(nèi)容。

結(jié)語

數(shù)據(jù)可視化,需要以用戶為中心,以用戶體驗為基礎(chǔ),輸出可視化報表,為業(yè)務(wù)賦能。

在公司不具備或者沒有必要進(jìn)行可視化工具自研的情況下,大量的可視化工具可供諸君選用,正所謂:君子生非異也,善假于物也。

 

作者:張小墨,微信公眾號:月光坦克(moontank1918),某美股上市互聯(lián)網(wǎng)公司產(chǎn)品經(jīng)理。

本文由 @張小墨 原創(chuàng)發(fā)布于人人都是產(chǎn)品經(jīng)理。未經(jīng)許可,禁止轉(zhuǎn)載

題圖來自Unsplash,基于CC0協(xié)議

更多精彩內(nèi)容,請關(guān)注人人都是產(chǎn)品經(jīng)理微信公眾號或下載App
評論
評論請登錄
  1. 目前還沒評論,等你發(fā)揮!