李茂寧，玄穎雙

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

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

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

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

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

雖然圓環(huán)和實心圓在映射數(shù)據(jù)時差異不大，但是圓環(huán)圖能更好地呈現(xiàn)多維群集數(shù)據(jù)。Arcs 等人測試了實心圓和圓環(huán)視覺編碼，認(rèn)為圓環(huán)和實心圓主要依賴于弧長和面積編碼，在判斷占比時圓環(huán)和實心圓具有同等的優(yōu)勢。[5]圓環(huán)圖可視化利用多個同心圓環(huán)的組合，用色彩特征映射數(shù)據(jù)，可用于反映水文地質(zhì)和環(huán)境的規(guī)律[6]；環(huán)形圖可用于識別多種疾病診斷率的時空趨勢，分析疾病與性別、種族和社會因素的關(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]的實驗表明，比較正方形的大小不如比較具有不同長寬比的矩形準(zhǔn)確。Hollands 等[10]發(fā)現(xiàn)，隨著條形圖中組件數(shù)量的增加，它們在傳達(dá)比例上的有效性也會降低。Frederick 在研究個體與總體比例關(guān)系的映射時，發(fā)現(xiàn)在50%、25%百分比時，圓形圖的判斷比條形圖準(zhǔn)確，在12%、33%百分比時條形圖的判斷比圓形圖準(zhǔn)確；在40%百分比時，圓形圖的判斷與條形圖的判斷沒有顯著差異[11]，造成這種差異與被分割的圖形特征有關(guān)，與前注意加工（Preattentive）[12]有關(guān)。Frederick E.C 后續(xù)研究中關(guān)于個體間關(guān)系的映射時，發(fā)現(xiàn)基于條形圖的估計比基于正方形，圓形或立方體的估計更加準(zhǔn)確[13]。有些研究認(rèn)為條形圖的修飾會嚴(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)境，對比較的時間也并沒有明確的限定。在某些特定的條件下，數(shù)據(jù)反饋的速度比數(shù)據(jù)反饋的精度更重要，例如行駛中汽車的儀表盤，或者大量群集的數(shù)據(jù)陣列，需要對映射的比值做快速的判斷，同時與動態(tài)環(huán)境做交互處理。在控制時間的條件下，條形圖和圓環(huán)圖映射的差異性可能會加劇。先前的數(shù)據(jù)可視化研究主要關(guān)注靜態(tài)環(huán)境下的數(shù)據(jù)映射的準(zhǔn)確性，而排除了時間和空間的限制。而在某些動態(tài)場景中數(shù)據(jù)可視化的觀察受到時間、終端物理界面、或數(shù)據(jù)量群集等因素的限制，速度非常重要，而數(shù)據(jù)映射的精度則相對次要。

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

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

2 實驗設(shè)計

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

2.1 刺激物

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

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

2.2 參與者

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

2.3 實驗裝置

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

2.4 實驗程序

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

圖1 單次實驗流程Fig.1 Single experiment flow

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

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

3 實驗結(jié)果

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

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

表1 莫奇來球形度檢驗Tab.1 W sphericity test

表2 多變量檢驗Tab.2 Multivariate test

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

表3 成對比較Tab.3 Pairwise comparison

續(xù)表3

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

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

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

表4 映射判斷錯誤率Tab.4 Mapping judgment error rate

4 分析與討論

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

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

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

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

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

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

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

5 結(jié)語

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

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