〈擬訂資料視覺化的體例指南〉
資料視覺化的體例指南之於圖表,有如《芝加哥體例手冊》之於英文文法。它是界定圖表的要項,以及適切、一致的用法。就像寫作的體例指南,資料視覺化的完備體例指南在分析圖表、圖表和表格,針對設計圖表和制定體例展現最佳的做法與策略。在研判圖表是否清楚、有吸引力與一致性與否時,考量的元素皆要經過選擇,像是字型、顏色、線寬、體例網格線,以及刻度標記的用法。
文法指南和資料視覺化指南的差別在於,資料的體例很多都是主觀的決定。單字their在客觀上與they’re不同,在特定情況下有正確或不正確的準則,但圖表的線粗沒有客觀上的正確或不正確。不過,它是有特定的原則要考量,我們到目前為止談論了很多。但大致來說,你所選擇的體例會反映你和組織的偏好。
資料視覺化指南的元素
在組織裡,資料視覺化指南是在達成三個目的。
視覺化指南為團隊成員提供詳細的體例和預期,對於視覺化該與不該納入什麼,標題該擺在哪?字級大小?什麼字型?什麼顏色?
引導那些不見得熟悉(或在意)組織注重的體例和品牌風格指引的人。有別於要研究人員和分析人員彙整資料、繪製圖表,擔心該選擇什麼顏色和字型,體例指南會使這些決定較為容易。將這些體例建入軟體工具得以精進流程,並使圖表體例的應用自動化。
最後,體例指南為組織裡的人定下的調性和預期在於,資料視覺化的體例、外觀和細節就跟其他的品牌素材一樣重要。
即使是個人在處理資料,體例指南也值得一試。自訂體例指南會使成果較為一致和有效率,建立個人品牌進而使成果更為突出。好的體例指南為你決定好基本的體例,使你在繪製資料視覺化時能聚焦較重要的面向。
體例指南要邊建立邊測試要項,以確保你和團隊成員能加以運用和落實。圖表的體例或許會與其他的品牌素材不同,標誌裡的顏色看起來或許很棒,在折線圖或長條圖裡卻不見得管用。另外要記得將資料視覺化的體例指南當成活的文件,一如內文或設計的體例指南。指南應該要隨著個人或組織的審美變化改變,並跟著發表類型與軟體工具的變化演進。
來考量這些出自《經濟學人》和《金融時報》的馬里梅科圖,兩份刊物都有相異的外觀與格調,連不是常態閱聽者或許都辨別得出體例。這樣的品牌性是組織識別的重要面向。
詳細的體例指南包含很多部分,本章會詳細談論,但以下是資料視覺化的體例指南應該涵蓋的基本項目。
1. 圖表剖析。標示、標題和其他的元素該擺在哪?圖表的適合大小為何,而這樣的大小在不同類型的輸出該不該調整?
2. 顏色層次。跨圖表和資料類型該用什麼顏色?跨圖表類型的顏色層次要不要變動?它要不要隨著印刷和數位產品變動?
3. 字型。該用的字型是什麼,以及它的大小、粗細和位置該怎麼變動?該不該有一種字型體例針對標題,另一種針對圖表體幹中的內文?
4. 圖表類型。對特定的圖表是不是要有特殊的考量?例如圓餅圖是不是要在所有的處境下都禁用?折線圖裡的串列有沒有最大的容許數目?
5. 轉出圖像。團隊成員該怎麼把圖表從軟體工具移到最終的報告或網站?他們該用PNG、JPEG,還是其他圖像格式?假如不在本身的軟體工具之列,大家該如何製作這些圖像格式?
6. 障礙、多元與兼容。你和組織需要採取什麼步驟,好讓圖表對視力受損、智力或其他失能者使用上無障礙?你們有沒有留心對於不同的種族、性別等不同團體結果呈現的影響?
圖表剖析
設定圖表的體例,首先該界定圖表各個部分。為了表示這在實務上可以怎麼做,我們運用的基本樣板來自華府非營利研究機構都市研究發表的體例指南。
1.整體維度
指明圖表的整體大小。這或許會因不同的產品類型有所不同,例如線上圖表常是以像素度量,印刷文件的圖表一般是以英寸或公分度量。維度或許要取決組織所用的工具和工作流程。在都市研究所的指南裡,印刷圖形的橫向維度是在頂端(6.5英寸)指明,以符合於8.5 × 11英寸的頁面。
2.圖樣編號
圖樣和表格可以標上編號、字母或保持原樣。你可以把它擺在圖表標題的上方,以不同的字型大小和顏色置中或靠左對齊。你也可以讓它跟圖表標題並列,像是「圖樣1。圖表標題」。你在圖像中可以看到,都市的體例是將圖樣編號放在圖表標題的上方,以標準的藍色全字母大寫。注裡則納入了字型(Lato Regular)、字級(9 pt)、大寫(Uppercase)和顏色(RGB: 22 150 210)等細節。
3.標題
標題要對齊圖表的左側,還是在標繪圖的空間裡置中?把標題(和其他的內文物件)往左對齊會有的優點是,沿左緣形成的垂直網格會使它儼然較有組織,因此閱讀起來較為容易。你也應該為標題的調性列出基本的體例。它是要純然敘述,還是要較為主動地摘要圖表重點?你要用句首大寫,還是標首大寫?都市的體例是用標首大寫,如樣本標題詳述。還要留意所用的標題如何引領使用者──標首要大寫,盡可能簡短,而且不要超過兩行。
4.副標
假如會有副標,它要怎麼用在圖表中?是要插入較主動陳述的地方,還是在圖表中列舉單位的地方?副標是來納入縱軸標題的好地方,因為靠左對齊時,它會位在靠近軸線的頂端。要將它跟標題隔開,你能將它放在括號裡,將字級縮小,甚或是改變顏色。在都市的例子中,副標是寫成句首大寫、字級較小及黑色。
5.軸線標題
縱軸與橫軸的標題要寫在哪?在很多軟體工具裡,縱軸的標題會轉成緊貼縱軸擺放。比較好的位置是方位打橫,並置放在縱軸上方,跟標題與副標對齊(或如前述,它能當成副標)。對於縱軸的標題,你或許需要決定要坐落在軸線標示的下方多遠。有的情況是單位顯而易見,諸如月份或年份,橫軸的標題就可以省略。用較小的內文或不同的顏色,就能把軸線標題區隔開來。你還應該決定,像是「dollar」(美元)或「percent」(百分比)的單位要不要拼出來及大寫,還是要使用符號。都市的體例是把縱(y)軸的標題擺在軸線上方,並把單位置於括號裡;橫軸的標示坐落在軸線下方,以8.5點的Lato Italic字型橫向置中。
6.軸線標示
這該怎麼訂出格式?粗體、斜體、不同的字型大小?縱軸的標示(相異於標題)一般坐落在圖表的左邊,雖然也可以加到右端,假如圖表非常寬的話。在橫軸的標示上,特定的單位要不要有特定的格式?例如年份是沿軸線使用時,像是2000、'01、'02⋯⋯的串列可不可接受,或者各數字是否該完整寫出來?
7.軸線與刻度標記
軸線要用什麼顏色和粗細?刻度標記要在圖表內還是外?有些組織把縱軸線徹底省略,但橫軸線一般都會納入,好讓圖表有一致的定調。我偏好零軸線要比其他的網格線深一些,因為它是作為基準線。在有負值情況下,這點尤其為真:我們會想要說清楚,零軸線不是在圖表的底部。在長條圖中,長條之間的空間很可能不需要刻度標記,但在折線圖或許有必要。都市的例子是沒有縱軸線,但橫軸線是1點的黑線,主要的刻度標記則是在圖表外。
8.網格線
很多圖表會納入橫向的網格線,雖然確切的格式會有所變動。它是要實心、虛線,還是小點?它是要多粗?什麼顏色?以怎樣的增幅加上去?很多圖表並不會納入縱向的網格線,雖然偶有散布圖會將它納入形成可見的網格。
9.來源與註解
來源應載明,而且任何重要的模式或修訂都要加註解。來源與註解的框一般都會在圖表的底部,並靠左對齊縱軸的標示、標題與副標。在很多情況下,來源與註解的字是粗體。例如《芝加哥體例手冊》(第3.20節)表示,來源行要擺在註解的上方。在都市的體例中,來源與註解的字是粗體,並以此法排序。
10.標誌
假如想要在圖表納入標誌,就要決定放在哪,以及是什麼大小(且務必使用高解析圖像)。標誌常常擺在右下角,但有時會在別的地方;把它擺在右下角的優點是不會擋到標題/副標和來源/注的區塊。都市是在圖表的右下區塊加上一個標誌格式,並附上顏色和空間的特定操作指令。
11.圖例
圖例要不要使用,假如要的話,它要放在哪?什麼大小?用什麼記號?它在這張圖像上並沒有標示出來,但都市的體例指南為圖表其他元素指明字型大小整理成一節,圖例便包括在內。
12.資料記號
圖表中要不要納入圓形或方形的資料記號,尤其是折線圖表?記號是要填滿還是空心?資料值要在什麼時候標示?對於值達到一定數目的圖表,你或許會想要訂立使用資料記號的規則。
13.資料標示
研判資料點該在什麼時候標示,以及該怎麼擺放和訂出格式。都市的體例對於字型大小有特定的表格敘述這些標示該如何使用。
14.資料串列
這會隨圖表類型而變動──線的粗細、長條與欄之間的空間、各元素的顏色。取決於組織所用圖表的複雜性,你或許需要在體例指南中以獨立一節因應特定圖表類型的課題。