網站設計分析：清楚明瞭的對話方塊選項

仲介交易 HTTP://www.aliyun.com/zixun/aggregation/6858.html">SEO診斷 淘寶客 雲主機 技術大廳

編輯注記：本文轉載自 Desiring Clicks，文章討論了把對話方塊做的清楚明瞭的重要性。

對話方塊(Dialog)是個好用又方便的工具，通常用來再三確認消費者的操作動作與決策，以避免一時的手誤或誤會操作動作的意思，常用於重要動作的確認，例如：「你確定要刪除這個聯絡人嗎?」，但若對話方塊搭配了不適當的回應選項文字， 反而可能會造成消費者的困擾與誤解，有時還可能做了錯誤的決定。

對話方塊最常見的不當設計就是選項上的文字出現：「是(YES)與否(NO)」，回想在學生時期考試的時候，O 與 X 在是非題中是唯二的兩個答案，而出題者會透過文字敘述上正反的誤導，來測驗學生是否真的清楚瞭解， 先不論這樣的測驗方式到底對學習以及知識的建立到底有沒有明顯的説明，消費者可不想在開心的使用你的程式或服務時，還要小心翼翼的瞭解你對話方塊的內容。

我們當然可以細心的設計對話方塊中的文字，讓使用者清楚明瞭對話方塊的訊息，但是在大部分的情況下，我們幾乎根本不會逐字去閱讀訊息的內容。

你必須要假設使用者除了對話方塊上的按鈕外，不會閱讀任何其他訊息(對話方塊的標題或是訊息內容)。

– John Gruber of Daring Fireball

於是我們應該注意選項的文字表達，將是否的選項替換成直接明瞭的動作詞彙，例如在 Mac OS 中登出的對話方塊，以「登出(Logout)」取代「是(Yes)」「取消(Cancel)」取代「否(No)」，這樣簡單的替換， 即使不需要閱讀對話方塊的內容，也可以清楚明瞭的知道我現在應該要登出還是取消我剛剛做的動作。

Facebook 中刪除留言的對話方塊也是將「是」直接替換成「刪除(Delete)」的字眼，仔細想想，我們其實還真的沒有去注意過這些對話方塊的內容到底寫些什麼，但是我們一直都可以輕鬆的做出正確的決定。

換個情境，也許我們也可以將這樣的概念應用在日常生活中，如速食店的點餐回應，來減少店員因太習慣而誤點的情況(笑)：

店員：「你是否要將中薯加大呢?」「 你是否要搭配四塊麥克雞塊呢?」

我們則可以將「是、否、要、不要」的回答改成明確的動作如「加大、換成沙拉、搭配」等字眼，那麼我們在生活上也可以少了許多麻煩呢!