李茂寧，玄穎雙

（1.廣州大學(xué)，廣州 510006；2.廣州番禺職業(yè)技術(shù)學(xué)院，廣州 511483）

數(shù)據(jù)可視化用圖形來映射數(shù)據(jù)，揭示事物之間的內(nèi)在關(guān)系，廣泛應(yīng)用于信息呈現(xiàn)和界面設(shè)計(jì)。數(shù)據(jù)可視化常使用條形圖和圓環(huán)圖來中介數(shù)據(jù)的比值關(guān)系，應(yīng)用于終端界面的設(shè)計(jì)。先前的大量研究基于靜態(tài)環(huán)境，在動(dòng)態(tài)、交互環(huán)境下，2 種形態(tài)的圖形映射效率并未明確。為了探明在時(shí)空受限的條件下兩者的映射優(yōu)勢(shì)，研究設(shè)計(jì)了條形圖和圓環(huán)圖比值判斷實(shí)驗(yàn)，用E-prime 來收集數(shù)據(jù)，使用SPSS 進(jìn)行數(shù)據(jù)的統(tǒng)計(jì)，分析和比較2 種形態(tài)映射的差異，探索的結(jié)論將有助應(yīng)用于動(dòng)態(tài)交互場(chǎng)景，或有助于數(shù)據(jù)可視化設(shè)計(jì)時(shí)減少因數(shù)據(jù)堆集而導(dǎo)致的信息過載。

1 數(shù)據(jù)可視化機(jī)制和圖形感知

映射是一個(gè)從數(shù)理理論借用而來的術(shù)語，表示兩組事物要素之間的關(guān)系[1]。唐納德·A·諾曼認(rèn)為設(shè)計(jì)中的映射應(yīng)該符合人的自然認(rèn)知和直接經(jīng)驗(yàn)，反饋具有快速準(zhǔn)確的特點(diǎn)，這樣形成的一個(gè)交互過程才具有良好的體驗(yàn)，他的觀點(diǎn)在界面設(shè)計(jì)和交互體驗(yàn)中起到了重要的作用。數(shù)據(jù)可視化即是利用圖形的形狀、色相、亮度、紋理或多個(gè)特征聯(lián)合的差異來表示抽象的數(shù)據(jù)。

數(shù)據(jù)可視化基于圖形感知的研究多集中在形狀方面，其中諸多方形與圓形的感知規(guī)律對(duì)數(shù)據(jù)可視化有直接的指導(dǎo)意義。圓形具有示能、意指作用[2-3]，圓環(huán)具有較小的面積，在圓形界面中具有組織視覺秩序的優(yōu)勢(shì)。拋開視覺審美的因素，不同形態(tài)的圖形在映射數(shù)據(jù)時(shí)，效率有較大的差異。先前的研究表明被測(cè)試對(duì)象在比較不同圖形映射數(shù)據(jù)一致性時(shí)，圓環(huán)和實(shí)心圓的正確率最高（正確率64.5%），比實(shí)心圓和正方形（正確率43.5%）或?qū)嵭膱A和三角形（正確率38.5%）明顯更好[4]，換句話說，在數(shù)據(jù)可視化呈現(xiàn)時(shí)，實(shí)心圓、三角形和正方形之間映射的準(zhǔn)確性有較大差異，圓環(huán)和實(shí)心圓的差異不大。

雖然圓環(huán)和實(shí)心圓在映射數(shù)據(jù)時(shí)差異不大，但是圓環(huán)圖能更好地呈現(xiàn)多維群集數(shù)據(jù)。Arcs 等人測(cè)試了實(shí)心圓和圓環(huán)視覺編碼，認(rèn)為圓環(huán)和實(shí)心圓主要依賴于弧長和面積編碼，在判斷占比時(shí)圓環(huán)和實(shí)心圓具有同等的優(yōu)勢(shì)。[5]圓環(huán)圖可視化利用多個(gè)同心圓環(huán)的組合，用色彩特征映射數(shù)據(jù)，可用于反映水文地質(zhì)和環(huán)境的規(guī)律[6]；環(huán)形圖可用于識(shí)別多種疾病診斷率的時(shí)空趨勢(shì)，分析疾病與性別、種族和社會(huì)因素的關(guān)聯(lián)[7]，以及用于多元流行病學(xué)數(shù)據(jù)的空間可視化[8]。在使用環(huán)形圖映射的眾多案例中，數(shù)據(jù)大多呈現(xiàn)集群和多維度特征，由于圓環(huán)比圓形占有更少的面積和更易于組合，而且圓環(huán)的這一特征更容易闡釋數(shù)據(jù)間的抽象關(guān)系。

基于形狀差異映射的研究還表明，條形圖和圓環(huán)圖在數(shù)據(jù)映射的效率上各有優(yōu)劣。Heer 等[9]的實(shí)驗(yàn)表明，比較正方形的大小不如比較具有不同長寬比的矩形準(zhǔn)確。Hollands 等[10]發(fā)現(xiàn)，隨著條形圖中組件數(shù)量的增加，它們?cè)趥鬟_(dá)比例上的有效性也會(huì)降低。Frederick 在研究個(gè)體與總體比例關(guān)系的映射時(shí)，發(fā)現(xiàn)在50%、25%百分比時(shí)，圓形圖的判斷比條形圖準(zhǔn)確，在12%、33%百分比時(shí)條形圖的判斷比圓形圖準(zhǔn)確；在40%百分比時(shí)，圓形圖的判斷與條形圖的判斷沒有顯著差異[11]，造成這種差異與被分割的圖形特征有關(guān)，與前注意加工（Preattentive）[12]有關(guān)。Frederick E.C 后續(xù)研究中關(guān)于個(gè)體間關(guān)系的映射時(shí)，發(fā)現(xiàn)基于條形圖的估計(jì)比基于正方形，圓形或立方體的估計(jì)更加準(zhǔn)確[13]。有些研究認(rèn)為條形圖的修飾會(huì)嚴(yán)重影響圖表內(nèi)數(shù)據(jù)的傳遞程度[14]，但還有些研究認(rèn)為在認(rèn)知負(fù)荷較低，認(rèn)知適應(yīng)后，可視化圖形中的標(biāo)簽可以提高信息提取的速度和準(zhǔn)確性[15]。條形圖利用AR 技術(shù)，可在室外環(huán)境中以沉浸式傳遞地理空間的數(shù)據(jù)[16]，條形圖也可以通過轉(zhuǎn)換而生成其他原型圖[17]。

雖然上述的研究側(cè)重和上下文不盡相同，但都是基于靜態(tài)環(huán)境，對(duì)比較的時(shí)間也并沒有明確的限定。在某些特定的條件下，數(shù)據(jù)反饋的速度比數(shù)據(jù)反饋的精度更重要，例如行駛中汽車的儀表盤，或者大量群集的數(shù)據(jù)陣列，需要對(duì)映射的比值做快速的判斷，同時(shí)與動(dòng)態(tài)環(huán)境做交互處理。在控制時(shí)間的條件下，條形圖和圓環(huán)圖映射的差異性可能會(huì)加劇。先前的數(shù)據(jù)可視化研究主要關(guān)注靜態(tài)環(huán)境下的數(shù)據(jù)映射的準(zhǔn)確性，而排除了時(shí)間和空間的限制。而在某些動(dòng)態(tài)場(chǎng)景中數(shù)據(jù)可視化的觀察受到時(shí)間、終端物理界面、或數(shù)據(jù)量群集等因素的限制，速度非常重要，而數(shù)據(jù)映射的精度則相對(duì)次要。

具體到時(shí)空環(huán)境中，Blascheck 等[18]做了條形圖、圓環(huán)圖和徑向條形圖在智能手表中數(shù)據(jù)比較的實(shí)證研究，結(jié)果表明，在需要快速比較數(shù)據(jù)的情況下，條形圖和圓環(huán)圖比徑向條形圖更具有優(yōu)勢(shì)。先前研究的成果對(duì)數(shù)據(jù)可視化的比較關(guān)系設(shè)計(jì)具有重要的指導(dǎo)意義，但是目前沒有明確的研究證明，在控制時(shí)間的條件下數(shù)據(jù)占總體比值關(guān)系時(shí)，條形圖與圓環(huán)圖的差異和優(yōu)勢(shì)。

比較此情境下的條形圖與圓環(huán)圖映射的效率和優(yōu)勢(shì)，探索其判斷感知的依據(jù)，是對(duì)界面設(shè)計(jì)的有益補(bǔ)充，或有助于減少因數(shù)據(jù)堆集而產(chǎn)生的信息過載。為了探索這一問題，研究設(shè)計(jì)了映射判斷實(shí)驗(yàn)，比較二者的判斷速度和準(zhǔn)確性。

2 實(shí)驗(yàn)設(shè)計(jì)

研究的目標(biāo)是探索在速度優(yōu)先，精度次之的場(chǎng)景下，條形圖與圓環(huán)圖的映射效率。因此研究假設(shè)在此條件下，條形圖的映射比圓環(huán)圖更為快速而準(zhǔn)確。為了驗(yàn)證這一假設(shè)，本文使用數(shù)字化行為實(shí)驗(yàn)的方法收集數(shù)據(jù)，通過比較反應(yīng)時(shí)間來判斷速度，通過比較錯(cuò)誤的頻率來判斷準(zhǔn)確性，結(jié)合兩者數(shù)據(jù)來分析映射的效率。

2.1 刺激物

實(shí)驗(yàn)的刺激物是條形圖和圓環(huán)圖。為了得到相對(duì)客觀的數(shù)據(jù)，規(guī)避可能的其他干擾因素，對(duì)條形圖和圓環(huán)圖的基本形態(tài)做了一些考慮和限定。構(gòu)成條形圖的線可能存在多種方向，由于線的傾斜會(huì)產(chǎn)生方向錯(cuò)誤感，而感知速度會(huì)隨著線的角度而變化[19]，所以實(shí)驗(yàn)設(shè)計(jì)的條形圖使用常用的水平狀直線，映射的取值也按照由左到右的閱讀習(xí)慣，以灰度差異來判斷數(shù)值，從而規(guī)避因閱讀方向會(huì)導(dǎo)致空間偏差[20]。

圓環(huán)圖不封閉，開口在右下角，構(gòu)成圓環(huán)圖的線占整個(gè)圓環(huán)的75%。閱讀的方向由上至下。由于感知判斷基于圓環(huán)圖的線的面積和條形圖線的面積一致性，2 根線的2 個(gè)端點(diǎn)間的粗細(xì)沒有變化，但是面積相同的2 根線的粗細(xì)有差異。2 根線都不含任何裝飾和刻度。

2.2 參與者

實(shí)驗(yàn)被測(cè)對(duì)象來自廣州的高校，一共51 名。他們的年齡在18～24 歲之間，平均年齡是20.3 歲（SD為175 cm），其中男性27 人，女性24 人，裸眼視力或矯正視力正常，無色盲色弱，全部是右利手。

2.3 實(shí)驗(yàn)裝置

映射判斷的實(shí)驗(yàn)用計(jì)算機(jī)化實(shí)驗(yàn)生成系統(tǒng)E-prime 2.0 編制。條形圖和圓環(huán)圖隨機(jī)出現(xiàn)在屏幕中央，被測(cè)對(duì)象通過按鍵反應(yīng)來判斷映射的數(shù)值，計(jì)算機(jī)記錄反應(yīng)的時(shí)間和判斷的數(shù)值，從而獲得映射判斷的速度和判斷的錯(cuò)誤率。刺激呈現(xiàn)在68.5 cm 彩色Led 顯示器上（屏幕分辨率是1920 PX ×1200 PX）。條形圖線長度有3 個(gè)取值，分別是143PX、287PX（20視角）和430PX，圓環(huán)圖的半徑取值分別是23PX、61PX 和68PX。由于實(shí)驗(yàn)對(duì)判斷時(shí)間的限制，并未強(qiáng)調(diào)映射取值的精度，條形圖和圓環(huán)圖的映射取值分別設(shè)置為占總體的1、1/2 和1/3。

2.4 實(shí)驗(yàn)程序

為了控制時(shí)間條件，被測(cè)對(duì)象被告知如果超過2秒沒有反應(yīng)被視為錯(cuò)誤判斷，在確保判斷正確的前提下，快速按鍵反應(yīng)。正式實(shí)驗(yàn)前需要進(jìn)行練習(xí)，如果正確率高于95%且平均反應(yīng)時(shí)低于1 000 ms 才可以正式開始實(shí)驗(yàn)。單次實(shí)驗(yàn)流程見圖1。

圖1 單次實(shí)驗(yàn)流程Fig.1 Single experiment flow

實(shí)驗(yàn)開始時(shí)首先會(huì)在屏幕中央呈現(xiàn)一個(gè)十字形的灰色注視點(diǎn)，實(shí)驗(yàn)過程中空屏間隔的屏幕中央都有注視點(diǎn)。實(shí)驗(yàn)過程中，被測(cè)對(duì)象手指放在“1”“2”“3”鍵位置，使用這些鍵映射數(shù)值并快速按鍵判斷，記錄正確率與反應(yīng)時(shí)。被測(cè)對(duì)象按鍵反應(yīng)后畫面隨即消失，判斷任務(wù)結(jié)束（如被測(cè)對(duì)象2s 內(nèi)未作出反應(yīng)，視為一次錯(cuò)誤反應(yīng)），隨機(jī)間隔500 ms～800 ms 后再次開始。單次畫面判斷完成后，刺激消失，屏幕中央出現(xiàn)提示，繼續(xù)進(jìn)入下一畫面。

正式實(shí)驗(yàn)包括36 次測(cè)試，每18 次測(cè)試完畢被測(cè)對(duì)象休息片刻，之后按確認(rèn)鍵繼續(xù)操作。

3 實(shí)驗(yàn)結(jié)果

在這個(gè)實(shí)驗(yàn)中共采集到1 836 條數(shù)據(jù)。采集到的反應(yīng)時(shí)數(shù)據(jù)做了篩選處理，將被測(cè)對(duì)象的反應(yīng)時(shí)數(shù)據(jù)以Z值區(qū)間（–2.0,+2.0）為標(biāo)準(zhǔn)去除離群值，保留了1776 條數(shù)據(jù)。采集的數(shù)據(jù)使用SPSS 25 軟件進(jìn)行統(tǒng)計(jì)分析。

球形度檢驗(yàn)P=0.000<0.05，不符合球形性，采用多變量檢驗(yàn)結(jié)果，見表1。多變量檢驗(yàn)2 種形狀的映射（Form）F=218.385，P=0.000<0.05，表明2 種形狀的映射判斷有差異，見表2。

表1 莫奇來球形度檢驗(yàn)Tab.1 W sphericity test

表2 多變量檢驗(yàn)Tab.2 Multivariate test

成對(duì)比較數(shù)據(jù)表明，在3 種大小取值和3 種映射取值下，條形圖的映射判斷速度與圓環(huán)狀的映射判斷速度均有顯著差異（P<0.05），見表3。

表3 成對(duì)比較Tab.3 Pairwise comparison

續(xù)表3

反應(yīng)時(shí)間平均值見圖2，條形圖在映射取值為1時(shí)，平均值為573 ms；在映射取值為1/2 時(shí)，平均值為657 ms；在映射取值為1/3 時(shí)，平均值為744 ms；圓環(huán)圖在映射取值為1 時(shí)，平均值為614 ms；在映射取值為1/2 時(shí)，平均值為689 ms；在映射取值為1/3時(shí)，平均值為 752 ms；橫線狀映射判斷平均值為658 ms，圓環(huán)狀映射判斷平均值為685 ms。條形圖的3 個(gè)尺寸的均值在不同映射取值時(shí)的反應(yīng)時(shí)均低于圓環(huán)圖的反應(yīng)時(shí)。

圖2 反應(yīng)時(shí)間平均值Fig.2 Average reaction time

條形圖和圓環(huán)圖映射判斷錯(cuò)誤數(shù)據(jù)見表4，圓環(huán)圖映射判斷錯(cuò)誤率是4.03%，條形圖的映射判斷錯(cuò)誤率是2.51%。數(shù)據(jù)表明相同條件下，條形圖在判斷映射數(shù)值時(shí)更準(zhǔn)確。

表4 映射判斷錯(cuò)誤率Tab.4 Mapping judgment error rate

4 分析與討論

實(shí)驗(yàn)結(jié)果表明，條形圖的映射判斷無論是速度還是準(zhǔn)確性都比圓環(huán)圖要高，綜合這2 個(gè)方面，條形圖在此條件下具有更高的效率和優(yōu)勢(shì)。

條形圖和圓環(huán)圖都具有簡潔的知覺特征，掌握二者的映射效率，不僅有助于速度優(yōu)先的場(chǎng)景下提高交互的效率，而且在呈現(xiàn)大量的數(shù)據(jù)時(shí)，有助于提升界面視覺組織的秩序，減少信息加工負(fù)荷。過濾器模型和注意衰減模型表明大腦處理信息的能力有限，為了避免信息過載，大腦選擇部分信息進(jìn)入高級(jí)分析階段，雖然人們有選擇性注意的能力，但是由于認(rèn)知的中樞瓶頸（bottleneck）效應(yīng)而導(dǎo)致數(shù)據(jù)判斷的失誤。所以，在這種場(chǎng)景下映射判斷的速度比映射取值的精度更重要，當(dāng)注意力在多個(gè)注視點(diǎn)間轉(zhuǎn)換時(shí)，某一焦點(diǎn)的信息過載會(huì)增加認(rèn)知的負(fù)荷，從而導(dǎo)致專注于另一注視點(diǎn)注意力下降。因此從知覺的維度來看，數(shù)據(jù)可視化時(shí)，映射的速度越快，對(duì)其他場(chǎng)景的影響越小。

兩者比較判斷，在映射取值為1 時(shí)，條形圖和圓環(huán)圖的反應(yīng)時(shí)差距最大；在映射取值為1/2 時(shí)次之；在映射取值為1/3 時(shí)差距最小。從目前僅有的3 個(gè)映射取值來看，映射取值與兩者反應(yīng)時(shí)差距是一種正相關(guān)關(guān)系。但是Frederick E.C 在比較圓形圖和條形圖的占比關(guān)系時(shí)，發(fā)現(xiàn)判斷的準(zhǔn)確性受到映射取值的影響，而這種影響是離散型的，比如取值為1/2、1/4時(shí)，圓形圖的判斷比條形圖準(zhǔn)確，取值為3/25、1/3時(shí)，條形圖的判斷比圓形圖準(zhǔn)確。由于實(shí)驗(yàn)設(shè)計(jì)時(shí)未將映射取值的精度作為第一條件，映射取值只設(shè)置了3 個(gè)最簡單的值，其結(jié)果表明了差距連續(xù)減少的趨勢(shì)，如果增加映射取值的精度，是否仍然保持此趨勢(shì)有待進(jìn)一步的驗(yàn)證。

條形圖的3 個(gè)尺寸的均值在映射1，1/2，1/3 時(shí)的反應(yīng)時(shí)均低于圓環(huán)圖的反應(yīng)時(shí)，并在映射取值趨于精細(xì)時(shí)這種差距逐漸減少，無論是條形圖還是圓環(huán)圖，判斷所需要的時(shí)間都隨著取值的精細(xì)化而越來越長，兩者之間的反應(yīng)時(shí)間差距趨向于0。這也符合人們的主觀猜測(cè)，同時(shí)也說明在速度優(yōu)先，精度次之的場(chǎng)景下，兩者的比較才有現(xiàn)實(shí)意義。

實(shí)驗(yàn)中設(shè)定的條形圖是水平狀的，雖然重力不會(huì)影響視線平分任務(wù)[21]，但是重力對(duì)垂直狀的條形圖的映射判斷是否產(chǎn)生疊加效應(yīng)并未明確。

實(shí)驗(yàn)中設(shè)定的圓環(huán)圖不封閉，開口在右下角，構(gòu)成圓環(huán)圖的線占整個(gè)圓環(huán)的75%。實(shí)驗(yàn)中的映射判斷基于刺激中黑色部分和灰色部分亮度上的差異，由于一階特征的圖形會(huì)產(chǎn)生前注意效應(yīng)[12]，為了消除影響，條形圖和圓環(huán)圖需要保持一致的面積。所以實(shí)驗(yàn)設(shè)計(jì)圓環(huán)圖的線占整個(gè)圓環(huán)的75%，并縮小了圓環(huán)的半徑，以保持一致的面積。Frederick 發(fā)現(xiàn)在判斷圓形圖占比關(guān)系時(shí)，部分判斷來自扇形的面積，部分判斷來自扇形的角度。雖然在視覺搜索任務(wù)中，閉合形狀的搜索比開放形狀的搜索更快[22]，但是由于圓環(huán)不能形成實(shí)質(zhì)的角度分割，判斷的依據(jù)還是面積的特征，所以條形圖更具有競(jìng)爭(zhēng)優(yōu)勢(shì)。

由于實(shí)驗(yàn)被測(cè)對(duì)象的數(shù)量相對(duì)較少，雖然在實(shí)驗(yàn)過程中嚴(yán)格遵循實(shí)驗(yàn)的程序和方法，并嚴(yán)格控制被測(cè)對(duì)象的視角和實(shí)驗(yàn)狀態(tài)，但實(shí)驗(yàn)結(jié)果仍然會(huì)具有一定程度的泛化，要獲得更為客觀的數(shù)據(jù)，最好的解決方法還是增加被測(cè)對(duì)象的數(shù)量。

5 結(jié)語

上述實(shí)驗(yàn)數(shù)據(jù)反映了條形圖和圓環(huán)圖在3 種尺寸下和3 種取值下的判斷時(shí)間均值和2 種圖形判斷的錯(cuò)誤率，無論是何種尺寸，條形圖的映射判斷速度始終比圓環(huán)圖的要快。判斷的錯(cuò)誤率數(shù)據(jù)也表明，條形圖的映射判斷比圓環(huán)圖映射判斷更加準(zhǔn)確，更不容易出錯(cuò)。實(shí)驗(yàn)證明了人們的假設(shè)，在時(shí)間優(yōu)先，精度次之的場(chǎng)景下，條形圖的映射比圓環(huán)圖的更為快速而準(zhǔn)確，條形圖在占比的映射判斷中，具有更好的優(yōu)勢(shì)。

綜上所述，在占比的數(shù)據(jù)映射中，條形圖的映射判斷速度和準(zhǔn)確性比圓環(huán)圖更具有優(yōu)勢(shì)，更適合應(yīng)用于時(shí)空受限制的場(chǎng)景，有助于數(shù)據(jù)可視化設(shè)計(jì)時(shí)減少因數(shù)據(jù)堆集而導(dǎo)致的信息過載。