操作介面設計模式 第二版

第七章

顯示複雜資料：樹狀結構、

圖表與其他資訊圖表

資訊圖形 — 包括地圖、表格及圖表 — 於視覺面傳遞知識，而不是用文字。如果使

用得當，資訊圖形可以讓人們透過眼睛和心智推導出結論；圖形「顯示」結論，而

不是「告知」結論。

資訊圖形是我最喜歡的介面。然而，不良工具或不適當的設計有可能嚴重地限制住

運用資訊圖形能達到的成果，而許多資訊豐富的介面運作也將不如預期般良好。

本 章 的 模 式 將 幫 助 各 位 善 用 手 邊 的 工 具 ， 並 介 紹 一 些 關 於 互 動 資 訊 圖 形

（interactive information graphics）、有用且有趣的創新。這裡所提到的想法，可

協助各位判斷出何為現有介面中最重要的設計層面。

資訊圖學基礎入門

資訊圖形

（information graphics），簡單來說就是用視覺的方式表達資料，目地是

將知識傳遞給使用者。我會一併討論表格（t able）和樹狀檢視圖（tr ee vi ew），

因為它們本就是以視覺傳遞資訊，即使它們主要是由文字、而非以線段和多邊形構

成。其他熟悉的靜態資訊圖形包括了地圖、流程圖、長條圖，以及利用真實事物做

成的圖表。

但我們面對的是電腦，而非紙張。加入互動性，幾乎任何良好的靜態設計都能變得

更好。互動 性工具讓使 用者依需要 來隱藏或顯 示資訊，而 且讓使用者 坐上「駕駛

座」，自行選擇如何顯示與探索資訊的方式。

即使只是在互動圖形中操作和重新整理資料，都具有價值 — 使用者參與發掘的過

程，不再只是被動的觀察者。這樣可能