“取消”按鈕的作用是什么？它會關閉用戶當前的屏幕并將其恢復到之前的屏幕。用戶依賴此不屑一顧的按鈕作為安全措施，以防止他們對系統(tǒng)進行不必要的更改。

為了讓您的用戶感到安全，“取消”按鈕應表示安全性的后退，而不是號召性用語。這就是取消按鈕永遠不應該有顏色的原因。

? ? ? 中性按鈕的中性色

按鈕上的顏色表示號召性用語。“取消”按鈕不是號召性用語，因為在按下按鈕后系統(tǒng)不會發(fā)生任何更改。因此，你永遠不應該用顏色強調它，否則你會給用戶留下印象。相反，他們應該得到?jīng)]有變化發(fā)生的印象，按鈕是他們的逃避承諾。

“取消”按鈕應具有中性色，以表示中性，非提交按鈕。當用戶注意到“取消”按鈕沒有顏色時，他們會將其識別為安全性的后退更快。這對于錯誤激活確認屏幕并希望快速逃脫的用戶來說非常重要。

當屏幕上的每個按鈕都有顏色時，它們會競爭注意力。這會導致用戶更長時間地思考每個動作。中性色的“取消”按鈕可以讓他們更快地通過不競爭來決定。準備采取行動的用戶不會被“取消”按鈕分心。

? ? ? “取消”有很多名字

并非所有取消按鈕都標有“取消”，但它們的功能與一個相同。例如，取消按鈕可以具有標簽，“不是現(xiàn)在”，“不用謝謝”，“可能稍后”或“跳過”，具體取決于上下文。如果按鈕具有不順從的行為，則應將其視為“取消”按鈕，因為它具有相同的功能。

屏幕上的按鈕越多，清晰的逃生就越有必要。當所有按鈕都有顏色時，逃逸不明確。但是當“取消”按鈕為中性色時，它會使按鈕選擇更加直觀。

? ? ? ?一個黑暗足夠的灰色

在按鈕上使用灰色時，使灰色足夠暗是很重要的。否則按鈕不清晰，可能看起來處于禁用狀態(tài)。

為確保您的按鈕清晰，請使用WCAG 2.0對比度工具（如對比度檢查器）檢查顏色對比度。這將告訴您正在使用的灰色是否通過了顏色的輔助功能指南。

? ? ? ?中和你的取消按鈕

大多數(shù)情況下，當用戶激活確認屏幕時，他們已準備好采取行動。但是，對于他們錯誤地激活它或改變他們采取行動的想法的時代，取消按鈕需要提供安全。

彩色取消按鈕發(fā)出錯誤信號。它使用戶將其視為行動號召，而不是安全性的后退。中和“取消”按鈕，以便用戶更輕松地使用確認屏幕。

作者：UX運動

翻譯：奧創(chuàng)