訊息對話方塊的指導方針
說明
訊息對話方塊是重疊 UI 元素,提供穩定且與內容相關的表面,它一律強制回應且可以明確關閉。訊息對話方塊固定顯示在螢幕上的某個位置。
範例
錯誤
套用到整個應用程式內容的錯誤訊息會使用訊息對話方塊。這些訊息與可在內部傳達的錯誤訊息不同。適切的範例為顯示連線錯誤的訊息對話方塊;這種情況會嚴重影響使用者從應用程式獲得的價值:
問題
下列為 Windows 裝置同意代理人要求同意使用定位服務的訊息對話方塊範例:
可行與禁止事項
使用訊息對話方塊傳達使用者必須看見並確認才能繼續執行工作的緊急資訊。例如:「您的進階功能試用期已到期」。
使用訊息對話方塊顯示需要使用者輸入的封鎖問題。封鎖問題是指應用程式無法代替使用者選擇,而且無法繼續完成對使用者的價值主張的問題。封鎖問題應對使用者呈現清楚的選項。這類問題不能略過或延遲。
使用訊息對話方塊要求使用者執行明確動作,或提供對使用者重要而需要知道的訊息。對話方塊用法範例如下:
- 使用者將要永久修改有價值的資產
- 使用者將要刪除有價值的資產
- 使用者系統的安全性可能受到破壞
當應用程式或系統必須在意外關閉之類的後續動作會傷害使用者的自信而投入大量的時間時,請使用自訂對話方塊。
所有對話方塊都應該在對話方塊的第一行文字中 (無論有沒有標頭) 清楚確認使用者的目標。
當應用程式需要確認使用者所採取動作的意圖時,請不要使用訊息對話方塊。飛出視窗是比較恰當的表面。請參閱飛出視窗的指導方針。
針對頁面上特定位置的內容錯誤,例如驗證錯誤 (如密碼欄位),請使用應用程式本身的畫布顯示內嵌錯誤,不要使用訊息對話方塊。請參閱選擇正確的 UI 表面:錯誤。
其他用法指導方針
所有訊息對話方塊都應該在對話方塊的第一行文字中清楚確認使用者的目標。下列指導方針說明如何使用訊息對話方塊的 [標題] 和 [內容] 欄位有效傳達資訊。
標題 (主要指示,選用)
- 使用簡短標題來說明使用者使用對話方塊所需執行的動作。太長的標題不會斷行,且會被截斷。
- 如果您使用對話方塊來傳達簡單的訊息、錯誤或問題,可以選擇性地省略標題。只需要內容文字傳達核心資訊即可。
- 確定標題與按鈕選項直接相關。
內容 (描述性文字)
- 盡可能簡要地呈現訊息、錯誤或封鎖問題,不要有無關的資訊。
- 如果使用標題,請利用內容區域提供更多詳細資料或定義詞彙。不要以只有些微差異的用字重複標題。
按鈕
將按鈕與可識別針對主要指示或內容做出明確回應的文字搭配使用。例如,「是否允許 AppName 存取您的位置?」,後面接 [允許] 和 [封鎖] 按鈕。明確的回應讓人更快速理解,可以更有效率地做出決定。
避免使用一般模式,例如 [確定/取消]。
指定預設按鈕,它應該是您最希望使用者執行的動作。在上述範例中,預設選擇為 [允許]。
- 如果未指定,預設為最左邊的按鈕。
- 將最安全、最保守的選項放置在最右邊的位置。在上述範例中,[封鎖] 是最右邊的選擇,因為比較安全。
色彩
- 訊息對話方塊的背景一律是白色的。擁有對話方塊之應用程式的主要色彩會用於控制項。
相關主題
適用於設計者
適用於開發人員 (XAML)