數字的關鍵地位#

金錢與追蹤金錢的數字,是每家公司的命脈與看家本領。財務文件中常見的「管理階層討論與分析(MD&A)」段落——伴隨數字圖表的文字——正是「講者焦點模型」的完美對照。

數字比文字更不會自己說話。就像講者必須在文字標題之外補上價值,他也必須在數字圖表之外補上討論與分析。MD&A 模型適用於每一位呈現數字的人。

但投影片無法像獨立財務文件那樣呈現完整細節——否則聽眾得橫掃多次處理所有數字,同時還要消化眼睛所見。遊戲結束!

追求圖像化(Data Visualization)#

資料視覺化是一門蓬勃發展的產業,用圖表與地圖把資訊視覺化呈現。

至高典範是已故的瑞典醫師、講者漢斯·羅斯林(Hans Rosling)。在 BBC 紀錄片中,他用一張散佈圖呈現 12 萬個數字、200 個國家、200 年——卻以極致簡潔,在透明螢幕上畫出座標軸、彈出動態彩色氣泡,四分鐘內說完整個故事。你或許用不到他那套高階技術,但可以以他的「簡潔」為典範

數字的設計技巧#

五大元設計原則同樣適用:講者焦點、少即是多、最小化眼睛橫掃、@ Glance、TitlePlus。用「問題/解方」逐一檢視各類數字圖。

長條圖(Bar Charts)#

把擁擠的長條圖「動手術」後,改變如下:

  • 刪掉重複標題的副標題
  • 把佔空間的軸標籤縮寫:如「FISCAL YEAR ENDING…」縮成 FYE、金額用 MM 或 M。
  • 數字直接放在長條頂端,免得聽眾在 y 軸與長條間「乒乓」來回找刻度(遠距離下人眼根本找不準刻度)。
  • y 軸只標最小值與最大值
  • 把圖例從底部移到右上角(眼睛橫掃的終點),文字嵌入夠大的色塊矩形、緊鄰對應區段。

Figure 12.1:長條圖的錯誤設計

Figure 12.2:同一長條圖,簡化後

四個簡單準則:(1) 數字放長條頂端;(2) y 軸只留最小/最大值;(3) 標籤用可讀字級並以顏色/灰階編碼;(4) 最小化搜尋。

Sonos 的史班斯把四個都朝右上的正向趨勢長條圖放在同一張投影片以累積效果,省略所有 y 軸、數字直接放長條上。RingCentral 的財務長德魯夫則用色塊與漸進動畫,在敘事中逐步揭露複雜長條圖。

Figure 12.3:Sonos IPO 路演長條圖

Figure 12.4:RingCentral 長條圖

長條圖上的文字位置#

  • 標籤文字垂直堆疊(如「R-E-V-E-N-U-E-S」直排)會逼聽眾橫掃八次——改用水平(landscape)方向一次看完。
  • 標籤側立(要聽眾歪頭去讀,像「老師說」遊戲)也是文件遺留的壞習慣——同樣改成水平,既最小化眼睛橫掃、也最小化頭部轉動。

Figure 12.5:直式 vs. 橫式標題

Figure 12.6:側立的垂直標題

折線圖(Line Charts)#

準則同長條圖:數字放在折線的轉折點上、y 軸只留最小/最大值、各線標籤以同色編碼並放在右側(橫掃終點)。

Figure 12.7:年度營收折線圖

圓餅圖(Pie Charts)#

圓餅圖易讀,因為每塊扇形的相對大小一目了然。但別把三種標籤(地區、金額、百分比)擠在每塊扇形上。

指導原則:文字標籤(較長)放圓餅「外」、百分比/數字(較短)放扇形「內」。標籤文字嵌入緊鄰扇形的色塊矩形;扇形太窄時用引線把數字拉到外面。時間軸依慣例放底部。

Figure 12.8:圓餅圖的錯誤與正確設計

Figure 12.9:Sestina Bio 市場潛力投影片

由左到右的動態#

第十章談過,先天本能與後天習得讓「由左到右」成為聽眾的自然移動,而商業聽眾尤其把「右上揚」的曲棍球桿視為成長與成功的終局。這在數字圖中格外重要。

許多人誤以為「最重要的數字該排第一」,於是把自家的優越成績放在第一根長條、競爭者放後面——結果整張圖「往下走」,聽眾最後看到的還是競爭者的 logo。

把自家的優越成績放在最右邊,才能呈現曲棍球桿的上揚動作,而且聽眾最後看到的是「你的」logo。

Figure 12.10:反向曲棍球桿與曲棍球桿效果

同樣的錯置也出現在:

  • 月相圖(Moon Chart):用滿月/半月/空月比較競爭差異——把自家公司放在「最後一欄」才對。
  • 路線圖箭頭:即使方向由左到右,若箭頭「下降」傳達的訊息就是衰退;箭頭「上揚」才造出曲棍球桿效果。
  • 圖片與條列並陳:圖片放右、條列放左,會讓聽眾在每條的橫掃終點重複看圖四次——把圖片放左、條列放右,聽眾看一次圖後便能專注於各條列。

Figure 12.11:月相圖——第一位或最後一位?

Figure 12.12:下坡 vs. 上坡

Figure 12.13:Inphi 投影片的初稿與二稿

Figure 12.14:圖片在左 vs. 圖片在右

圓圈與深度#

  • 互扣箭頭的圓圈:逆時針排列像「惡性循環」;遵循由左到右、改為順時針,就成了「良性循環」。
  • 深度(In/Out):箭頭朝內像「內爆(implosion)」;改朝外則像「爆發(explosion)」的正向成長力道。

Figure 12.15:惡性循環 vs. 良性循環

Figure 12.16:Inphi 投影片的內爆 vs. 爆發

聽眾或許不會明顯察覺這些細微的設計差異,但這些強大的文化與神經力量會傳遞潛意識的視覺暗示。請把投影片設計成傳遞正向視覺訊息。

至於長條與圓餅要用 2D 還是 3D,屬個人品味——「品味無可爭辯」。