在瀏覽web的時候，我們往往發(fā)現(xiàn)這樣的一些組合：“確定”“確定   取消”“確定    關(guān)閉”“關(guān)閉”“取消”。到底哪個組合是對的呢？什么時候需要有“取消”按鈕呢？

————————————————————實例使用篇————————————————————-

先來看實例：


 
這是寫一篇新日志的頁面。整個頁面主要的內(nèi)容就是寫一篇新日志所涉及到的各種操作。有提交按鈕、提交所輸入的信息。有取消按鈕，表示不要寫日志了，要撤銷剛才點擊“寫日志”按鈕的這個操作。點擊取消按鈕，頁面跳轉(zhuǎn)至日志列表頁。

發(fā)表評論功能是跟在一篇日志的最下面，整個頁面上發(fā)表評論功能并不是主要內(nèi)容（主要內(nèi)容是日志正文），這里的取消按鈕如果也像上面寫日志頁面上的取消按鈕一樣，頁面跳轉(zhuǎn)到日志列表頁，顯然就不對了。而如果和寫日志中的取消按鈕功能不同也不好，因為這兩處實在太像了，兩處相同樣子的按鈕功能卻不同，顯然也不對。
這里實際上不需要取消，因為沒什么可取消的。之前的操作是“打開這篇日志的詳情頁”，而不是“發(fā)表評論”，“打開…”這個操作不需要取消按鈕撤銷。
“發(fā)表評論”這里的“取消”按鈕實際功能是清空評論內(nèi)容。那么這個按鈕不應(yīng)該叫“取消”，應(yīng)該叫“清空”之類的。而在這個地方有這樣一個清空功能似乎更多時候會使用戶誤操作，所以，這個按鈕就該去掉了。這是另外的錯誤引發(fā)的另外的分析，不是這回主要要說的，到此為止。

對比這兩個頁面，寫日志是需要撤銷的，而發(fā)表評論是不需要的。

寫日志頁面有這樣幾個特點：
1. 用戶主動點擊了一個叫做“寫日志”按鈕后引出來的；
2. 按鈕“寫日志”表述為一種操作的；
3. 頁面上充滿表單元素，需要用戶填寫、提交。
那么，在寫日志頁面上，要為 “寫日志”按鈕提供相應(yīng)的撤銷操作的功能——取消按鈕。

當(dāng)然寫日志頁面上的取消按鈕細(xì)研究起來還是有些問題的。在整個網(wǎng)站中，“寫日志”按鈕不止在日志列表頁一個頁面上出現(xiàn)過。那么點取消按鈕返回日志列表頁就不是很嚴(yán)謹(jǐn)了。如果取消按鈕換做“返回日志列表頁”這樣一個鏈接，似乎就更準(zhǔn)確了。類似下面這樣：

“返回你的相片頁面”——這種表現(xiàn)也可以理解為取消按鈕的一種變型。

另外一種變型——頁面右上角的叉子按鈕：

————————————————————提示使用篇————————————————————-

還有就是一些標(biāo)準(zhǔn)信息提示頁面用到的“取消”按鈕！

 
! 警告性信息
界面元素：警告信息圖標(biāo)一定少不了，還有”是”、”否”、”取消”按鈕，及相應(yīng)的詢問文字。
應(yīng)用場景：用戶由于誤操作產(chǎn)生不可逆轉(zhuǎn)的影響。對用戶可能因為疏忽而沒有進(jìn)行的一些重要操作進(jìn)行提示。所以需要采取提供提示的功能保護(hù)用戶操作。警告icon表示將來會引起問題的情況?！熬娌坏扔诒蝗趸腻e誤”——對這句話的理解是，警告不能使用到不嚴(yán)重的錯誤。這里的“取消”按鈕是不可缺少的！

 
?  詢問性信息
界面元素：包含詢問的信息圖標(biāo)、確認(rèn)、取消按鈕，及相應(yīng)的詢問文字。
應(yīng)用場景：為避免用戶做出誤操作，請用戶對其行為進(jìn)行確認(rèn)。隨之要伴有相關(guān)的詢問文字，一般來說，說明性和解釋性語句不能超過2行，不能超過50個文字。提示性語句不能夠太過于專業(yè)，盡量使用委婉的語句來表達(dá)相關(guān)的意思。當(dāng)然簡潔和不能重復(fù)也是一個關(guān)鍵的方面，同時記住語氣一定要“溫和/積極”。這里的“取消”按鈕也是不可缺少的！

原文：http://webteam.tencent.com/?p=695