“取消”（cancel，stop）和“撤消”（undo），看起來很像是同一回事，用起來似乎也差不多。但是兩者在使用上還是有些差別，體驗(yàn)上也略有不同。

一、取消鍵與撤消鍵

我們常常在執(zhí)行一個(gè)動(dòng)作時(shí)，會(huì)被要求確認(rèn)一下，這時(shí)候往往給出兩個(gè)按鈕，“確定”和“取消”?！叭∠卑粹o往往不會(huì)單獨(dú)出現(xiàn)，而是與“確定”，“保存”之類的操作同時(shí)出現(xiàn)。
（在操作系統(tǒng)中常見這樣的對(duì)話框，包含兩個(gè)鍵，確認(rèn)-OK，和取消-Cancel）

撤消，其實(shí)就是ctrl＋Z，回退最后那個(gè)操作，返回到前一個(gè)頁面。與“取消”最大的不同在于：“取消”的操作是在動(dòng)作發(fā)生前，而執(zhí)行“撤消”的操作時(shí)動(dòng)作已經(jīng)完成了。

（在Gmail中刪除郵件后，會(huì)在頁面上部出現(xiàn)撤銷提示）

“撤消”往往不會(huì)用文字表達(dá)寫出來，而是用符號(hào)（向右的箭頭）來代替。取消操作還有一些特殊的形式，比如在瀏覽網(wǎng)頁時(shí)停止對(duì)頁面內(nèi)容進(jìn)行載入，這是一種對(duì)耗費(fèi)時(shí)間的某個(gè)操作的中止操作。這么看來，取消也有個(gè)特定的符號(hào)，用（一個(gè)叉，或一個(gè)紅色的六角形中間一個(gè)橫杠）來表示。

（瀏覽器地址欄中的取消鍵）

（瀏覽器工具欄中的取消鍵）

二、如何設(shè)計(jì)

“取消”和“撤消”都不屬于操作的必要流程，在設(shè)計(jì)上也不應(yīng)作為主要元素出現(xiàn)。

在設(shè)計(jì)“取消”鍵（或操作確認(rèn)頁面）時(shí)，常會(huì)將“確認(rèn)”，“保存”按鈕放在左邊，并使用醒目的格式標(biāo)識(shí)出來，或者默認(rèn)選中該項(xiàng)?！叭∠卑粹o則往往放在右邊。 Mac系統(tǒng)由于使用習(xí)慣，往往位置顛倒一下。

（delicious中的取消鍵設(shè)計(jì)）

（Flickr中的取消鍵設(shè)計(jì)）
對(duì)于一些鼓勵(lì)用戶去進(jìn)行的操作，應(yīng)該淡化“取消”的操作。比如豆瓣上這個(gè)發(fā)表電影評(píng)論的頁面，使用灰色和小字，在格式上也與其他的按鈕不一樣，整個(gè)頁面只突出一個(gè)“好了，添加評(píng)論”按鈕。

（douban中的取消鍵設(shè)計(jì)）

撤消鍵設(shè)計(jì)并不多，往往在網(wǎng)頁設(shè)計(jì)中被忽視。Gmail是個(gè)很好的例子，可是Google Calender就沒有撤銷按鈕。

三、不同的體驗(yàn)

雖然都是對(duì)操作進(jìn)行反悔，但是正是由于出現(xiàn)的時(shí)間不同，用戶體驗(yàn)上的感受自然也不同。

“取消”鍵總是在動(dòng)作執(zhí)行后立即出現(xiàn)，這時(shí)候滿腦子都是前一個(gè)動(dòng)作，自然毫不思考地選了“確定”（通常還都是默認(rèn)項(xiàng)），然后才后悔莫及。所以，雖然是為了防止犯錯(cuò)，但由于“取消”出現(xiàn)地太快，用戶甚至沒有意識(shí)到“自己操作可能失誤了”。

相比之下，“撤消”按鈕顯得慷慨和大度多了，用戶可以放心的在網(wǎng)站上進(jìn)行探索（安全探索，safe exploration），對(duì)建立用戶的信心有很大幫助。在MS Office、Photoshop等高度交互界面上還提供了多級(jí)撤消的操作。

當(dāng)然，并不是說以后再也不要在網(wǎng)頁中用“取消”按鈕了，都得用“撤消”按鈕。也不是說以后一定要先來一個(gè)“取消”按鈕，再弄一個(gè)“撤消”按鈕，來個(gè)雙保險(xiǎn)。在設(shè)計(jì)中多考慮用戶的使用習(xí)慣和日常失誤，提高產(chǎn)品的容錯(cuò)性才是關(guān)鍵。

對(duì)于相對(duì)危險(xiǎn)的操作，整理了幾個(gè)使用“取消”鍵的優(yōu)化方案：
1.?不要使用“確定”，“OK”，“Yes”等簡(jiǎn)單的常規(guī)詞語： 使用一些描述操作結(jié)果的詞語，強(qiáng)迫用戶去閱讀一下。但在這里要注意文字的長度，如果是一個(gè)按鈕，文字要精煉；如果是一個(gè)鏈接，那可以稍微長些。
2.?將取消作為默認(rèn)項(xiàng)。
3.?提供第三種選擇： 提供一個(gè)比直接刪除更安全一點(diǎn)的第三選項(xiàng)，而不是簡(jiǎn)單的是或否的選擇。比如在iTunes里面（下圖）選擇刪除一首歌曲，默認(rèn)選中的是“保留文件”（在曲目庫中刪除，但文件仍保存在磁盤的原位置上，不移入回收站）。

版權(quán)聲明：轉(zhuǎn)載時(shí)請(qǐng)以超鏈接形式標(biāo)明文章原始出處和作者信息及本聲明
http://june-gao.blogbus.com/logs/68138408.html