表單中的重置與取消按鈕 - 網頁設計

Article copyright by Jakob Nielsen

Jakob Nielsen版權所有

作者：Jakob Nielsen

譯者：UCD翻譯小組，Link
原文地址：http://www.useit.com/alertbox/20000416.html

大在大部分網頁表單中，移除重置按鈕會有效提升可用性，同樣的，取消按鈕對網頁的意義也不太大。

啟發式的交互設計中最基本的一點是在任何情況下為用戶提供“緊急出口”，離開當前環境。撤銷功能是最好的解決方法之一，基本原則只是告訴我們要提供撤銷功能但并沒有告訴我們怎么做。往往，不同的原則適用于不同的用戶界面：

網頁試圖通過重置和取消按鈕來復制以上特性，但用戶往往更愿意通過瀏覽器的后退按鈕來離開誤入的頁面。

如果去掉所有重置按鈕，網頁將變為一片凈土。這些按鈕非但不能幫助用戶，還可能傷害到他們。

重置功能會把用戶輸入到表單中的所有信息清除掉，但為什么用戶要使用這樣的功能呢？用戶瀏覽網頁的時候會在頁面之間頻繁轉換，他們很少重復訪問相同的表
單，因此，表單在呈現給用戶的時候就是干干凈凈的。而當用戶使用相同的進程重新訪問一個表單時，編輯原有的數據往往比重新填寫更便捷。

重置按鈕會在以下三個方面傷害用戶：

額外的選擇會迫使用戶進行額外的思考，而使用最佳的交互方式所節省的時間往往小于用戶考慮決定使用最常用的方式所花費的時間。這將浪費用戶一到兩秒的時間來從中取舍，這也是盡量不要讓用戶選擇的原因。（一秒鐘聽起來沒什么了不起，但它意味著每年一億美元左右的生產力浪費。）

去掉了重置按鈕，我們有必要為用戶提供其他的修改錯誤輸入的方式。對于文本框和選擇框來說，用戶可以隨時輸入或恢復到最初的狀態。

不幸的是，有些使用了非標準風格的單選框（radio button）和下拉菜單的表單并沒有提供回到初始狀態的選項，而這是網頁設計的典型錯誤之一。往往，一旦用戶選擇了一個選項，就沒有辦法作出“什么都不
選”的選擇。永遠別忘了在單選按鈕和下拉菜單中加入明確的默認選項，否則你用戶的麻煩就大了。（請參考復選框和單選按鈕設計的13條軍規）

當同時滿足以下兩個條件時，重置按鈕將發揮它的作用：

即使某個用戶經常使用一個表單，當填入的數據每次都很相似時重置按鈕也不是十分必要的。在這種情況下編寫原有的數據要比重新來過簡單得多。

網頁并不像軟件一樣擁有對話框，而是一個用戶游走于各個頁面之間的導航環境。自從超文本導航成為用戶的使用習慣，人們開始依賴后退按鈕來逃離窘境。每當用戶誤入了不想進入的頁面，他們就會自然而然地把鼠標放到后退按鈕上。

因為后退是網頁瀏覽中很常規的行為，單獨的取消功能也就不是那么重要了。如果用戶不喜歡當前的頁面，可以肯定，后退按鈕就要出場了。

當用戶害怕自己提交了不想提交的信息時，可以為他們提供取消按鈕，這樣能夠提供給他們比直接退出更安全的的感覺。

在需要多步填寫的表單中用戶會在超過一個頁面上進行輸入，這時取消按鈕是個不錯的選擇，因為后退按鈕不會撤銷之前的輸入。

當然，不能指望用戶每次都點取消，應該有一個后端/后臺邏輯來處理點擊后退來中斷多步輸入的行為。額外的復雜性是我不推薦在網頁中加入復雜應用的原因之一，更好的辦法是使用另一種形式來實現。

很有必要在購物車中添加特殊的按鈕來幫助用戶移除商品，我們無法知道用戶是不是了解他們能夠通過購買“0”件商品來取消購物。（但是反正這個小技巧也不影響其它用戶，所以還是應該實現出來給懂的人用）

（作者：請參考拙作購物車的可用性，來了解更多表單設計中的規則）

Lisa Padol 問道：

"當你討論取消和重置按鈕時并沒有提及停止（即在載入時停止頁面）和刷新按鈕，不是嗎？

我覺得這不僅是可以接受的，也很必要為比如下載文件的過程加入取消按鈕。"

她的假定完全正確，瀏覽器的“停止”按鈕很好地加強了用戶的控制權。而對于文件傳輸和其它一些得花好幾秒鐘的操作也應該這樣做。設計師必須給Applet（網頁上的Java應用）和

其它耗時的設計元素都加上停止功能。