Article copyright by Jakob Nielsen
Jakob Nielsen版權(quán)所有
作者:Jakob Nielsen
譯者:UCD翻譯小組,Link
原文地址:http://www.useit.com/alertbox/20000416.html
大在大部分網(wǎng)頁(yè)表單中,移除重置按鈕會(huì)有效提升可用性,同樣的,取消按鈕對(duì)網(wǎng)頁(yè)的意義也不太大。
啟發(fā)式的交互設(shè)計(jì)中最基本的一點(diǎn)是在任何情況下為用戶(hù)提供“緊急出口”,離開(kāi)當(dāng)前環(huán)境。撤銷(xiāo)功能是最好的解決方法之一,基本原則只是告訴我們要提供撤銷(xiāo)功能但并沒(méi)有告訴我們?cè)趺醋。往往,不同的原則適用于不同的用戶(hù)界面:
- 在基于窗口環(huán)境的用戶(hù)界面中,取消按鈕可以讓用戶(hù)通過(guò)對(duì)對(duì)話(huà)框的操作,實(shí)現(xiàn)探索性的學(xué)習(xí)。相比較而言,你在老些的系統(tǒng)中下達(dá)了錯(cuò)誤的命令往往意味著你將陷入絕境。
- 在編輯系統(tǒng)中通常會(huì)有撤銷(xiāo)命令來(lái)使文檔回復(fù)到用戶(hù)編輯之前的狀態(tài)。有時(shí),多級(jí)撤銷(xiāo)和重復(fù)命令是很有用但又令人困擾的功能。
網(wǎng)頁(yè)試圖通過(guò)重置和取消按鈕來(lái)復(fù)制以上特性,但用戶(hù)往往更愿意通過(guò)瀏覽器的后退按鈕來(lái)離開(kāi)誤入的頁(yè)面。
不要使用重置按鈕!
如果去掉所有重置按鈕,網(wǎng)頁(yè)將變?yōu)橐黄瑑敉。這些按鈕非但不能幫助用戶(hù),還可能傷害到他們。
重置功能會(huì)把用戶(hù)輸入到表單中的所有信息清除掉,但為什么用戶(hù)要使用這樣的功能呢?用戶(hù)瀏覽網(wǎng)頁(yè)的時(shí)候會(huì)在頁(yè)面之間頻繁轉(zhuǎn)換,他們很少重復(fù)訪(fǎng)問(wèn)相同的表
單,因此,表單在呈現(xiàn)給用戶(hù)的時(shí)候就是干干凈凈的。而當(dāng)用戶(hù)使用相同的進(jìn)程重新訪(fǎng)問(wèn)一個(gè)表單時(shí),編輯原有的數(shù)據(jù)往往比重新填寫(xiě)更便捷。
重置按鈕會(huì)在以下三個(gè)方面?zhèn)τ脩?hù):
- 最糟糕的問(wèn)題是用戶(hù)想點(diǎn)擊提交卻誤點(diǎn)了重置,他們填寫(xiě)的信息將一下子付之東流。
- 在表單底部提供兩個(gè)按鈕將混淆交互界面并讓用戶(hù)難以搞清下一步要做什么。用戶(hù)會(huì)把一小部分時(shí)間浪費(fèi)在瀏覽無(wú)用的按鈕和決定哪一個(gè)才是該點(diǎn)的上面。
- 當(dāng)用戶(hù)希望在表單中修改已經(jīng)填寫(xiě)的信息時(shí),面對(duì)額外的按鈕會(huì)做出以下兩個(gè)選擇:
- 在輸入框中修改不正確的內(nèi)容
- 點(diǎn)擊重置,在清空的輸入框中重新填寫(xiě)內(nèi)容
額外的選擇會(huì)迫使用戶(hù)進(jìn)行額外的思考,而使用最佳的交互方式所節(jié)省的時(shí)間往往小于用戶(hù)考慮決定使用最常用的方式所花費(fèi)的時(shí)間。這將浪費(fèi)用戶(hù)一到兩秒的時(shí)間來(lái)從中取舍,這也是盡量不要讓用戶(hù)選擇的原因。(一秒鐘聽(tīng)起來(lái)沒(méi)什么了不起,但它意味著每年一億美元左右的生產(chǎn)力浪費(fèi)。)
讓所有輸入可撤銷(xiāo)
去掉了重置按鈕,我們有必要為用戶(hù)提供其他的修改錯(cuò)誤輸入的方式。對(duì)于文本框和選擇框來(lái)說(shuō),用戶(hù)可以隨時(shí)輸入或恢復(fù)到最初的狀態(tài)。
不幸的是,有些使用了非標(biāo)準(zhǔn)風(fēng)格的單選框(radio button)和下拉菜單的表單并沒(méi)有提供回到初始狀態(tài)的選項(xiàng),而這是網(wǎng)頁(yè)設(shè)計(jì)的典型錯(cuò)誤之一。往往,一旦用戶(hù)選擇了一個(gè)選項(xiàng),就沒(méi)有辦法作出“什么都不
選”的選擇。永遠(yuǎn)別忘了在單選按鈕和下拉菜單中加入明確的默認(rèn)選項(xiàng),否則你用戶(hù)的麻煩就大了。(請(qǐng)參考復(fù)選框和單選按鈕設(shè)計(jì)的13條軍規(guī))
例外:重復(fù)輸入表單的重置按鈕
當(dāng)同時(shí)滿(mǎn)足以下兩個(gè)條件時(shí),重置按鈕將發(fā)揮它的作用:
- 表單總是由一個(gè)用戶(hù)反復(fù)填寫(xiě)
- 填寫(xiě)的內(nèi)容每次都有較大差異
即使某個(gè)用戶(hù)經(jīng)常使用一個(gè)表單,當(dāng)填入的數(shù)據(jù)每次都很相似時(shí)重置按鈕也不是十分必要的。在這種情況下編寫(xiě)原有的數(shù)據(jù)要比重新來(lái)過(guò)簡(jiǎn)單得多。
保守地使用取消按鈕
網(wǎng)頁(yè)并不像軟件一樣擁有對(duì)話(huà)框,而是一個(gè)用戶(hù)游走于各個(gè)頁(yè)面之間的導(dǎo)航環(huán)境。自從超文本導(dǎo)航成為用戶(hù)的使用習(xí)慣,人們開(kāi)始依賴(lài)后退按鈕來(lái)逃離窘境。每當(dāng)用戶(hù)誤入了不想進(jìn)入的頁(yè)面,他們就會(huì)自然而然地把鼠標(biāo)放到后退按鈕上。
因?yàn)楹笸耸蔷W(wǎng)頁(yè)瀏覽中很常規(guī)的行為,單獨(dú)的取消功能也就不是那么重要了。如果用戶(hù)不喜歡當(dāng)前的頁(yè)面,可以肯定,后退按鈕就要出場(chǎng)了。
當(dāng)用戶(hù)害怕自己提交了不想提交的信息時(shí),可以為他們提供取消按鈕,這樣能夠提供給他們比直接退出更安全的的感覺(jué)。
在需要多步填寫(xiě)的表單中用戶(hù)會(huì)在超過(guò)一個(gè)頁(yè)面上進(jìn)行輸入,這時(shí)取消按鈕是個(gè)不錯(cuò)的選擇,因?yàn)楹笸税粹o不會(huì)撤銷(xiāo)之前的輸入。
當(dāng)然,不能指望用戶(hù)每次都點(diǎn)取消,應(yīng)該有一個(gè)后端/后臺(tái)邏輯來(lái)處理點(diǎn)擊后退來(lái)中斷多步輸入的行為。額外的復(fù)雜性是我不推薦在網(wǎng)頁(yè)中加入復(fù)雜應(yīng)用的原因之一,更好的辦法是使用另一種形式來(lái)實(shí)現(xiàn)。
購(gòu)物車(chē)中的移除按鈕
很有必要在購(gòu)物車(chē)中添加特殊的按鈕來(lái)幫助用戶(hù)移除商品,我們無(wú)法知道用戶(hù)是不是了解他們能夠通過(guò)購(gòu)買(mǎi)“0”件商品來(lái)取消購(gòu)物。(但是反正這個(gè)小技巧也不影響其它用戶(hù),所以還是應(yīng)該實(shí)現(xiàn)出來(lái)給懂的人用)
(作者:請(qǐng)參考拙作購(gòu)物車(chē)的可用性,來(lái)了解更多表單設(shè)計(jì)中的規(guī)則)
到底什么時(shí)候使用用取消按鈕就
Lisa Padol 問(wèn)道:
"當(dāng)你討論取消和重置按鈕時(shí)并沒(méi)有提及停止(即在載入時(shí)停止頁(yè)面)和刷新按鈕,不是嗎?
我覺(jué)得這不僅是可以接受的,也很必要為比如下載文件的過(guò)程加入取消按鈕。"
她的假定完全正確,瀏覽器的“停止”按鈕很好地加強(qiáng)了用戶(hù)的控制權(quán)。而對(duì)于文件傳輸和其它一些得花好幾秒鐘的操作也應(yīng)該這樣做。設(shè)計(jì)師必須給Applet(網(wǎng)頁(yè)上的Java應(yīng)用)和
