每天我們與數(shù)字界面打交道的時候都會碰到各種各樣的彈窗。其中，確認(rèn)彈窗用來降低誤操作或是輕率決策造成的風(fēng)險。而一個常見的場景是，彈窗出現(xiàn)后，你又不打算進(jìn)行原先的操作了。這時應(yīng)該怎么辦？

3種關(guān)閉彈窗的方式

交互設(shè)計中常常有必要為同一功能提供不同路徑。關(guān)閉一個確認(rèn)彈窗通常也有以下三種方式：

1. 點擊[確認(rèn)]按鈕旁邊的[取消]按鈕；
2. 點擊彈窗右上角的[關(guān)閉]按鈕；
3. 鍵盤上的esc鍵。

用3種方法達(dá)到同一效果，對普通用戶來說可能并不是什么問題，但足以吸引設(shè)計師發(fā)問：我到底需不需要在線框圖中畫上[關(guān)閉]按鈕？這三種方式有什么區(qū)別？是否需要保留多個效果一樣的路徑？

先來理解一下這三者的區(qū)別：
點擊[取消]代表著做出了決策，“我想過了，要放棄之前的操作”；點擊[關(guān)閉]意味著“我好像還沒想好？那就先不做決策了”；而esc是更快捷也更隱蔽的專家用戶操作，“先不做決策”的意味更濃。三者需要主動思考、判斷的程度依次降低。

那么怎樣對效果一樣的三者進(jìn)行取舍呢？[取消]按鈕與[確定]按鈕相對，當(dāng)然是必不可少的；esc鍵較隱蔽，加上它也沒有負(fù)擔(dān)。因此，問題就主要集中在：[關(guān)閉]按鈕是否必要？

它們的彈窗什么樣

對于[關(guān)閉]按鈕是否必要，我似乎找不到一個足夠充分的理由。然而，在我們的經(jīng)驗中，多數(shù)現(xiàn)有產(chǎn)品的確認(rèn)彈窗都保留了[關(guān)閉]按鈕：

在QQ郵箱中的徹底刪除郵件（不可esc）

在淘寶購物車中刪除商品（不可esc）

在Pinterest中刪除畫板（可esc）

不過也有一些確認(rèn)彈窗是沒有[關(guān)閉]的：

在簡書中刪除草稿（不可esc）

在谷歌相冊中刪除相冊（可esc）

另外，Mac版Chrome瀏覽器及Mac系統(tǒng)中的所有彈窗都沒有[關(guān)閉]且可以esc退出。猜想，Mac中不保留[關(guān)閉]而支持esc是因為Mac OS有著強(qiáng)大的快捷鍵和觸控板功能，相比Windows系統(tǒng)，用戶會更習(xí)慣于直接用鍵盤進(jìn)行操作，而不是移動光標(biāo)進(jìn)行點擊。

在Mac版Chrome所打開的豆瓣中刪除廣播

在iPhoto中刪除照片

他們怎么說

好吧，看了它們的彈窗，我還是并沒有得出明確的結(jié)論。既然參考不成，我去直接接觸用戶好了。我詢問了同事和朋友：若要退出提示彈窗，你會[取消]還是[關(guān)閉]？既然[取消]和[關(guān)閉]效果一樣，那么可否去掉[關(guān)閉]？

我所詢問的人中，有產(chǎn)品設(shè)計相關(guān)人員，也有普通用戶。大多數(shù)人都表示，相交[取消]，更愿意點擊[關(guān)閉]，正如其中一人所言：“如果要點取消，我還得專門去想一想”。點擊了按鈕意味著做出決策，增加了用戶的思考成本。但對于“可否去掉關(guān)閉”這個問題，大家出現(xiàn)了分歧。支持保留關(guān)閉的一方給出的理由如下：

"不同用戶有不同習(xí)慣，仍有大量的用戶習(xí)慣去右上角點“關(guān)閉”，去掉就會增加用戶操作成本，這會讓用戶不爽。如果產(chǎn)品沒有強(qiáng)大到去塑造用戶習(xí)慣，最好還是尊重不同用戶的操作習(xí)慣，提供多種操作方式也沒什么壞處。

"另外，關(guān)閉和取消分布在頁面的不同位置，可以減少移動光標(biāo)的距離，使操作更便捷。"

有趣的是，所詢問的交互設(shè)計師和視覺設(shè)計師卻都比較傾向于去掉[關(guān)閉]，理由是盡量避免表現(xiàn)層的冗余：
"畢竟，頁面上每個元素的存在總得有個足夠充分的理由，我們設(shè)計師才能不帶疑慮地親手將它放上去。做決策會帶來思考成本，而冗余所帶來的判斷過程又何嘗不是一種思考成本？"
作為交互設(shè)計師，我承認(rèn)自己更多時候會點擊關(guān)閉而非取消，但我還是傾向于去掉[關(guān)閉]同時支持鍵盤esc鍵。彈窗右上角的[關(guān)閉]并非不可或缺，可能是過去的操作系統(tǒng)使得關(guān)閉按鈕成了彈窗的標(biāo)配？這一點我在還沒有去追根溯源。不過界面和用戶習(xí)慣都是在不停發(fā)展的。盡量去掉表現(xiàn)層的冗余元素，是我心中更現(xiàn)代的設(shè)計原則，也是一個趨勢。

結(jié)論

所以，到底要不要在確認(rèn)彈窗右上角畫上一枚[關(guān)閉]按鈕？我的結(jié)論是，先看產(chǎn)品風(fēng)格和目標(biāo)用戶。如果產(chǎn)品風(fēng)格和用戶比較保守傳統(tǒng)，那么在現(xiàn)階段最好保留[關(guān)閉]按鈕；如果不是，那么嘗試去掉[關(guān)閉]好了，它沒有那么重要。在去掉[關(guān)閉]的同時，要記得支持鍵盤esc鍵關(guān)閉彈窗。不管用戶是否在使用鼠標(biāo)，用左手去按esc鍵都是最方便的退出方式。

再多說一句：確認(rèn)彈窗的根本目的是降低誤操作或是輕率決策的風(fēng)險，還有其他的方式可以達(dá)成這一點，比如撤銷，就比確認(rèn)彈窗有著更好的體驗。不過這又是另一個話題了。