圖表類型地圖

每種圖表類型解決不同的溝通問題。為內容使用錯誤的類型會造成困惑，而不是清晰。第一個設計決定總是：我在溝通什麼類型的信息？

結構圖表顯示存在什麼以及如何連接：

- 實體圖：節點與關係（數據庫架構、組織結構圖、知識圖） - 架構圖：系統組件及其連接（網絡拓撲、軟件系統） - 樹狀圖：層次結構（分類樹、文件系統、家族樹）

流程圖表顯示發生什麼以及發生的順序：

- 流程圖：決定與序列（算法、業務流程、診斷邏輯） - 序列圖：隨著時間的消息傳遞（API 呼叫、協議、事件處理） - 狀態機：狀態與轉換（UI 流程、協議狀態、控制系統）

定量圖表顯示有多少以及如何變化：

- 圖表與圖形：隨時間或類別的數據（折線圖、柱狀圖、散佈圖） - 分佈圖：擴散與密度（直方圖、盒圖） - 桑基圖：帶量級的流（能量流、預算分配）

空間圖表顯示事物在哪裡：

- 截面圖：內部結構（地質、解剖、工程） - 爆炸圖：組裝關係（機械零件、電子產品） - 示意圖：功能拓撲（電路、水管、HVAC）

將類型與問題配對

類型選擇是第一個設計決定

最常見的圖表繪製錯誤是根據習慣而不是根據適配度選擇類型。開發人員因為總是使用流程圖而選擇流程圖。經理選擇組織結構圖。類型應該根據圖表必須溝通什麼而選擇。

如何閱讀複雜圖表

複雜圖表有多個層次。試圖一次吸收所有內容的讀者會感到不知所措。分層閱讀的讀者可以有效地提取結構。

第 1 層：庫存。 存在什麼節點？主要組件是什麼？讀每個標籤。不要跟隨連接。在構建語法之前構建詞彙。

第 2 層：拓撲。 組件如何連接？什麼連接到什麼？計算連接。識別中樞（許多連接）和葉子（一個連接）。注意集群。

第 3 層：流動。 如果箭頭存在，跟隨它們。什麼進入系統？什麼退出？主流的路徑是什麼？分支在哪裡？

第 4 層：例外。 什麼是不同的？虛線 vs. 實線。顏色編碼。與大多數不同的形狀。這些編碼含義：找到圖例並解碼它們。

第 5 層：推理。 這個結構意味著什麼？具有許多依賴項的單個中樞是單點故障。反饋迴圈意味著振盪風險。缺少的連接意味著邊界。閱讀未繪製的內容與閱讀繪製的內容一樣仔細。

閱讀練習

應用五層方法

想想你在你的領域中遇過的複雜圖表：電路示意圖、網絡拓撲、解剖圖、系統架構、管道等軸測圖、狀態機。

構圖原則

在技術上正確但構圖不佳的圖表仍然是失敗的圖表。讀者的眼睛必須按正確的順序引導到正確的位置。

通過大小和權重的層次。 最重要的組件應該是最大的或最粗體的。次要組件更小。標籤比它們標籤的東西更小。眼睛按突出程度閱讀。

通過方向的流動。 從左到右或從上到下暗示時間和序列。徑向暗示中心性。垂直暗示層次。選擇一個方向並保持它。混合方向造成混淆。

通過鄰近性和封閉的分組。 屬於一起的組件應該彼此靠近或用共享邊界封閉。白色空間造成分離。共享顏色或邊框造成關聯。

通過顏色的對比。 顏色編碼含義：但前提是使用得很少。三到四種不同的顏色是限制。超過那個數字，圖例就成為記憶測試。使用顏色編碼數據的一個維度：狀態、類型或所有權。

通過消除的減少。 不增加信息的每個元素都從清晰度中減去。移除裝飾性元素。移除讀者已經知道的標籤。移除不添加信息的線條。最好的圖表是你無法移除其他任何東西的圖表。

設計圖表

應用原則

想想你所在領域中缺乏好圖表的流程或系統：或有一個可以改進的。

你域的標準圖表語言

每個專業領域都在數十年內開發了自己的圖表語言。這些不是任意的：它們編碼領域專家需要溝通的確切區別。

電氣： 示意圖使用標準化符號（電阻、電容、晶體管、接地、VCC）。世界各地的每個電工都讀相同的符號集。示意圖就是規範：接線圖是法律約束力文件。

機械： 工程圖紙使用正交投影、截面圖 & GD&T 標註。帶容差的尺寸是設計者和機械師之間的法律合同。圖紙完整指定零件。

軟件： UML 定義類圖、序列圖 & 狀態機符號。架構圖對服務、數據庫、隊列 & 邊界使用框線和箭頭，具有商定的慣例。

醫療： 解剖截面、病理學幻燈片、放射學讀數。放射科醫生將 CT 掃描視為內部結構的圖表：密度編碼的空間數據。病理學家將組織幻燈片讀作細胞類型的群體圖表。

行業： 管道等軸測圖、HVAC 管道佈局、結構框架計劃。管道工人閱讀等軸測圖時可以看到在二維頁面上的三維管道尺寸、配件、坡度 & 配件連接。

學習你域的標準圖表語言對專業人士不是可選的。它是共享詞彙。無法閱讀示意圖的人無法作為電工工作。無法閱讀圖紙的人無法作為機械師工作。

最終綜合

圖表背後的技能

圖表不是圖片。它是用視覺語言的正式陳述。就像書面語言一樣，它可以在語法上正確但毫無意義，或語法上草率但清晰。目標是兩者：正確使用該類型的慣例 & 引導讀者得出正確結論的構圖。