1、什么是數(shù)據(jù)可視化?
把相對(duì)復(fù)雜、抽象的數(shù)據(jù)通過可視的方式以人們更易理解的形式展示出來的一系列手段叫做數(shù)據(jù)可視化,數(shù)據(jù)可視化是為了更形象地表達(dá)數(shù)據(jù)內(nèi)在的信息和規(guī)律,促進(jìn)數(shù)據(jù)信息的傳播和應(yīng)用。
在當(dāng)前新技術(shù)支持下,數(shù)據(jù)可視化除了“可視”,還可有可交流、可互動(dòng)的特點(diǎn)。數(shù)據(jù)可視化的本質(zhì)是數(shù)據(jù)空間到圖形空間的映射,是抽象數(shù)據(jù)的具象表達(dá)。
2、什么是大屏數(shù)據(jù)可視化?
大屏數(shù)據(jù)可視化是以大屏為主要展示載體的數(shù)據(jù)可視化設(shè)計(jì)。
“大面積、炫酷動(dòng)效、豐富色彩”,大屏易在觀感上給人留下震撼印象,便于營造某些獨(dú)特氛圍、打造儀式感。電商雙11類大屏利用此特點(diǎn)打造了熱烈、狂歡的節(jié)日氛圍,原本看不見的數(shù)據(jù)可視化后,便能調(diào)動(dòng)人的情緒、引發(fā)人的共鳴,傳遞企業(yè)文化和價(jià)值。
利用面積大、可展示信息多的特點(diǎn),通過關(guān)鍵信息大屏共享的方式可方便團(tuán)隊(duì)討論、決策,故大屏也常用來做數(shù)據(jù)分析監(jiān)測(cè)使用。大屏數(shù)據(jù)可視化目前主要有信息展示、數(shù)據(jù)分析及監(jiān)控預(yù)警三大類。
3、大屏數(shù)據(jù)可視化設(shè)計(jì)原則?
設(shè)計(jì)服務(wù)需求,先總覽后細(xì)節(jié)
?。?)設(shè)計(jì)服務(wù)需求
大屏設(shè)計(jì)要避免為了展示而展示,排版布局、圖表選用等應(yīng)服務(wù)于業(yè)務(wù),所以大屏設(shè)計(jì)是在充分了解業(yè)務(wù)需求的基礎(chǔ)上進(jìn)行的。那什么是業(yè)務(wù)需求呢?業(yè)務(wù)需求就是要解決的問題或達(dá)成的目標(biāo)。設(shè)計(jì)師通過設(shè)計(jì)的手段幫助相關(guān)人員達(dá)成這個(gè)目標(biāo),是大屏數(shù)據(jù)可視化的價(jià)值所在。
?。?)先總覽后細(xì)節(jié)
大屏因?yàn)榇螅休d數(shù)據(jù)多,為了避免觀者迷失,大屏信息呈現(xiàn)要有焦點(diǎn)、有主次??梢酝ㄟ^對(duì)比,先把核心數(shù)據(jù)拋給用戶,待用戶理解大屏主要內(nèi)容與展示邏輯后,再逐級(jí)瀏覽二三級(jí)內(nèi)容。部分細(xì)節(jié)數(shù)據(jù)可暫時(shí)隱藏,用戶需要時(shí)可通過鼠標(biāo)點(diǎn)擊等交互方式喚起。
4、大屏可視化設(shè)計(jì)流程?
?。?)根據(jù)業(yè)務(wù)場(chǎng)景抽取關(guān)鍵指標(biāo)
關(guān)鍵指標(biāo)是一些概括性詞語,是對(duì)一組或者一系列數(shù)據(jù)的統(tǒng)稱。一般情況下,一個(gè)指標(biāo)在大屏上獨(dú)占一塊區(qū)域,所以通過關(guān)鍵指標(biāo)定義,我們就知道大屏上大概會(huì)顯示哪些內(nèi)容以及大屏?xí)环譃閹讐K。以共享單車電子圍欄監(jiān)控系統(tǒng)為例,這里的關(guān)鍵指標(biāo)有:企業(yè)停車時(shí)長、企業(yè)違停量、熱點(diǎn)違停區(qū)域、車輛入欄率等。
確定關(guān)鍵指標(biāo)后,根據(jù)業(yè)務(wù)需求擬定各個(gè)指標(biāo)展示的優(yōu)先級(jí)(主、次、輔)。
?。?)確立指標(biāo)分析維度
“橫看成嶺側(cè)成峰”。同一個(gè)指標(biāo)的數(shù)據(jù),從不同維度分析就有不同結(jié)果。很多小伙伴做完可視化設(shè)計(jì),發(fā)現(xiàn)可視化圖形并沒有準(zhǔn)確表達(dá)自己的意圖,也沒能向觀者傳達(dá)出應(yīng)有的信息,可視化圖形讓人困惑或看不懂。出現(xiàn)這種情況很大程度就是因?yàn)榉治龅木S度沒有找準(zhǔn)或定義的比較混亂。
上圖向大家展示了數(shù)據(jù)分析常用的4個(gè)維度,我們?cè)谶x定指標(biāo)后,就需要跟項(xiàng)目組其他小伙伴討論:我們的各個(gè)指標(biāo)主要想給大家展示什么,更進(jìn)一步的講,是我們想通過可視化表達(dá)什么樣的規(guī)律和信息。而上圖,可以引導(dǎo)我們從“聯(lián)系、分布、比較、構(gòu)成”四個(gè)維度更有邏輯的思考這個(gè)問題。
聯(lián)系:數(shù)據(jù)之間的相關(guān)性
分布:指標(biāo)里的數(shù)據(jù)主要集中在什么范圍、表現(xiàn)出怎樣的規(guī)律
比較:數(shù)據(jù)之間存在何種差異、差異主要體現(xiàn)在哪些方面
構(gòu)成:指標(biāo)里的數(shù)據(jù)都由哪幾部分組成、每部分占比如何
當(dāng)然,上圖例舉的示例圖表都比較傳統(tǒng),在大屏數(shù)據(jù)可視化中常還有另一類地理信息(常以2/3D地圖、地球呈現(xiàn))出現(xiàn)。上圖雖未包含這類圖形,但它提供給我們的確定數(shù)據(jù)分析維度的思路和方法是相通的,可借鑒。
(3)選定可視化圖表類型
當(dāng)確定好分析維度后,事實(shí)上我們所能選用的圖表類型也就基本確定了。接下來我們只需要從少數(shù)幾個(gè)圖表里篩選出最能體現(xiàn)我們?cè)O(shè)計(jì)意圖的那個(gè)就好了。
選定圖表注意事項(xiàng):易理解、可實(shí)現(xiàn);
易理解就是可視化設(shè)計(jì)要考慮大屏最終用戶,可視化結(jié)果應(yīng)該是一看就懂,不需要思考和過度理解,因而選定圖表時(shí)要理性,避免為了視覺上的效果而選擇一些對(duì)用戶不太友好的圖形。
更多關(guān)于“UI培訓(xùn)”的問題,歡迎咨詢千鋒教育在線名師。千鋒教育多年辦學(xué),課程大綱緊跟企業(yè)需求,更科學(xué)更嚴(yán)謹(jǐn),每年培養(yǎng)泛IT人才近2萬人。不論你是零基礎(chǔ)還是想提升,都可以找到適合的班型,千鋒教育隨時(shí)歡迎你來試聽。