萬盛學電腦網

您现在的位置: 萬盛學電腦網 >> 程式設計 >  >> 網頁製作 >> 互動設計

對話框設計指南:用動詞替代「是/否」,讓選擇一目瞭然

對話框常用於關鍵操作確認(如「確定刪除聯絡人?」),但選項文字若用「是/否」,極易造成誤解。使用者不想像做是非題般小心翼翼閱讀對話框內容。

核心假設:使用者只看按鈕

「你必須假設使用者除了按鈕,不會閱讀任何其他訊息。」—— John Gruber

最佳實踐:動詞標籤取代是/否

  • Mac OS 登出:「登出」替代「是」,「取消」替代「否」。無需閱讀內容即知該點哪個。
  • Facebook 刪除留言:「刪除」直接替代「是」。我們從未細讀內容,卻總能做正確決定。

生活化延伸

速食店點餐:「要不要加大薯條?」→ 選項改為「加大/換沙拉/搭配」,減少店員慣性誤操作,也能減少生活摩擦。

簡單替換,卻能大幅降低認知負荷,避免誤操作,是對話框設計的黃金法則。

copyright © 萬盛學電腦網 all rights reserved