
模式
|
257
醒目的「完成」按鈕(
Prominent "Done" Button
)
圖
6
-
13
Songza
這是什麼
在視覺動線末端,放置一個按鈕;請讓此按鈕醒目,且具有清楚的標示。
何時使用
需要在介面 上放置「完 成」、「送 出」、「確 定」、「繼 續」……這 類按鈕的時
候,應採用此模式。更常見的是,使用顯眼的按鈕做為任何「交易」(像是線上購
物)或送出一組設定的最後一個步驟。
為何使用
一個明瞭、清楚的最後步驟,可以讓使用者有完成的感覺。按下此按鈕,毫無疑問
地,就表示交易完成了;別讓使用者對工作是否有效感到疑慮。
讓最後一個步驟很明顯,是此模式真正的目的。請好好地利用第四章的版面設計概
念,包括視覺階層、祖覺動線、分群與對齊。
原理作法
建立一個按鈕,必須看起來像是一個按鈕,而不是連結;應使用平台的標準按鈕,
或具有鮮明色彩與清楚邊界的中大型按鈕圖形。這可以幫助按鈕看起來很突出,不
會被忽略。
DI_2e_ch06.indd 257 2012/1/5 下午 03:59:07