BI 儀表板/數(shù)據(jù)可視化大屏最全面的設(shè)計(jì)流程梳理
建立“有效溝通”,設(shè)計(jì)“有效 BI 儀表板”
最近不知道大家有沒有聽到過 “有效溝通” 這個詞 。
有效溝通是指成功把某一信息傳遞給溝通對象,溝通對象能夠做出預(yù)期中回應(yīng)的整個過程。
其實(shí) BI 看板的設(shè)計(jì)也是一個建立溝通渠道和方式的過程。我們設(shè)計(jì) BI 看板/儀表板的目的也是為了傳遞信息,通過數(shù)據(jù)的可視化語言與使用者/觀者進(jìn)行溝通,因此在設(shè)計(jì) BI 看板/儀表板的整個過程中我們也要隨時自查,我們設(shè)計(jì)的 BI 看板/儀表板是否傳達(dá)了有效信息,是否有效傳達(dá)了信息。其實(shí)隨著人類采集、存儲和處理信息能力的增強(qiáng),大量數(shù)據(jù)充斥著我們的生活,因此人類對于可視化掌控力的需求也越強(qiáng)。
那么數(shù)據(jù)可視化到底是個啥呢?結(jié)合我們實(shí)際的生活與工作來說,數(shù)據(jù)可視化是一種以圖形符號為主要視覺表現(xiàn)形式,將不可見的、抽象的、復(fù)雜的、枯燥的、專業(yè)的、不直觀的數(shù)據(jù)內(nèi)容,有效的、簡單易懂的傳遞給用戶的有效手段。
用戶可以通過這樣的手段完成自己的目標(biāo),解決工作中和生活中遇到的問題。用戶的期望是能夠清晰、直觀的看到所需的數(shù)據(jù),并且能夠簡單、高效地完成數(shù)據(jù)的查詢、對比、關(guān)聯(lián)、分析等一系列交互,從而提升自己的工作效率。也可以降低工作中的團(tuán)隊(duì)溝通成本、信息識別成本、數(shù)據(jù)分析成本。所以,一個有效的 BI 看板/儀表板,從某種意義上來說是用戶使用某個 BI 看板/儀表板的過程中,他的每一個小期待都是被滿足的,從而達(dá)到為用戶解決問題的目的。
?
下面介紹一種 BI 看板/儀表板的思路流程,幫助大家可以更好的設(shè)計(jì)出來一個有效的 BI 看板/儀表板。
儀表板設(shè)計(jì)流程:1、明確需求;2、篩選數(shù)據(jù);3、確定圖表;4、排版布局;5、設(shè)計(jì)看板。

下面我們依次來說一下每個流程要干什么?
1、明確需求
關(guān)鍵詞:換位思考
第一步是需求分析階段,我們大多數(shù)設(shè)計(jì)的 BI 看板/儀表板都是供他人使用,所以設(shè)計(jì)儀表板的設(shè)計(jì)者在此就要需要轉(zhuǎn)換角色,身份由設(shè)計(jì)者轉(zhuǎn)換為使用者。設(shè)計(jì)者是否能夠找到并理解讀者或使用者的視角,這是 BI 看板/儀表板設(shè)計(jì)最重要的一點(diǎn)。
換位思考,就是思考儀表板的使用人員的使用目的,使用者及目標(biāo)用戶的特點(diǎn)和關(guān)注焦點(diǎn)是什么,從而確定儀表板主題,確定所需要的數(shù)據(jù)。當(dāng)設(shè)計(jì)視角與使用者的視角一致時,才能設(shè)計(jì)到使用者的心坎里,才是“有效設(shè)計(jì)”。也就是說 BI 看板設(shè)計(jì)人員首先需要想清楚儀表板展示的內(nèi)容動線,需要給觀者講述什么故事,達(dá)到什么目的。
在這一部分我們需要確定設(shè)計(jì) BI 看板/儀表板的業(yè)務(wù)主題和與業(yè)務(wù)主題相關(guān)的數(shù)據(jù)指標(biāo)。

2、篩選數(shù)據(jù)
關(guān)鍵詞:杜絕既要又要
大多數(shù)情況在梳理業(yè)務(wù)指標(biāo)的時候可能會梳理出很多指標(biāo)。這個時候就要做數(shù)據(jù)篩選了,并不能一股腦兒全部擺上去。我們并不是一個無情的數(shù)據(jù)排列機(jī)器,要基于用戶的使用角度來進(jìn)行一些數(shù)據(jù)的處理和優(yōu)化并進(jìn)行數(shù)據(jù)篩選。
如何篩選呢?
這個部分引用一下我們飛致云的部分方法論如下:
“日常工作中用正確的方式去識別最重要的事情,并且在此上投入最主要的時間和精力,達(dá)到最佳的投入產(chǎn)出比;”
我們篩選儀表板展示數(shù)據(jù)也是如此。這個方法論運(yùn)用到數(shù)據(jù)篩選下如下:
“儀表板篩選數(shù)據(jù)中要用正確的方法去識別最重要的數(shù)據(jù)指標(biāo),并且在此上投入最透徹的分析和拓展,達(dá)到最有效的信息傳達(dá)率;”
永遠(yuǎn)不要想著所有事情雙贏,杜絕既要又要。
在這一部分我們需要篩選出與業(yè)務(wù)主題相關(guān)的一些關(guān)鍵的數(shù)據(jù)指標(biāo)進(jìn)行展示。

3、確定圖表
關(guān)鍵詞:準(zhǔn)確傳達(dá),信息明了
同一個指標(biāo)數(shù)據(jù),從不同維度分析就會有不同結(jié)果,也需要不同的可視化展示方式。有效的可視化展示,才能傳達(dá)出應(yīng)有的信息。所以我們在選擇圖表的時候一定要選擇可以準(zhǔn)確直觀表達(dá)出指標(biāo)含義的圖表圖形。如果可視化展示的方式,讓觀者產(chǎn)生困惑甚至看不懂,那就是一個失敗的方式。

在此部分,我們要問自己幾個問題:
數(shù)據(jù)指標(biāo)需要表達(dá)的信息,我們是否準(zhǔn)確理解了?
選擇的可視化形式,是否傳達(dá)了準(zhǔn)確信息?
選擇的可視化形式,是否簡單明了的傳達(dá)了信息?
選擇的可視化形式,是否可能會讓觀者產(chǎn)生疑惑或誤解?
這幾個問題都是為了保證信息的有效傳達(dá),讓觀者正確理解數(shù)據(jù)的含義,不會產(chǎn)生誤解。
在這一部分我們要確定數(shù)據(jù)指標(biāo)的可視化展示形式。

4、排版布局
關(guān)鍵詞:構(gòu)建視線流動時空
確實(shí)了主題和指標(biāo)之后,就需要想清楚 BI 看板展示的內(nèi)容動線,需要給觀者講述什么故事,以展示問題解決問題為目標(biāo)將業(yè)務(wù)模塊理出順序。構(gòu)建觀者的視線流動路徑和空間,視線流動的路徑大多數(shù)與業(yè)務(wù)模塊之間關(guān)系也有很大聯(lián)系。所以在構(gòu)建視線流動時空的過程,既要考慮視覺習(xí)慣還要考慮業(yè)務(wù)關(guān)聯(lián)。
基于用戶的使用目標(biāo)來說,使用一個數(shù)據(jù)可視化儀表板的過程,其實(shí)就像警察破案的推理過程,將一些有關(guān)的,但是較為零散信息數(shù)據(jù)用一根根線索穿插起來,形成體系化的聯(lián)系。對各個節(jié)點(diǎn)之間的關(guān)系進(jìn)行推導(dǎo),發(fā)現(xiàn)其中關(guān)鍵節(jié)點(diǎn),從而解決問題。
因此設(shè)計(jì) BI 看板的時候,我們并不是一個無情的數(shù)據(jù)排列機(jī)器,設(shè)計(jì) BI 看板的每一步都要基于用戶的使用角度來考慮,每一步的設(shè)計(jì)都要踩在用戶的期望上。
布局的原則一定要主次分明,根據(jù)業(yè)務(wù)需求抽取關(guān)鍵性的指標(biāo),提取主要信息。
避免次要信息的面積過大,喧賓奪主,影響整體的視覺效果。

在這一部分我們要根據(jù)場景業(yè)務(wù)線構(gòu)建視線流動時空間,確定數(shù)據(jù)指標(biāo)的排版布局。
?
5、設(shè)計(jì)看板
關(guān)鍵詞:輔助輸出,吸引眼球
這個環(huán)節(jié)主要是考驗(yàn)審美的環(huán)節(jié),原則來說是屬于專業(yè)的視覺設(shè)計(jì)師的主要工作,涉及到儀表板配色、圖表配色、輔助元素、炫酷的動效等等。不過在這個人人都是設(shè)計(jì)師的時代,后續(xù)會有相關(guān)文章專門寫這部分。不過在這一部分強(qiáng)調(diào)一些注意事項(xiàng)。絕大多數(shù)的視覺表現(xiàn)形式都是輔助信息的傳播,增強(qiáng)信息的傳達(dá)率。所以 BI 看板/儀表板的視覺設(shè)計(jì)應(yīng)該盡可能在保證儀表板的實(shí)用度和可用性的情況下,進(jìn)行視覺效果的增強(qiáng),切不可喧賓奪主。
在這一部分我們要根據(jù)業(yè)務(wù)場景主題,確定相應(yīng)的設(shè)計(jì)風(fēng)格和視覺語言。

寫在最后
無論是 BI 看板/儀表板的設(shè)計(jì)還是我們?nèi)粘9ぷ髦械母鞣N匯報(bào)也好。只要是涉及到和他人合作的工作任務(wù),我們都需要明確對方的需求,滿足對方需求范圍內(nèi)合理的期待,這樣我們與他人合作才會更加順暢。因?yàn)槠浔举|(zhì)也是信息溝通與傳遞的過程,建立有效溝通,保證走的每一步都有效,不做無用功。
好因必有好果,規(guī)范的設(shè)計(jì)流程是好結(jié)果的保證。確立正確有效的流程,然后步步為營,踏實(shí)走好好每一步,就可以避免很多不必要的返工,并且可以把控 BI 看板/儀表板設(shè)計(jì)質(zhì)量和進(jìn)度。所以從設(shè)計(jì) BI 看板的開始的那一刻起,我們就要清晰的知道我們后續(xù)的每一步要如何做,做到心中有數(shù),達(dá)到工作有效。
?
附錄
本文儀表板效果截圖來源于 DataEase 模板市場。
https://dataease.io/templates/