共通設計理論教材 / Class LLL

資料型態與視覺通道

先說數字代表什麼，再選圖形

以同一組10、20、40分鐘切位置、長度及圓面積，對照原始表。再把問題換成辨認站名與服務等級，指出數量大小不能回答哪些問題。

撰寫與維護：Class LLL · Lab Light Label｜預估閱讀 9 分鐘

開啟互動教材查看參考來源

閱讀目標

先定義欄位含義與單位
區分資料值、視覺通道與標籤
以目的和反例說明選擇

適用條件與學習範圍

站名、服務等級與等候分鐘，為什麼不能都當成同一種數字來畫？

能讀簡單表格與分鐘單位；不需統計軟體或製圖工具。

能分清類別、順序與數量，解釋通道映射和零點，完成同資料換通道的比較，並用換目的反例限制選圖結論。

不教完整統計、推論、圖表排名或所有資料尺度；原創示例不是真實觀測、營運分析或讀者效能測驗。

原理與判斷

圖形的位置、長度、面積和顏色，都可以承接資料；但資料本身要先有定義。北、中、南是站名，這張表沒有替站名定內在高低。服務等級低＜中＜高有次序，卻未說明高與中相差多少。等候時間10、20、40分鐘則能比較差量或比例。本頁固定一組合成表，避免你在換圖時也不知不覺換資料。先問要找站名、看次序，還是比較等候多少；目的不同，值得保留的線索也不同。

三種欄位，三種問題

原表的三站服務等級依序高、低、中；它不是按時間大小排名，也沒有把高編成3就允許做所有算術。等級相差一階不代表服務品質等距。站名可用文字、形狀或類別色辨認，但不應無故暗示大小。分鐘是這個假設時刻的等候量。北10與南40相差30分鐘，北是南的四分之一；這是表內數量關係，不代表旅客滿意度、站點優劣或下一次等候。沒有真實抽樣，不能推論人口或因果。

同一數量，換承接它的通道

選位置：0–40分鐘映到共同水平尺，40對應180座標距離；北10的點離零45，南40離零180。選長度：同零點開始，三條長45、90、180，固定厚度18。差別是點的位置和長條的延伸，不是資料值改了。選面積：三圓中心水平位置一致，半徑按32×√(分鐘÷40)算。10分鐘半徑16，40分鐘半徑32，所以面積比是1:4；若把半徑直接畫成1:4，面積反而變1:16。數字標籤仍可供直接核對，不把肉眼猜值當唯一入口。

研究回答的是特定任務

Heer與Bostock 2010的Experiment 1A用380×380圖、七種編碼，逐圖徵求50份判斷；題目要估兩個指定值的小者占大者百分比。在這個條件下位置較長度準確，角度卻未顯著劣於長度。這段結果不能改寫成所有讀圖任務的固定排行榜。作者也說明網路顯示環境未受完整控制，標準MTurk時間包含載入或分心，不能由此給精細反應時間建議。本站只做自訂原創比較，不重現研究程序，不替你算準確率或宣稱換圖必定讀得更快。

換目的與尺度，結論要縮回條件

按改問站名與等級。最高等候值40並不能回答哪站的服務等級高；看原表會發現北站才是此合成等級高。圖形必須保留對應欄位與名稱，才知道自己比較的是什麼。正面縮半時，數據和比例不變，文字及圖形卻更難細看；請用正常文字原表補讀。若任務是讀精確數字，標籤或表格可能更直接；若任務是看粗略差異，可比較空間通道。這是依目的提出的編輯方法，不是本站實驗驗證的優勢。

步驟與觀察

先讀合成表
指出站名、低中高與分鐘的差別；核對北10、南40，不把等級當等距量。
固定資料換空間通道
選正面圖表，依次比位置與長度。核對共用0–40尺度、標籤和表值；再用面積確認半徑不是數量本身。
換問站名與等級
開任務反例，先用原表回答，再說明等候時間圖不能回答哪一欄。不要把大圖形自動解讀成品質高。
縮半再補讀配色
縮半比較可辨程度，保留原表入口。沿色彩教材查同一資料換欄位的圖例，再返回接續面積方案。

常見問題

把低中高當等距數量

次序已知不等於差距已知；不以編碼1、2、3冒充可計量服務差異。

用半徑比例代替面積比例

圓面積隨半徑平方變，量值成比例時半徑須開平方。本例10對40半徑1:2、面積1:4。

用研究結果保證這張圖讀得最快

交代原任務、尺寸與判斷方式；本站沒有讀者測試，且辨類別不等於估數量比例。

適用範圍與證據

原教材查核日期：2026-10-23 適用範圍：原創三列合成資料的類別／順序／數量定義、空間通道與配色語義；跨工具觀察。來源狀態：S23已重新開作者研究室10頁PDF，實讀pp.3–4 Experiment 1A 方法／Results與p.8 Standard HITs Frustrate Fine-Grained Timing，及p.1的顯示環境限制。不是只讀摘要；本站不複製其刺激圖或新增讀者實驗。S22讀官方Charts Comparisons／Trends導論，屬品牌實務而非普遍成效實證。ColorBrewer原作者scheme types公開全文已讀sequential／diverging／qualitative與Paired／Accent限制；未取得1994引用章節全文。示意限制：合成虛構三站資料，固定假設時刻：北10、中20、南40分鐘；服務等級高、低、中無等距保證；相對20分鐘的差值-10、0、+20。非觀測、非本專案營運指標。重用40件校樣架，原創300×260平面圖；位置／長度線性0–40，圓面積成比例且半徑開平方。配色為本站示例，不抄ColorBrewer原圖，不宣稱色差等距或可及性認證。原生軟體實測：未實測Photoshop／Illustrator／Figma圖表工具，不模擬其資料匯入、色彩管理或輸出。學習成效驗證：未取得本站真人、眼動、反應時間或學習成效。切換、縮小與自行插旗不構成實證，也不建立所有通道固定排名。

參考來源

來源依原教材逐頁維護；本次建立閱讀網址不代表重新完成原生軟體或真人學習測試。如遇版本差異或內容錯誤，歡迎來信提出具體段落與版本。