1.3 設(shè)計(jì)

當(dāng)所有的數(shù)據(jù)都安排妥當(dāng)，就可以著手進(jìn)行可視化了。無(wú)論你做的是什么，報(bào)告、網(wǎng)上的信息圖抑或是數(shù)據(jù)藝術(shù)品，都應(yīng)當(dāng)遵循一些基本的規(guī)則。所有這些規(guī)則都是彈性的，更像是一個(gè)框架而不是生搬硬套的教條，但如果你剛剛接觸數(shù)據(jù)圖形，從這些開始應(yīng)該不會(huì)錯(cuò)。

1.3.1 解釋編碼

數(shù)據(jù)圖形的設(shè)計(jì)流程都是相似的。你先拿到數(shù)據(jù)，然后以圓形、柱形和顏色等形式對(duì)數(shù)據(jù)進(jìn)行“編碼”，最后呈現(xiàn)給讀者。因此讀者必須先對(duì)你的編碼進(jìn)行“解碼”：這些圓形、柱形和顏色分別代表什么？

William Cleveland和Robert McGill曾撰文對(duì)編碼進(jìn)行過(guò)詳細(xì)的探討。某些編碼方式要比其他編碼方式更行之有效。但如果一開始讀者不清楚你的編碼所代表的對(duì)象，那么選擇任何編碼方式都沒(méi)有效果。如果他們不能解碼，那么你對(duì)數(shù)據(jù)圖的辛苦設(shè)計(jì)就是無(wú)用功。

有時(shí)候我們會(huì)在數(shù)據(jù)藝術(shù)品或信息圖中看到這種圖形缺失上下文的情況。可能在數(shù)據(jù)藝術(shù)品中更為常見。過(guò)多的標(biāo)記或說(shuō)明文字確實(shí)可能會(huì)破壞作品的氣氛，但至少可以在旁邊給出一小段描述性的文字，提供必要的信息。這能幫助其他人理解并欣賞你的設(shè)計(jì)成果。

如果在真正的數(shù)據(jù)圖中出現(xiàn)這種情況，讀者就會(huì)感到沮喪失望，而這是我們最不愿意看到的。有時(shí)候這是因?yàn)樵O(shè)計(jì)師一直與數(shù)據(jù)打交道，他們知道每一樣?xùn)|西都代表什么意思，所以在設(shè)計(jì)時(shí)忘了面面俱到。但是讀者在看到圖表之前對(duì)它是一無(wú)所知的，他們并不熟悉設(shè)計(jì)師在分析過(guò)程中所了解到的上下文。

那么如何確保讀者能夠解碼我們的編碼呢？可以通過(guò)標(biāo)簽、說(shuō)明文字和圖解來(lái)解釋各個(gè)圖表所代表的內(nèi)容。選擇何種解釋方式取決于具體情況。比如說(shuō)，讓我們看看圖1-9中的世界地圖，它顯示了Firefox瀏覽器在各個(gè)國(guó)家的使用情況。

我們可以看到不同國(guó)家藍(lán)色有深淺之別，但這代表什么意思呢？深藍(lán)色是代表使用量大還是小？如果深藍(lán)色代表使用量大，那么大的衡量標(biāo)準(zhǔn)又是多少？如果只有這些元素，這張地圖對(duì)我們來(lái)說(shuō)幾乎沒(méi)有多少作用。但如果設(shè)計(jì)師提供了圖1-10中的說(shuō)明，事情就會(huì)清楚很多。除了對(duì)色彩進(jìn)行了說(shuō)明外，它還是一個(gè)直方圖，根據(jù)用戶數(shù)量的多少表現(xiàn)了使用情況的分布。

如果有足夠的空間，而且分類不多的話，我們也可以直接在形狀或?qū)ο笈赃吿砑訕?biāo)記，如圖1-11所示。這個(gè)圖表顯示了明星們?cè)谧罱K捧得奧斯卡最佳男主角獎(jiǎng)之前在往屆曾獲得的提名次數(shù)。

網(wǎng)上流傳有一種理論，在所有入圍者中，往年獲得提名次數(shù)最多的人通常就會(huì)贏得當(dāng)年的金像獎(jiǎng)。如圖中所標(biāo)注的，暗橙色（圖中為深色）表示該獲獎(jiǎng)?wù)叽_實(shí)是往屆提名最多的人，而亮橙色（圖中為淺色）則表示這位大獎(jiǎng)得主曾獲得的提名次數(shù)并不是所有入圍者中最多的。

如你所見，要想對(duì)圖表進(jìn)行解釋，我們可以有很多選擇。運(yùn)用它們的方法都很容易，但正是這些細(xì)節(jié)之處造就了數(shù)據(jù)圖的不同閱讀方式。

1.3.2 標(biāo)注坐標(biāo)軸

對(duì)編碼需要進(jìn)行解釋，對(duì)坐標(biāo)軸也應(yīng)當(dāng)進(jìn)行標(biāo)注。沒(méi)有標(biāo)注或解釋的坐標(biāo)軸就只是個(gè)擺設(shè)而已。標(biāo)注坐標(biāo)軸可以讓讀者知道它所描繪的尺度和內(nèi)容，否則就會(huì)猜測(cè)它代表的到底是增量、對(duì)數(shù)、指數(shù)，還是每100個(gè)抽水馬桶如何如何。就我個(gè)人來(lái)說(shuō)，每當(dāng)不清楚坐標(biāo)軸的標(biāo)記是什么時(shí)我就會(huì)假設(shè)它代表的是最后一種意思。

數(shù)年前我曾在FlowingData上舉辦過(guò)一次競(jìng)賽。我發(fā)表了如圖1-12所示的一張圖片，然后邀請(qǐng)網(wǎng)友來(lái)標(biāo)注坐標(biāo)軸，看誰(shuí)標(biāo)注的結(jié)果最有樂(lè)趣。

針對(duì)同一幅圖形我收到了大約60份不同的標(biāo)注。圖1-13中顯示了其中的一部分。

如你所見，盡管每個(gè)人看到的都是同一幅圖表，但只要改動(dòng)坐標(biāo)軸的標(biāo)記就會(huì)得到一個(gè)完全不同的故事。當(dāng)然，這只是為了好玩，但試想如果你想讓別人認(rèn)真對(duì)待你的圖表，情況又會(huì)怎樣？沒(méi)有了標(biāo)記，你的圖表就毫無(wú)意義。

1.3.3 確保幾何上的正確性

在設(shè)計(jì)數(shù)據(jù)圖時(shí)必定會(huì)用到幾何形狀。柱形圖中有矩形，它們的長(zhǎng)度代表了數(shù)值的多少。在點(diǎn)狀圖中表現(xiàn)數(shù)值的則是位置，這和標(biāo)準(zhǔn)的時(shí)序圖類似。餅圖通過(guò)角度來(lái)表現(xiàn)數(shù)值，其總和通常都等于100%（參見圖1-14）。這些都很簡(jiǎn)單，但是也很容易出錯(cuò)，所以要多加小心。如果我們不加注意就有可能弄糟，而讀者尤其是網(wǎng)友們對(duì)此是不會(huì)留情面的。

另一個(gè)常見的錯(cuò)誤是，設(shè)計(jì)師運(yùn)用二維的形狀來(lái)表現(xiàn)數(shù)值，但卻把它們當(dāng)做是一維來(lái)比較。柱形圖中的矩形雖然是二維的，但我們只會(huì)用到它的長(zhǎng)度，寬度其實(shí)并無(wú)實(shí)際意義。但如果是氣泡圖，就會(huì)用面積來(lái)表現(xiàn)數(shù)值，而新手往往只會(huì)考慮半徑或直徑，導(dǎo)致比例完全錯(cuò)誤。

圖1-15中的一對(duì)圓形根據(jù)面積大小來(lái)計(jì)算對(duì)比關(guān)系。這是正確的方法。

圖1-16中的一對(duì)圓形則是根據(jù)直徑來(lái)計(jì)算的。第二個(gè)圓的直徑是第一個(gè)的兩倍，但面積卻是它的4倍。

在處理矩形時(shí)也是一樣，例如板塊層級(jí)圖（treemap）。我們用矩形的面積來(lái)代表數(shù)值，而非僅取用它的長(zhǎng)或?qū)挕?/p>

1.3.4 提供數(shù)據(jù)來(lái)源

本來(lái)這一點(diǎn)毋庸贅言，但就是有很多人都漏了它。你的數(shù)據(jù)是從哪兒來(lái)的？我們?cè)趫?bào)刊雜志上看到的數(shù)據(jù)圖都附有數(shù)據(jù)來(lái)源，通常都以小字體印在圖表的底部。你也應(yīng)該如此做，否則讀者就沒(méi)辦法知道你的圖表有多準(zhǔn)確。

沒(méi)有數(shù)據(jù)來(lái)源，讀者也可能會(huì)懷疑圖中的數(shù)據(jù)是不是胡編亂造的。當(dāng)然我們不會(huì)這么做，但并不是所有人都會(huì)相信這一點(diǎn)。除了為圖表帶來(lái)信譽(yù)之外，數(shù)據(jù)來(lái)源還能便于讀者進(jìn)行核驗(yàn)或者分析。

提供數(shù)據(jù)來(lái)源還能為數(shù)據(jù)帶來(lái)更多的上下文背景。在某個(gè)小鎮(zhèn)上搞的民意測(cè)驗(yàn)與全美人口普查相比，得到的詮釋自然會(huì)有天壤之別。

1.3.5 考慮你的受眾

最后，多考慮數(shù)據(jù)圖本身的設(shè)計(jì)意圖和受眾群體。比如說(shuō)，演講幻燈片中的餅圖就應(yīng)該設(shè)計(jì)得盡量簡(jiǎn)單明了。如果在其中加入大量細(xì)節(jié)，恐怕就只有坐在前排的聽眾才能夠看清。但如果是供人學(xué)習(xí)研究用的印刷品，添加細(xì)節(jié)就沒(méi)太大問(wèn)題。

如果數(shù)據(jù)圖是放在商業(yè)報(bào)告里，那么就不要把它設(shè)計(jì)成驚世駭俗的藝術(shù)作品。簡(jiǎn)單、直達(dá)主題才是你追求的目標(biāo)。如果只是用于分析，那么數(shù)據(jù)圖本身就夠了，無(wú)需在美感和注釋上花費(fèi)大量時(shí)間。如果你的圖形是為了發(fā)布給大眾，那么設(shè)計(jì)就不要過(guò)于復(fù)雜，同時(shí)為任何可能產(chǎn)生疑義的概念提供解釋。