日本电影一区二区_日本va欧美va精品发布_日本黄h兄妹h动漫一区二区三区_日本欧美黄色

一文和你介紹數(shù)據(jù)可視化:目的、設(shè)計(jì)、流程及注意事項(xiàng)(數(shù)據(jù)可視化設(shè)計(jì)步驟)

編輯導(dǎo)語(yǔ):互聯(lián)網(wǎng)時(shí)代,都在強(qiáng)調(diào)數(shù)據(jù)分析的重要性,但是干巴巴的數(shù)據(jù)沒(méi)人愛(ài)看,數(shù)據(jù)可視化才能夠直觀(guān)地展現(xiàn)我們所要表達(dá)的要點(diǎn)。作者總結(jié)了四個(gè)方面的數(shù)據(jù)可視化要點(diǎn),與你分享。

一文和你介紹數(shù)據(jù)可視化:目的、設(shè)計(jì)、流程及注意事項(xiàng)(數(shù)據(jù)可視化設(shè)計(jì)步驟)

你是不是經(jīng)常遇到這樣的場(chǎng)景:

  • “小王,公司打算做個(gè)會(huì)客廳來(lái)接待領(lǐng)導(dǎo)和客戶(hù),老板想做個(gè)大屏來(lái)展示公司形象,你做一個(gè)?!?/li>
  • “小李,張總不太習(xí)慣看 PC 報(bào)表,你牽頭設(shè)計(jì)一個(gè)移動(dòng)端儀表盤(pán),方便張總及時(shí)掌握公司業(yè)務(wù)經(jīng)營(yíng)情況。”
  • “小劉,最近蠻多客戶(hù)反映后臺(tái)數(shù)據(jù)分析粒度不夠,你優(yōu)化一下?!?/li>

如今,不管互聯(lián)網(wǎng)公司還是傳統(tǒng)行業(yè),大家都認(rèn)識(shí)到了數(shù)據(jù)的重要性,老板們對(duì)“簡(jiǎn)單直觀(guān)地看數(shù)據(jù)”的需求愈發(fā)強(qiáng)烈,而且隨著大數(shù)據(jù)建設(shè)的如火如荼,別講底層技術(shù)和算法牛逼,最終的效率提升、業(yè)績(jī)提升都是要通過(guò)數(shù)據(jù)展示出來(lái)的,這更成就了可視化在數(shù)據(jù)應(yīng)用的地位。

我們今天就來(lái)聊聊數(shù)據(jù)可視化!

一、什么是數(shù)據(jù)可視化?

首先,我們先問(wèn)一個(gè)問(wèn)題,什么是數(shù)據(jù)可視化?

數(shù)據(jù)可視化是數(shù)據(jù)應(yīng)用的一種形式,是滿(mǎn)足用戶(hù)需求的一種手段,直白點(diǎn)說(shuō)就是將數(shù)據(jù)圖形化、圖表化以良好的視覺(jué)效果呈現(xiàn),達(dá)到發(fā)現(xiàn)、分析、預(yù)測(cè)、監(jiān)控、決策等目的。

那問(wèn)題又來(lái)了,為什么要做數(shù)據(jù)可視化呢?

大家都聽(tīng)說(shuō)過(guò)“一圖勝千言”,這是有腦科學(xué)依據(jù)的。大腦里面處理跟視覺(jué)相關(guān)的區(qū)域特別多,枕葉、頂葉……

所以人的大腦對(duì)圖像更敏感,效率更高、更直觀(guān)。我們看一個(gè)例子:

2020 年 12 月,成都20歲女生確診行程,下圖1 是官方公布,下圖2是網(wǎng)友做的行程軌跡,不做道德評(píng)判,從信息獲取效率上,第二張清晰高效。

一文和你介紹數(shù)據(jù)可視化:目的、設(shè)計(jì)、流程及注意事項(xiàng)(數(shù)據(jù)可視化設(shè)計(jì)步驟)一文和你介紹數(shù)據(jù)可視化:目的、設(shè)計(jì)、流程及注意事項(xiàng)(數(shù)據(jù)可視化設(shè)計(jì)步驟)

做好數(shù)據(jù)可視化的要點(diǎn)又是什么呢?我認(rèn)為可視化要點(diǎn)有 3 個(gè):邏輯清晰、表達(dá)精準(zhǔn)、設(shè)計(jì)簡(jiǎn)潔,做到這三點(diǎn)成品絕對(duì)不會(huì)差。

邏輯清晰。數(shù)據(jù)可視化一定要確認(rèn)好內(nèi)容動(dòng)線(xiàn),做到邏輯嚴(yán)密,結(jié)構(gòu)清晰。

表達(dá)精準(zhǔn)。數(shù)據(jù)準(zhǔn)確、選擇正確的圖表,表達(dá)合適的信息,一看就懂理解毫無(wú)歧義。

設(shè)計(jì)簡(jiǎn)潔。可視化的重點(diǎn)不是好看,而是突出重點(diǎn),簡(jiǎn)潔美觀(guān)。圖表各元素,布局、坐標(biāo)、單位、圖例、交互適中展示,不要過(guò)度設(shè)計(jì)。

二、可視化的常見(jiàn)形式

1. 大屏/dashboard

多見(jiàn)于展廳、監(jiān)控中心,一般適用于實(shí)時(shí)監(jiān)控預(yù)警、信息展示等場(chǎng)景。如下圖是數(shù)據(jù)資產(chǎn)大屏原型示例。

一文和你介紹數(shù)據(jù)可視化:目的、設(shè)計(jì)、流程及注意事項(xiàng)(數(shù)據(jù)可視化設(shè)計(jì)步驟)

2. 看板/儀表盤(pán)

多見(jiàn)于管理后臺(tái)、數(shù)據(jù)看板,比如公眾號(hào)管理后臺(tái)、ERP數(shù)據(jù)看板。如下圖是抖音創(chuàng)作者畫(huà)像原型示例。

一文和你介紹數(shù)據(jù)可視化:目的、設(shè)計(jì)、流程及注意事項(xiàng)(數(shù)據(jù)可視化設(shè)計(jì)步驟)

3. 報(bào)表

多見(jiàn)于專(zhuān)題分析、管理報(bào)表,主要以多維表格為準(zhǔn),會(huì)輔以簡(jiǎn)單圖形或篩選器。如下圖是網(wǎng)易有數(shù)的作品案例。

一文和你介紹數(shù)據(jù)可視化:目的、設(shè)計(jì)、流程及注意事項(xiàng)(數(shù)據(jù)可視化設(shè)計(jì)步驟)

像健身 app 記錄體重變化、運(yùn)動(dòng)記錄、金融理財(cái)產(chǎn)品展示股票價(jià)格走勢(shì),都是移動(dòng)端可視化場(chǎng)景,和 PC 的差異在要更注意在有限的顯示區(qū)域展示信息。如下圖是華為運(yùn)動(dòng)健康步數(shù)統(tǒng)計(jì)。

一文和你介紹數(shù)據(jù)可視化:目的、設(shè)計(jì)、流程及注意事項(xiàng)(數(shù)據(jù)可視化設(shè)計(jì)步驟)

移動(dòng)端

三、工具介紹

1. Excel 是 yyds 永遠(yuǎn)的神

Excel,對(duì)!就是大家熟悉的 office 套件,excel玩得好,什么圖都能出,比如這個(gè)經(jīng)典的經(jīng)濟(jì)學(xué)人【2014年世界選舉事件表】,是一組呈圓環(huán)式分布的散點(diǎn)圖,從12點(diǎn)鐘位置開(kāi)始依次標(biāo)示了1-12月份各國(guó)的主要選舉事件。

而這個(gè)圖表就可以通過(guò)excel【圓環(huán)圖 餅圖 散點(diǎn)圖】,圓環(huán)圖負(fù)責(zé)顯示月份標(biāo)簽,隱藏的餅圖負(fù)責(zé)顯示國(guó)家標(biāo)簽,散點(diǎn)圖負(fù)責(zé)顯示周的散點(diǎn)。數(shù)據(jù)標(biāo)簽呈射線(xiàn)狀和切線(xiàn)狀對(duì)齊的方式,可以采用宏理順標(biāo)簽角度的技巧。

如下圖:發(fā)表自《經(jīng)濟(jì)學(xué)人》2014年刊,名為【2014年世界選舉事件表】。

一文和你介紹數(shù)據(jù)可視化:目的、設(shè)計(jì)、流程及注意事項(xiàng)(數(shù)據(jù)可視化設(shè)計(jì)步驟)

2. 編程語(yǔ)言工具

R的ggplot2包,Python的Plotly、matplotlib、altair等。

3. 前端組件/工具

常規(guī)Echarts、AntV、D3.js、highcharts、國(guó)內(nèi)用Echarts、AntV足夠了,開(kāi)源免費(fèi)。

英文好可以用 highcharts,要注意商用付費(fèi)。追求自由度,前幾個(gè)搞不定的圖可以用D3,當(dāng)然學(xué)習(xí)成本會(huì)高些。

AntV 的文檔不錯(cuò),極力推薦,從可視化的歷史、設(shè)計(jì)理念、圖表設(shè)計(jì)指引應(yīng)有盡有。

墨者學(xué)院:https://www.yuque.com/mo-college,阿里AntV團(tuán)隊(duì)創(chuàng)建的數(shù)據(jù)可視化社區(qū)。

地圖:百度地圖開(kāi)放平臺(tái)、高德開(kāi)放地圖。

4. BI工具

主流:Tableau、PowerBI、帆軟、永洪。

如果是學(xué)習(xí),Tableau、PowerBI任選一個(gè)就行,BI工具的核心都差不多,兩個(gè)都很經(jīng)典,均可玩可研究。如果公司選型,國(guó)產(chǎn)的帆軟和永洪可以納入考慮。

其它也有很多啦,比如阿里Datav、百度圖說(shuō)、騰訊小馬BI、網(wǎng)易有數(shù)、BDP等等,可以選擇公司云服務(wù)服務(wù)商的產(chǎn)品。

四、可視化的設(shè)計(jì)流程和規(guī)范

設(shè)計(jì)流程數(shù)據(jù)可視化產(chǎn)品的流程,跟其它的產(chǎn)品設(shè)計(jì)流程相似。

一般可分為4步:需求確認(rèn)—產(chǎn)品設(shè)計(jì)—視覺(jué)設(shè)計(jì)—調(diào)整開(kāi)發(fā)及上線(xiàn)。

  1. 需求確認(rèn)首先確認(rèn)三要素,用戶(hù)、場(chǎng)景和需求,包括展示終端類(lèi)型,PC端、移動(dòng)端、大屏,比如大屏還需要確認(rèn)屏類(lèi)型、物理尺寸和視頻輸出分辨率等。
  2. 產(chǎn)品設(shè)計(jì)產(chǎn)品設(shè)計(jì)部分包括:設(shè)計(jì)尺寸、布局、模塊劃分、數(shù)據(jù)內(nèi)容、圖表選擇。這也是可視化設(shè)計(jì)效果的決定環(huán)節(jié)。
  3. 視覺(jué)設(shè)計(jì)視覺(jué)設(shè)計(jì)部分包括:風(fēng)格主題、顏色設(shè)計(jì)、視覺(jué)交互(特效、篩選、鉆取、聯(lián)動(dòng))、圖表細(xì)節(jié)調(diào)整(標(biāo)題、軸、圖形、圖例、標(biāo)簽、提示信息),一般會(huì)由專(zhuān)業(yè)的設(shè)計(jì)師來(lái)做,產(chǎn)品給出建議。
  4. 調(diào)整開(kāi)發(fā)及上線(xiàn)設(shè)計(jì)完成,到開(kāi)發(fā)階段。開(kāi)發(fā)包括前端開(kāi)發(fā)、后臺(tái)開(kāi)發(fā)、數(shù)據(jù)開(kāi)發(fā),調(diào)整包括顏色適配、數(shù)據(jù)是否滿(mǎn)足有無(wú)異常值需要處理、真實(shí)數(shù)據(jù)用預(yù)想圖形展示是否合適…….

需要注意的是:數(shù)據(jù)可視化是需要真實(shí)的數(shù)據(jù)來(lái)驗(yàn)證圖形設(shè)計(jì)是否合適的,請(qǐng)大家一定要有心理預(yù)期且留足調(diào)整時(shí)間。

我們?cè)賮?lái)聊聊圖表構(gòu)成元素。

圖表構(gòu)成元素是門(mén)學(xué)問(wèn),本文以三張圖為大家簡(jiǎn)單介紹,后續(xù)有機(jī)會(huì)我們?cè)僭敿?xì)展開(kāi)。

1. 圖形構(gòu)成

一文和你介紹數(shù)據(jù)可視化:目的、設(shè)計(jì)、流程及注意事項(xiàng)(數(shù)據(jù)可視化設(shè)計(jì)步驟)

作者:設(shè)計(jì)師@JQ design

上面是一個(gè)很全的圖表結(jié)構(gòu)元素說(shuō)明圖,一般在使用過(guò)程中,會(huì)根據(jù)場(chǎng)景去選擇刪減一些元素。

比較重要的元素有:標(biāo)題、圖例、圖形、坐標(biāo)軸、單位、標(biāo)簽。

2. 表格構(gòu)成

一文和你介紹數(shù)據(jù)可視化:目的、設(shè)計(jì)、流程及注意事項(xiàng)(數(shù)據(jù)可視化設(shè)計(jì)步驟)

作者:B端產(chǎn)品體驗(yàn)設(shè)計(jì)師@Nick

表格整體可分為:功能區(qū)和內(nèi)容區(qū),功能區(qū)即上圖的外部,會(huì)承載Tab切換、篩選、搜索、導(dǎo)入導(dǎo)出等功能。內(nèi)容區(qū)即上圖的內(nèi)部,也就是數(shù)據(jù)主體部分。

3. 圖表選擇指南

國(guó)外專(zhuān)家Andrew Abela整理的圖表類(lèi)型選擇指南。

一文和你介紹數(shù)據(jù)可視化:目的、設(shè)計(jì)、流程及注意事項(xiàng)(數(shù)據(jù)可視化設(shè)計(jì)步驟)

這是國(guó)外專(zhuān)家Andrew Abel整理的圖表類(lèi)型選擇指南,也是可視化方向一張經(jīng)典的圖。將數(shù)據(jù)關(guān)系分成了比較、分布、構(gòu)成、聯(lián)系 4 種類(lèi)型,幫助我們?nèi)ミx擇合適的圖表。

針對(duì)不同的類(lèi)型,還可以繼續(xù)向下細(xì)分選擇,這張圖大家可以仔細(xì)研究。

我寫(xiě)完了,你有什么問(wèn)題?歡迎留言交流呀!等你喲!

五、寫(xiě)在最后

數(shù)據(jù)是服務(wù)業(yè)務(wù)的,無(wú)論以什么方式展示數(shù)據(jù),最終可視化的設(shè)計(jì)也要回到用戶(hù)、場(chǎng)景、需求上,清晰、有效的達(dá)成目的。

本文由 @申墨揚(yáng) 原創(chuàng)發(fā)布于人人都是產(chǎn)品經(jīng)理。未經(jīng)許可,禁止轉(zhuǎn)載。

題圖來(lái)自Unsplash,基于CCO協(xié)議

相關(guān)新聞

聯(lián)系我們
聯(lián)系我們
公眾號(hào)
公眾號(hào)
在線(xiàn)咨詢(xún)
分享本頁(yè)
返回頂部
大丰市| 仪陇县| 浪卡子县| 伊通| 嘉义县| 台中市| 唐海县| 兰坪| 新和县| 锡林郭勒盟| 任丘市| 蓝田县| 罗甸县| 秦皇岛市| 休宁县| 利津县| 开远市| 同江市| 弥渡县| 九寨沟县| 嘉荫县| 荔波县| 长春市| 喀什市| 农安县| 平乐县| 饶河县| 潞城市| 西宁市| 垫江县| 青阳县| 巴林左旗| 曲靖市| 孟州市| 诸暨市| 三都| 搜索| 文山县| 宜春市| 乌拉特前旗| 房产|