3個步驟-完成3D數(shù)據(jù)可視化大屏設(shè)計VIP

1、3個步驟，完成3D數(shù)據(jù)可視化大屏設(shè)計3D數(shù)據(jù)可視化能夠在多維度對數(shù)據(jù)進行管理和展示，受到了企業(yè)和管理者的歡迎。但相關(guān)的業(yè)務(wù)一部分產(chǎn)品經(jīng)理可能還比較陌生，如何完成3D數(shù)據(jù)可視化大屏設(shè)計？本文作者分享了他的幾點經(jīng)驗，供大家一同參考和學習。 隨著現(xiàn)代信息社會的高速發(fā)展，人類在社會活動中產(chǎn)生越來越多的數(shù)據(jù)，由于這些數(shù)據(jù)過于龐大，以至于我們需要新的模式去處理才能高效實現(xiàn)數(shù)據(jù)最大化利用。 在To B市場中，具有一定規(guī)模的政、企單位已經(jīng)不再滿足于二維的數(shù)據(jù)可視化，追求效果更好的3D數(shù)據(jù)可視化去打造“數(shù)字孿生”的虛實動態(tài)結(jié)合。而3D數(shù)據(jù)可視化則也能夠在更多維度去管理、展示數(shù)據(jù)，讓管理者直觀去認知數(shù)據(jù)，實現(xiàn)更有

2、效的決策管理。 圖1 3D大數(shù)據(jù)可視化（來源騰訊云RayData） 剛接觸3D數(shù)據(jù)可視化的產(chǎn)品經(jīng)理可能會一頭霧水，偏向于UI側(cè)的3D大屏場景該如何設(shè)計呢？以下是個人在項目中總結(jié)的一些經(jīng)驗，或許對你有些幫助。01 明確需求 因為3D數(shù)據(jù)可視化對一般甲方用戶來說還是比較陌生的，所以會出現(xiàn)用戶無法準確表達出功能需求，加上我們對其業(yè)務(wù)領(lǐng)域陌生的情況，這就增加了我們需求分析的難度。 簡單來說，我們先來問自己四個問題：用戶想要做什么？做這個產(chǎn)品目的是什么？想要達到什么樣的效果？最后是我們?nèi)绾稳プ觯?“搞清楚用戶想要做什么”我們要去了解用戶行業(yè)背景及其業(yè)務(wù)場景。比如用戶需求就是“開發(fā)一款高校3D數(shù)據(jù)可視化大

3、屏”，在產(chǎn)品經(jīng)理眼里，這句話可能算不上需求，因為沒有準確表達某個業(yè)務(wù)場景下的需求。 這個時候就需要進一步溝通，是哪些業(yè)務(wù)場景下的3D數(shù)據(jù)可視化，如教務(wù)、財務(wù)、安防、學生行為分析等；是學校層級還是學院，班級層級的。通過進一步溝通，假使我們得到的答案是“為XX班級開發(fā)一款全班學生成績3D數(shù)據(jù)可視化”，這樣我們就得一個大致需求。 “做產(chǎn)品目的是什么”即搞清楚用戶為什么要做這款產(chǎn)品，目的可能有如下兩點：發(fā)掘業(yè)務(wù)數(shù)據(jù)價值，通過精準數(shù)據(jù)可視化實現(xiàn)輔助決策、科學管理，實戰(zhàn)性較強等；用來匯報演示，體現(xiàn)單位業(yè)績、發(fā)展情況，注重3D效果展示等。 從馬斯洛需求層次理論來說，其一是滿足單位業(yè)務(wù)數(shù)據(jù)分析的“生理需求”，

4、需要數(shù)據(jù)可視化的結(jié)果要求非常準確；而其二已經(jīng)上升到單位“自我價值、能力”的展現(xiàn)，只是通過已有數(shù)據(jù)來展示單位的實力等，不需過多精準的業(yè)務(wù)數(shù)據(jù)展示，這一細微的需求感受可能會影響到產(chǎn)品功能點的優(yōu)先級。 還是上面的例子,“為XX班級開發(fā)一款全班學生成績3D數(shù)據(jù)可視化”是為了對每個學生成績分析，提高學生學習效率或者改善教學方式；還是為了將本班學生總體以及優(yōu)秀成績以炫酷的3D效果對外展示呢? 在效果表達上，注重業(yè)務(wù)的數(shù)據(jù)可視化，3D模型比較寫實，可能效果上不夠炫酷，但能夠切實反應(yīng)實際情況達到業(yè)務(wù)數(shù)據(jù)實時準確展示；而注重效果呢，可能3D模型比較抽象，但數(shù)據(jù)也是滿足客戶的需求。 圖2 與用戶明確需求02 獲取

5、數(shù)據(jù) 通過對用戶需求的不斷挖掘之后，我們得到了更詳細的需求文檔，這個時候，產(chǎn)品經(jīng)理就要考慮“怎么去做”。我們要將用戶需求轉(zhuǎn)換為產(chǎn)品需求，切忌直接將用戶需求堆疊到產(chǎn)品，最后開發(fā)出來慘不忍睹。那該怎么做呢？我們來分析一下。 首先，數(shù)據(jù)可視化需要大量的數(shù)據(jù)支撐；其次將哪些數(shù)據(jù)進行可視化；然后這些數(shù)據(jù)以什么方式接入系統(tǒng)；最后，以什么3D模型展示實時數(shù)據(jù)，圖表該以什么樣的形式去做數(shù)據(jù)分析。所以處理數(shù)據(jù)的步驟可以分為收集數(shù)據(jù)、篩選數(shù)據(jù)、分析數(shù)據(jù)。 圖3 處理數(shù)據(jù)流程 我們根據(jù)業(yè)務(wù)場景向用戶收集相關(guān)數(shù)據(jù)，此時拿到的可能是一個無序、無規(guī)律甚至格式不同的數(shù)據(jù)集合。在收集數(shù)據(jù)的同時，根據(jù)需求初步判斷是否符合業(yè)務(wù)場

6、景，如拿到的是學生成績包含體育成績、競賽成績、專業(yè)課成績等，若只做專業(yè)課可視化的情況下，這樣就可以摒棄其他沒有意義的數(shù)據(jù)。 然后根據(jù)MECE原則按照對數(shù)據(jù)進行細分業(yè)務(wù)場景歸類，這樣我們得到的是一個有規(guī)律、雜而不亂的數(shù)據(jù)集。當數(shù)據(jù)有規(guī)律可循時，方便我們進行數(shù)據(jù)篩選，進一步篩選哪些數(shù)據(jù)放在3D模型中展示合適，哪些作為平面圖表展示更為合理。 最后從空間、時間等多維度進行專業(yè)的數(shù)據(jù)分析，為數(shù)據(jù)在3D場景中展示做基礎(chǔ)。03 構(gòu)造場景1. 結(jié)構(gòu)設(shè)計 在數(shù)據(jù)得到合理篩選之后，此時就可以來構(gòu)造一個3D場景。這個3D場景可以從概念上分為3D場景與2D場景，“場景”一詞不易于理解的話，我們可以將其理解為Photo

7、Shop中的“圖層”概念，即3D圖層和2D圖層。3D場景是一個基于x,y,z坐標系建立的3D模型與數(shù)據(jù)結(jié)合的場景，也就是說在3D場景以模型為主，所有單元都具有高度，承擔著實時數(shù)據(jù)動態(tài)呈現(xiàn)、虛實結(jié)合動態(tài)交互的責任。模型本身承載著大量的數(shù)據(jù)，如根據(jù)GIS、BIM系統(tǒng)做出的模型，此外還有各種物聯(lián)網(wǎng)設(shè)備的實時數(shù)據(jù)接入等；2D場景是基于x,y坐標系建立的平面圖形圖表場景，通常用來展示數(shù)據(jù)的統(tǒng)計分析結(jié)果及預(yù)測為主。3D模型場景中通常接入的是模型本身和其他實時數(shù)據(jù)，不能夠直觀展示統(tǒng)計分析出來的數(shù)據(jù)，因此2D場景主要承擔著專業(yè)數(shù)據(jù)分析的責任。 圖4 3D與2D場景介紹2. 模型設(shè)計 3D場景中主要是模型與數(shù)據(jù)

8、結(jié)合的設(shè)計，如在“為XX班級開發(fā)一款全班學生成績3D數(shù)據(jù)可視化”項目中，我們可以在原型中設(shè)計一個3D教室的模型草圖，每個書桌模型/人體模型代替學生個體。 將學生個體的成績信息與每個模型對應(yīng)，當我們點擊模型時，在3D場景中彈出該生信息等；甚至是呈現(xiàn)人體動態(tài)模型，實時展示該生身體狀況及預(yù)警（前提是有物聯(lián)網(wǎng)設(shè)備檢測并傳輸數(shù)據(jù)）這就實現(xiàn)了簡單的3D數(shù)據(jù)可視化。 可以從模型中獲取的信息如下：動態(tài)成績排名：假設(shè)排名規(guī)則為“左上角座位的同學排名為班級第一，依次往下，S型順序排名?！保瑢W生的排名通過模型直觀展示出來所在位置學生個人成績：點擊3D模型時，彈出學生個人成績信息成績動態(tài)變化：從在3D場景中，可以通過

9、設(shè)計一個時間軸，來實現(xiàn)拖動觀察學生成績排名的變化。 圖5 3D場景白模草圖 圖6 3D場景常用交互操作3. 2D場景設(shè)計（圖表設(shè)計） 圖表設(shè)計是尤為重要的一環(huán)，上文中提到： 2D場景是基于x,y坐標系建立的平面圖形圖表場景，通常用來展示數(shù)據(jù)的統(tǒng)計分析結(jié)果及預(yù)測為主。3D模型場景中通常接入的是模型本身和其他實時數(shù)據(jù)，不能夠直觀展示統(tǒng)計分析出來的數(shù)據(jù)，因此2D場景主要承擔著專業(yè)數(shù)據(jù)分析的責任。 關(guān)于圖表的設(shè)計，像AntV、ECharts等數(shù)據(jù)可視化圖表組件已經(jīng)給出專業(yè)的設(shè)計規(guī)范，結(jié)合業(yè)務(wù)數(shù)據(jù)設(shè)計出符合場景可視化圖表。在設(shè)計圖表之前，最關(guān)鍵的是數(shù)據(jù)分析，這將決定展示出來的數(shù)據(jù)是否專業(yè)合理。 圖7 3D白模場景+2D圖表原型圖04 總結(jié) 在大屏設(shè)計過程中，還有其他更多細節(jié)沒有贅述。3D數(shù)據(jù)可視化大屏產(chǎn)品設(shè)計比較特殊，因為技術(shù)實現(xiàn)、業(yè)務(wù)場景不同，可能導致設(shè)計思路的不同。我的整體設(shè)計思路為：先進行需求分析，明確用戶想要得到的產(chǎn)品形態(tài)及功能；其次是獲取基礎(chǔ)數(shù)據(jù)，分析場景所需數(shù)據(jù)，篩選出合理數(shù)據(jù)；最后是構(gòu)造場景，結(jié)合已有數(shù)據(jù)，對模型和圖表設(shè)計，實現(xiàn)3D數(shù)據(jù)可視化。 圖8 設(shè)計思路 數(shù)據(jù)之美這本書