原創(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ù)據(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)營和數(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ù)可視化的場景
舉個(gè)例子轴总，即電商數(shù)據(jù)可視化
電商數(shù)據(jù)可視化獲得信息的最佳方式之一是直颅，就是通過視覺化方式，快速抓住要點(diǎn)信息怀樟。另外功偿，電商數(shù)據(jù)通過視覺化呈現(xiàn)數(shù)據(jù)，也揭示了令人驚奇的模式和觀察結(jié)果往堡，是不可能通過簡單統(tǒng)計(jì)就能顯而易見看到的模式和結(jié)論械荷。“通過視覺化虑灰，我們把信息變成了一道可用眼睛來探索的風(fēng)景線吨瞎，一種信息地圖。當(dāng)你在迷失在信息中時(shí)穆咐，信息地圖非常實(shí)用颤诀。”在電商行業(yè)尤為如此
數(shù)據(jù)可視化可以幫助用戶更快查看到核心數(shù)據(jù)对湃。不同緯度的數(shù)據(jù)變化趨勢崖叫，并且因?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)擊后
手勢滑動(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ù)可視化場景中，用戶的個(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ù)場景饵沧，數(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ù)場景
數(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ì)在這里分享
推薦閱讀：
