原創(chuàng)：?Kevin改變世界的點(diǎn)滴?Kevin改變世界的點(diǎn)滴??昨天
近期落地了工作中的數(shù)據(jù)可視化項(xiàng)目，今天原創(chuàng)復(fù)盤下這中間的歷程。
在復(fù)盤前，首先一個(gè)問題：數(shù)據(jù)可視化到底是不是一個(gè)需求？
提出這個(gè)問題的原因：
數(shù)據(jù)可視化只是讓數(shù)據(jù)更直觀，是數(shù)據(jù)的另一種展現(xiàn)形式。這種形式所展現(xiàn)出的趨勢(shì)、比例、分布，其實(shí)由數(shù)據(jù)統(tǒng)計(jì)表也是能看到的。這種直觀的展現(xiàn)是否是個(gè)需求？是否可以在To B產(chǎn)品中作為收費(fèi)的增值項(xiàng)？
你怎么看？
而我的答案是，它是一個(gè)需求。它有可能是為了滿足公司數(shù)據(jù)展示需求、也有可能是為了展示核心數(shù)據(jù)。
但是一般都不可能是用戶需求（除非是數(shù)據(jù)類的工具產(chǎn)品），一般情況下都是運(yùn)營(yíng)和數(shù)據(jù)層面的需求，屬于產(chǎn)品的輔助工具。
數(shù)據(jù)可視化是關(guān)于數(shù)據(jù)視覺表現(xiàn)形式的科學(xué)技術(shù)研究。其中，這種數(shù)據(jù)的視覺表現(xiàn)形式被定義為，一種以某種概要形式抽提出來的信息，包括相應(yīng)信息單位的各種屬性和變量。
它是一個(gè)處于不斷演變之中的概念，其邊界在不斷地?cái)U(kuò)大。主要指的是技術(shù)上較為高級(jí)的技術(shù)方法，而這些技術(shù)方法允許利用圖形、圖像處理、計(jì)算機(jī)視覺以及用戶界面，通過表達(dá)、建模以及對(duì)立體、表面、屬性以及動(dòng)畫的顯示，對(duì)數(shù)據(jù)加以可視化解釋。與立體建模之類的特殊技術(shù)方法相比，數(shù)據(jù)可視化所涵蓋的技術(shù)方法要廣泛得多。
數(shù)據(jù)可視化的流程
在落地本項(xiàng)目中，項(xiàng)目的流程是：
確定數(shù)據(jù)范圍
數(shù)據(jù)清洗
核心數(shù)據(jù)采集
數(shù)據(jù)可視化分析
數(shù)據(jù)可視化分析
數(shù)據(jù)可視化的分析方式有如下幾種：
數(shù)據(jù)采集
數(shù)據(jù)分析
數(shù)據(jù)管理
數(shù)據(jù)挖掘
數(shù)據(jù)可視化的場(chǎng)景
舉個(gè)例子，即電商數(shù)據(jù)可視化
電商數(shù)據(jù)可視化獲得信息的最佳方式之一是，就是通過視覺化方式，快速抓住要點(diǎn)信息。另外，電商數(shù)據(jù)通過視覺化呈現(xiàn)數(shù)據(jù)，也揭示了令人驚奇的模式和觀察結(jié)果，是不可能通過簡(jiǎn)單統(tǒng)計(jì)就能顯而易見看到的模式和結(jié)論。“通過視覺化，我們把信息變成了一道可用眼睛來探索的風(fēng)景線，一種信息地圖。當(dāng)你在迷失在信息中時(shí)，信息地圖非常實(shí)用?！痹陔娚绦袠I(yè)尤為如此
數(shù)據(jù)可視化可以幫助用戶更快查看到核心數(shù)據(jù)。不同緯度的數(shù)據(jù)變化趨勢(shì)，并且因?yàn)槭菍?shí)時(shí)的原因，數(shù)據(jù)的增加與變化也變得非常直觀。
在不同平臺(tái)的可視化
剛開始落地這個(gè)項(xiàng)目的時(shí)候，其實(shí)是選擇了在移動(dòng)端做。移動(dòng)端中的安卓與IOS數(shù)據(jù)可視化效果雖然在UI設(shè)計(jì)稿是一樣的
但在實(shí)現(xiàn)過程中，IOS因?yàn)橛鞋F(xiàn)成的組件，而安卓則需要客戶端的同學(xué)一點(diǎn)一點(diǎn)的手畫。就導(dǎo)致了2個(gè)不同平臺(tái)的開發(fā)速度截然不同。
數(shù)據(jù)可視化在面向移動(dòng)端產(chǎn)品設(shè)計(jì)中有幾點(diǎn)細(xì)節(jié)要注意
點(diǎn)擊效果
點(diǎn)擊前、點(diǎn)擊后
手勢(shì)滑動(dòng)效果
向上、向左、向右、向下、拉伸、縮小、放大
通過增加上面2個(gè)緯度的交互，讓用戶增加數(shù)據(jù)可視化的可操作性
數(shù)據(jù)可視化的難點(diǎn)
在設(shè)計(jì)數(shù)據(jù)可視化中，除了上面提及的過程，有幾點(diǎn)難點(diǎn)是在工作中開展的問題
核心數(shù)據(jù)清洗
數(shù)據(jù)指標(biāo)因?yàn)樵卺t(yī)療健康中會(huì)有一級(jí)指標(biāo)、二級(jí)指標(biāo)、三級(jí)指標(biāo)。越往下拆解指標(biāo)的顆粒度越細(xì)。指標(biāo)越細(xì)則方便數(shù)據(jù)展示的精細(xì)化層度越好，但整體的數(shù)據(jù)會(huì)過多。
因此選用了常識(shí)、認(rèn)知較低的部分三級(jí)指標(biāo)。不需要用戶太高的門檻進(jìn)行辨識(shí)，與其他緯度的一級(jí)指標(biāo)搭配匯總在一起。
數(shù)據(jù)可視化方案一
數(shù)據(jù)可視化方案在第一步因?yàn)閿?shù)據(jù)都是來自人體，選用的方案一是采用人體的方式，將人體以外層皮膚到內(nèi)在器官進(jìn)行展示。
但要考慮到數(shù)據(jù)是否能夠支撐到上面的可視化問題。
數(shù)據(jù)的緯度是否足夠？
數(shù)據(jù)是否能夠具象到某一個(gè)人體的層級(jí)？
因此建立數(shù)據(jù)可視化前期最好在數(shù)據(jù)采集層上就要考慮未來的數(shù)據(jù)可視化。在方案一中，因?yàn)閿?shù)據(jù)采集是通過數(shù)據(jù)本身的緯度采集，比如基因、皮膚、蛋白質(zhì)，無法具象或集中在某個(gè)部位。
方案二 數(shù)據(jù)點(diǎn)集合
這個(gè)方案的好處是可以避免數(shù)據(jù)抽象聚合在一起。并且通過不同的數(shù)據(jù)點(diǎn)游離表達(dá)當(dāng)前的數(shù)據(jù)復(fù)雜層度。
數(shù)據(jù)的交互方式選取顯然方案一會(huì)更好。但因當(dāng)前所有的數(shù)據(jù)不能支持這樣的方案，只能退而求其次選擇游離可視化方案。
數(shù)據(jù)分析
核心數(shù)據(jù)清洗后，我們可以把數(shù)據(jù)分成對(duì)應(yīng)的緯度。比如智能硬件、基因數(shù)據(jù)、行為記錄、服務(wù)數(shù)據(jù)
數(shù)據(jù)劃分的緯度一共有8類，顯然站在數(shù)據(jù)可視化場(chǎng)景中，用戶的個(gè)人數(shù)據(jù)完整度會(huì)更加重要。所以整體顯示中增加了當(dāng)前用戶數(shù)據(jù)完善度的百分比展示。
數(shù)據(jù)加載的問題
因?yàn)閿?shù)據(jù)所牽扯的后臺(tái)接口較多，所以在web端打開該頁面下純?cè)诳D的情況。并且會(huì)根據(jù)硬件設(shè)備的配置問題，導(dǎo)致數(shù)據(jù)可視化的動(dòng)畫效果出現(xiàn)幀數(shù)變化。
頁面跳轉(zhuǎn)的問題
每個(gè)數(shù)據(jù)的游離點(diǎn)其實(shí)是具體某個(gè)指標(biāo)的入口，點(diǎn)擊對(duì)應(yīng)的指標(biāo)可進(jìn)入相應(yīng)詳情。而原先的詳情頁面都是基于app端，在數(shù)據(jù)可視化中會(huì)存在兼容性與頁面變形的問題。
因此需要對(duì)數(shù)據(jù)可視化的關(guān)聯(lián)頁面加上數(shù)據(jù)可視化跳轉(zhuǎn)。
數(shù)據(jù)數(shù)目的制定
采取方案二，會(huì)導(dǎo)致頁面充斥數(shù)據(jù)點(diǎn)。因此就不同的設(shè)備制定對(duì)應(yīng)數(shù)據(jù)可視化數(shù)目是一個(gè)難點(diǎn)。在這里定制的是40-70，并且按照業(yè)務(wù)場(chǎng)景，數(shù)據(jù)的權(quán)重是不同的。8個(gè)緯度的數(shù)據(jù)依照權(quán)重進(jìn)行展開。
超過對(duì)應(yīng)的邊界或不在該權(quán)重類，就不進(jìn)行顯示。避免了過多的數(shù)據(jù)擁擠在一起。
數(shù)據(jù)可視化重點(diǎn)是業(yè)務(wù)場(chǎng)景
數(shù)據(jù)可視化是一種專業(yè)人士向非專業(yè)人士傳達(dá)數(shù)據(jù)重要性的方式之一（目前看來，是比較好的一種方式）；是將分散、看似無關(guān)的數(shù)據(jù)進(jìn)行線面組合展示的方式，有助于發(fā)現(xiàn)規(guī)律、理解規(guī)律、分析規(guī)律、展示規(guī)律。
所以說，數(shù)據(jù)可視化是一種需求；有比無強(qiáng)、美比丑強(qiáng)、個(gè)性化定制比通用樣式強(qiáng)；如果能定制化信息圖也是一種比較好的增值服務(wù)。
好啦，今天的原創(chuàng)就在這里。每周2篇我工作中的案例會(huì)在這里分享
推薦閱讀：
