網站設計分析：清楚明了的對話框選項
來源:網站推廣 2013-03-23
我們當然可以細心的設計對話框中的文字,讓用戶清楚明了對話框的訊息,但是在大部分的情況下,我們幾乎根本不會逐字去閱讀訊息的內容
編輯注記:本文轉載自 Desiring Clicks,文章討論了把對話框做的清楚明了的重要性
對話框(Dialog)是個好用又方便的工具,通常用來再三確認使用者的操作動作與決策,以避免一時的手誤或誤會操作動作的意思,常用于重要動作的確認,例如:「你確定要刪除這個聯絡人嗎?」,但若對話框搭配了不適當的響應選項文字,反而可能會造成使用者的困擾與誤解,有時還可能做了錯誤的決定
對話框最常見的不當設計就是選項上的文字出現:「是(YES)與否(NO)」,回想在學生時期考試的時候,O 與 X 在是非題中是唯二的兩個答案,而出題者會透過文字敘述上正反的誤導,來測驗學生是否真的清楚了解,先不論這樣的測驗方式到底對學習以及知識的建立到底有沒有明顯的幫助,使用者可不想在開心的使用你的程序或服務時,還要小心翼翼的了解你對話框的內容
你必須要假設用戶除了對話框上的按鈕外,不會閱讀任何其他訊息(對話框的標題或是訊息內容)
– John Gruber of Daring Fireball
于是我們應該注意選項的文字表達,將是否的選項替換成直接明了的動作詞匯,例如在 Mac OS 中注銷的對話框,以「注銷(Logout)」取代「是(Yes)」「取消(Cancel)」取代「否(No)」,這樣簡單的替換,即使不需要閱讀對話框的內容,也可以清楚明了的知道我現在應該要注銷還是取消我剛剛做的動作
Facebook 中刪除留言的對話框也是將「是」直接替換成「刪除(Delete)」的字眼,仔細想想,我們其實還真的沒有去注意過這些對話框的內容到底寫些什么,但是我們一直都可以輕松的做出正確的決定
換個情境,也許我們也可以將這樣的概念應用在日常生活中,如快餐店的點餐響應,來減少店員因太習慣而誤點的情況(笑):
店員:「你是否要將中薯加大呢?」「你是否要搭配四塊麥克雞塊呢?」
我們則可以將「是、否、要、不要」的回答改成明確的動作如「加大、換成色拉、搭配」等字眼,那么我們在生活上也可以少了許多麻煩呢!
文章編輯: 365webcall網站在線客服系統(www.365webcall.com)
我的評論
| 登錄賬號： | 密碼： | 快速注冊 | 找回密碼 |  |
