
266
|
第六章
其他詞典
http://quince.infragistics.com/Patterns/Preview.aspx
http://ui-patterns.com/patterns/LivePreview
Bi l l S c ot t 與 T h er e sa Ne i l 所 著的《 網頁介 面設計 模式》 (h t t p: / /b o ok s .g o to p .
com.tw/bookdetails.aspx?Types=o&bn=A267)中,也講到了 \\.(即時預覽(Live
Preview)與預覽(Preview)的差別在於前者即刻顯示改變的效果。)
進度指示器(
Progress Indicator
)
圖
6
-
23
Mac OS
的列印對話框
這是什麼
讓使用者知道,某件耗費時間的工作的目前進度。
何時使用
執行一項耗費時間的操作時;它可能會中斷 UI,或是在背景執行,而操作花費的
時間在兩秒以上。
為何使用
當 UI 凍結、等候某件事情完成時,使用者是沒有耐心的。即使你將滑鼠游標改成
時鐘或沙漏(如果 UI 的其他部分被凍結,都應這麼做),但也不想讓使用者等候
一段不確定的時間。
實驗證明,如果讓使用者看到事情正在進行的徵兆,他們會更有耐心,即使等待的時
間其實比起沒出現進度顯示器時更久。或許這是因為他們知道「系統正在做事」,不
是在空閒中,也不是等待使用者的動作。
原理作法
利用動畫指示器表達出已完成的進度。用水平或垂直(或同時)的指示器,告訴使
用者: