轉(zhuǎn)帖|使用教程|編輯:我只采一朵|2017-06-19 16:17:59.000|閱讀 219 次
概述:我們發(fā)現(xiàn)將數(shù)據(jù)進(jìn)行可視化的好處,可以清晰有效的傳達(dá)數(shù)據(jù)信息,以實(shí)現(xiàn)“用視覺的方式去思考”。
# 界面/圖表報(bào)表/文檔/IDE等千款熱門軟控件火熱銷售中 >>
作者:騰訊云
在上篇兩篇文章里和,簡(jiǎn)單的介紹了下可視化的基礎(chǔ)和制作流程。我們也發(fā)現(xiàn)將數(shù)據(jù)進(jìn)行可視化的好處,可以清晰有效的傳達(dá)數(shù)據(jù)信息,以實(shí)現(xiàn)“用視覺的方式去思考”。相比數(shù)據(jù)的公平,視覺的方式會(huì)帶有一定的引導(dǎo)性。
如上圖所示,我們能快速的發(fā)現(xiàn)圖形上的不同之處。NSF的圖形和圖像處理小組稱之為“可視化感知”,人眼的啟動(dòng)時(shí)間至少需要200毫秒,在啟動(dòng)時(shí)間內(nèi)能感知到區(qū)別的存在(*見附錄) 。上圖就是一種簡(jiǎn)單的預(yù)先處理感知實(shí)例,目標(biāo)對(duì)象具有視覺屬性“圓形”,“長(zhǎng)條形”干擾物對(duì)象沒有(所有非目標(biāo)對(duì)象都被認(rèn)為是干擾物)。觀察者一眼就能知道目標(biāo)對(duì)象是否存在還是不存在。
這種“可視化感知”實(shí)際上是運(yùn)用人眼低層視覺系統(tǒng)(Preattentive Processing)的引發(fā)的快速感知特征。能夠迅速的引發(fā)預(yù)設(shè)在圖形中的潛在目標(biāo)對(duì)象的注意。所以我們?cè)诳梢暬O(shè)計(jì)中可以運(yùn)用這一特點(diǎn),快速的遷移觀察者的注意點(diǎn)。
按照Anne Treisman在早期提出特征理論(Feature integration theory人類視覺注意力最有影響力的心理模型之一),我們可以繼續(xù)去尋找影響【個(gè)體特征】的視覺屬性點(diǎn)。
通過去預(yù)設(shè)目標(biāo)對(duì)象和干擾對(duì)象的顏色、大小、對(duì)比和方向的不同特征屬性。觀察者也可以快速的通過這種“特征搜索” 遷移注意點(diǎn)。
之所以很快就能找到這些注意點(diǎn),因?yàn)樗鼈兏涓蓴_項(xiàng)相比,最多只相差了一種視覺元素。比如,紅色線條和黑色線條,長(zhǎng)線條和短線條。當(dāng)只有一種視覺元素的時(shí)候,我們的視覺系統(tǒng)中的低層視覺系統(tǒng)(Preattentive Processing) 就起作用了,它可以平行處理所有在圖中出現(xiàn)的點(diǎn),然后很快找到特征點(diǎn)。我們?cè)賮砜聪路蠢?/p>
跟上面的例子相比,我們要花相對(duì)長(zhǎng)的時(shí)間找到那個(gè)注意點(diǎn)。原因很簡(jiǎn)單,因?yàn)閳D中使用了兩種視覺元素來區(qū)分特殊點(diǎn),顏色和大小,方向和對(duì)比。在這種情況下,我們的低層視覺系統(tǒng)(Preattentive Processing)就不行了,視覺系統(tǒng)需要一個(gè)一個(gè)的處理每個(gè)點(diǎn),識(shí)別兩種元素,做仔細(xì)的區(qū)分。
理論說了這么多,那在我們做可視化圖表的時(shí)候有什么作用呢?在可視化中,我們希望想讓用戶注意到重要的數(shù)據(jù),可以用單一特征去引導(dǎo)用戶的注意點(diǎn)。
上圖圖表,展示一個(gè)國(guó)內(nèi)云廠商的用戶占比情況之類的數(shù)據(jù),大致如上。那作為本廠的產(chǎn)品騰訊云,我們希望觀察者關(guān)注到騰訊云的數(shù)據(jù),占比【50%】。但是上圖的使用了多個(gè)視覺元素,沒用突出目標(biāo)項(xiàng),這樣就很難引導(dǎo)觀察者的注意點(diǎn)。
修改上圖圖表,減少視覺元素的使用,我們?cè)賮砜匆粋€(gè)圖。
從這個(gè)圖表來看,只使用一個(gè)目標(biāo)項(xiàng)和一個(gè)干擾項(xiàng)作為視覺元素的差異,我們就可以去引導(dǎo)觀察者的注意點(diǎn)。引導(dǎo)到我們想要重點(diǎn)說明的數(shù)據(jù)上面去。
但是對(duì)于數(shù)據(jù)可視化來說,引導(dǎo)注意點(diǎn),其目的是為了讓觀察者快速的去了解數(shù)據(jù),而非刻意誘導(dǎo),造成觀察者的誤解。
我們來看一個(gè)例子,上圖是一個(gè)銷售財(cái)年的報(bào)表,2015年銷售額100萬,2016年到達(dá)200萬,從上圖圖表展示出來給觀察者的信息就是,2016年比2015年銷售額增長(zhǎng)了1倍的樣子。
但是我們把所有數(shù)據(jù)拉出來看,卻發(fā)現(xiàn)出完全不同的事實(shí),2013年銷售額400萬,2014年300萬,2015年100萬。2016年雖然比2015年增長(zhǎng)了,但是和前幾年相比有著明顯的下滑,這就是一種圖表展示的錯(cuò)誤誘導(dǎo)的方式。
這種在Y軸上誘導(dǎo)的方式很常見,經(jīng)常【某額寶】上展示近幾日收益的時(shí)候,通過圖表好像3月15號(hào)的時(shí)候收益非常高,但是仔細(xì)去看Y軸上的數(shù)值,會(huì)發(fā)現(xiàn)其實(shí)3月15號(hào)比3月10號(hào)的收益增長(zhǎng)只有0.6%的,但是感觀上給觀察者非常夸張的展示。
而按照坐標(biāo)軸為0%來展示的情況,實(shí)際只是一個(gè)非常穩(wěn)定的狀態(tài)。
數(shù)據(jù)可視化的真正價(jià)值在于,讓觀察者輕松的理解數(shù)據(jù)的價(jià)值。“可視化感知”低層視覺系統(tǒng)(Preattentive Processing)是讓觀察者快速的找到重點(diǎn)數(shù)據(jù)所在,而非孤立數(shù)據(jù)導(dǎo)致傳遞給觀察者錯(cuò)誤的理解。
附錄:
我們將圖形的展示時(shí)間設(shè)置為200毫秒,只設(shè)置一個(gè)視覺元素(形狀) 。“圓形”作為目標(biāo)對(duì)象,“長(zhǎng)條形”作為干擾對(duì)象。測(cè)試觀察“可視化感知”的低層視覺系統(tǒng)(Preattentive Processing)的實(shí)際作用。
除了上述列舉的【形狀】、【顏色】、【大小】、【對(duì)比】、【方向】。還列舉出一下視覺元素的對(duì)比【密度】、【閉環(huán)】、【曲率】、【整體方向】、【投影方向】和【投影深度】。
本站文章除注明轉(zhuǎn)載外,均為本站原創(chuàng)或翻譯。歡迎任何形式的轉(zhuǎn)載,但請(qǐng)務(wù)必注明出處、不得修改原文相關(guān)鏈接,如果存在內(nèi)容上的異議請(qǐng)郵件反饋至chenjj@ke049m.cn