
118
|
第三章
序列地圖(
Sequence Map
)
圖
3
-
48
Hanna Andersson
的訂單序列地圖
這是什麼
在序列的每個頁面上,依頁面排列順序顯示一份地圖,也包括「你在這裡」的指示。
何時使用
用在設計一份有順序的敘述、工作流程、一個精靈(Wizard),或任何會讓使用者
依序處理頁面的東西時。此時使用者的路徑幾乎是直線的。
如果導覽的範圍架構很大且為階層式(而不是線性的),或許你會想改用麵包屑記
號(Breadcrumbs)模式。如果你要處理的步驟或項目數量較多,而且順序沒那麼
重要的話,或許可以變化成第五章的雙面板選擇器(Two-Panel Selector )或第七
章的概觀加上細節(Overview Plus Detail)。
為何使用
序列地圖告訴使用者,他們已經進行到步驟中的何處 — 更重要的,還揭示了剩下
多少步驟才會完成。知道這一點,能協助使用者決定是否要繼續完成步驟、能估計
還需要多少時間,並能保持注意力不迷路。
序列地圖本身也可以當作導覽裝置。如果使用者想回頭看看已經完成的步驟,應該
只要按下序列地圖上的該步驟,就可以跳過去。
原理作法
在頁面邊緣,放置一份小型地圖,地圖中依序安排步驟中的各個頁面。盡量將序列擺
設成一橫列或一直欄,以免跟實際頁面內容爭奪注意力。請突顯地圖中對於目前頁面
的指示,例如標示得亮一點或暗一點;對於已經看過的頁面也用類似的方式標示。
為了使用者的方便,你可能想把地圖放在靠近主要導覽元件的附近,通常放在靠近
「上一頁」和「下一頁」按鈕的地方。
DI_2e_ch03.indd ...