操作介面設計模式 第二版

296

|

第七章

概觀加上細節（

Overview Plus Detail

）

圖

7

-

11

Perl

社群互動表，出自

http://cpan-explorer.org

的互動圖

這是什麼

將圖形概觀放置在放大的「詳細圖」旁邊。當使用者在概觀圖上移動視野時，於詳

細圖上顯示視野所見部分的細節。

何時使用

在龐大的資訊圖形（特別是在影像或地圖）中顯示龐大的資料集合時。我們希望使

用者能夠藉由大圖保持方向感，但也希望他們能夠拉近看到最小的細節。使用者將

瀏覽資料，觀察較小的區域或搜尋興趣點。遠處的概觀是有必要的，可以幫助尋找

這些興趣點，但是使用者不需要一次看所有資料點的所有細節 — 拉近觀看某個小

資料片段的細節，這樣就夠了。

為何使用

這是用來處理複雜度的老方法：利用一個遠處的概觀，以瞭解整體狀況；然後可讓

使用者拉近概觀、看到他們所希望瞭解的細節，讓遠處和近處兩種層次同時出現在

相同的頁面上，以方便反覆操作。

Edward Tufte 使用「

微讀數與巨讀數

」（micro and macro readings）一詞，為地

圖、圖表及 其他靜態資 訊圖形描述 類似的概念 。使用者一 直能看到大 型的整體結

構，同時也能夠依照意願觀察微小的細節：『視覺化的步調是緊縮的、緩慢的、個

人化的』。類似地，概觀加上細節的使用者可以有條理地捲動內容、直接跳躍、比

較、對照、快速移動、或慢慢移動。

最後一點，概觀具有「你在這裡」的路標指示功能。使用者只要看一眼概觀中的視

野（viewport），就可以輕易得知自己當下所處的位置。